Build interactive network visualizations with force-directed layouts using D3.js.
Create a force-directed network visualization using D3.js: Network Data: - Node count: [approximate] - Edge count: [approximate] - Directed/undirected: [specify] - Data format: [node-link/adjacency matrix] Node Properties: - Types/categories: [list distinct types] - Size encoding: [what attribute] - Color encoding: [what attribute] - Labels: [always visible/on hover] Edge Properties: - Weight/strength: [if applicable] - Type categories: [if multiple] - Direction indicators: [arrows needed?] - Labels: [if needed] Force Simulation Parameters: - Center force: [strength] - Charge force: [repulsion strength] - Link force: [distance, strength] - Collision force: [radius] - Clustering: [by which attribute] Interactive Features: - Drag nodes: [enable repositioning] - Click behavior: [select/expand/navigate] - Hover effects: [highlight connections] - Zoom/pan: [enable with limits] - Search: [find and focus node] - Filter: [by node/edge properties] Layout Controls: - Play/pause simulation - Reset positions - Apply different layouts - Adjust force parameters Performance for large networks: - Canvas fallback threshold - Progressive rendering - Viewport culling Provide optimized implementation for smooth interaction.
Or press ⌘C to copy