// Cytoscape 객체 생성
var cy = cytoscape({
  container: document.getElementById('cy'),
  
  // 그래프 요소 정의
  elements: {
    nodes: [
      { data: { id: 'node1' } },
      { data: { id: 'node2' } },
      { data: { id: 'node3' } }
    ],
    edges: [
      { data: { source: 'node1', target: 'node2' } },
      { data: { source: 'node2', target: 'node3' } }
    ]
  },
  
  // 그래프 레이아웃 설정
  layout: {
    name: 'preset',
    positions: {
      'node1': { x: 100, y: 100 },
      'node2': { x: 200, y: 200 },
      'node3': { x: 300, y: 300 }
    }
  },
  
  // 스타일 지정
  style: [
    {
      selector: 'node',
      style: {
        'background-color': 'red',
        'label': 'data(id)'
      }
    },
    {
      selector: 'edge',
      style: {
        'width': 3,
        'line-color': 'blue',
        'target-arrow-shape': 'triangle',
        'target-arrow-color': 'blue'
      }
    }
  ]
});