노드의 경우, 다음과 같은 방법으로 사용자 지정 데이터를 저장할 수 있습니다:

var cy = cytoscape({ /* 그래프 초기화 코드 */ });

var node = cy.add({ data: { id: 'node1' } }); // 새로운 노드 생성

node.data('customData', 'myData'); // 사용자 지정 데이터 저장

console.log(node.data('customData')); // 사용자 지정 데이터 출력

위의 코드에서 data() 메소드를 사용하여 customData라는 키값으로 사용자 지정 데이터를 저장하고, data() 메소드를 다시 호출하여 해당 데이터를 가져와 출력합니다.

엣지의 경우에도 비슷한 방법으로 사용자 지정 데이터를 저장할 수 있습니다:

var edge = cy.add({ data: { id: 'edge1', source: 'node1', target: 'node2' } }); // 새로운 엣지 생성

edge.data('customData', 'myData'); // 사용자 지정 데이터 저장

console.log(edge.data('customData')); // 사용자 지정 데이터 출력

위의 코드에서도 data() 메소드를 사용하여 customData라는 키값으로 사용자 지정 데이터를 저장하고, data() 메소드를 다시 호출하여 해당 데이터를 가져와 출력합니다.

Cytoscape.js를 사용하여 그래프 시각화 프로젝트를 개발할 때, 노드 및 엣지에 다양한 사용자 지정 데이터를 저장하고 활용할 수 있습니다. 이는 그래프를 더욱 유연하게 조작하고 분석하는 데 도움이 될 수 있습니다.

더 자세한 정보는 Cytoscape.js 공식 문서를 참조하시기 바랍니다.

참고 문서:

• Cytoscape.js 공식 문서: http://js.cytoscape.org/