Fork of Node-Link Diagram with Force-Directed Layout Using D3
This interactive force‑directed node‑link diagram visualizes the SOC‑FIRM‑HI‑TECH network from the Network Data Repository. Nodes represent individuals categorized into six historical periods, while links show connections between them. The layout is computed dynamically using `d3.forceSimulation` with many‑body repulsion, centering, and link forces, and supports dragging. The D3 v7 implementation renders SVG circles and lines, with node labels and tooltips. Data is loaded from CSV files containing node IDs and edge lists, and colors are assigned via a categorical scale.
AI-generated descriptionAssignment 7 part C, B (partialy: tooltip)
Node-Link Diagram with Force-Directed Layout Using D3
Inspired by:
Used lib: https://d3-legend.susielu.com/ used documentation: https://github.com/d3/d3/blob/main/API.md
Data:
https://networkrepository.com dataset was used: http://bl.ocks.org/eggchul/4f7b66224adecb2796f685447cd12448#license
<div id="svg-wrapper"></div> <h3>Data Source: SOC-FIRM-HI-TECH</h3> <p style="font-family:'Lato';"> <code style="font-size:1.1em;"> @inproceedings{nr-aaai15,<BR> title = {The Network Data Repository with Interactive Graph Analytics and Visualization},<BR> author={Ryan A. Rossi and Nesreen K. Ahmed},<BR> booktitle = {AAAI},<BR> url={<i><a href="http://networkrepository.com" target="_blank"><b style="font-weight:bold !important;">http://networkrepository.com</b></a></i>},<BR> year={2015}<BR> }<BR> </code> </p>@inproceedings{
- nr,
- title = {The Network Data Repository with Interactive Graph Analytics and Visualization},
- author={Ryan A. Rossi and Nesreen K. Ahmed},
- booktitle = {AAAI},
- url={https://networkrepository.com},
- year={2015} }