Configurable Values

• Node Color:
  Set via the color property in node JSON. Example:
  "color": "#F7DF1E" for JavaScript.
• Node Radius:
  Controls the size of each node.
  Set in the UI, default: 20.
  Larger values increase node diameter.
• Link Strength:
  Determines how strongly nodes are pulled together or spread apart.
  Set in the UI, default: 0.2.
  Higher numbers = tighter, less springy links.
• Charge Strength:
  Controls the repulsion between nodes.
  Set in the UI, default: -200.
  More negative values = nodes repel harder, resulting in a more spread-out graph.
• Width:
  Pixel width of the graph canvas.
  Configurable in the UI, default: 800.
• Height:
  Pixel height of the graph canvas.
  Set in the UI, default: 600.
• Directed:
  Checkbox option to toggle directionality of links.
  When checked, links show arrows indicating direction.
• Groups:
  Nodes can be grouped using the group property in JSON.
  Example: "group": 1 for language group.
• Link Weight:
  Links specify strength with weight.
  Example: "weight": 3 means a stronger or more prominent connection.

Best Practices

• Validate JSON structure before passing.
• Limit node count for performance.
• Set sensible min/max for graph physics controls.