🌍 Public
Viewing a saved revision (read-only)
ecad769ce8a440b0a88ad1459d06921e
A8 Node-Link Diagram D3 (edge-bundling)
This example combines a force-directed network diagram with an adjacency matrix to visualize Facebook page connections in the food category. The network uses curved paths generated with D3’s `d3.curveBundle` for edge bundling, while `d3.forceSimulation` handles node positioning and dragging. Hovering over a node highlights its corresponding row and column in the matrix, with tooltips showing node names. Both visualizations load CSV data for nodes and edges, rendering in SVG.
AI-generated descriptionA vanilla HTML implementation of a D3 scatter plot. Shows the Iris Dataset.