Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Nodes Proove

Public visualization

Viewing a saved revision (read-only)

15676802d31a464db20ea6f1d1bf79a3

Nodes Proove

0 stars0🌍 Public
Aarg04
Last edited Jul 6, 2020
Created on Jul 6, 2020
Forked from Making a barchart

This example uses a force-directed graph to visualize a hierarchical JSON dataset of software tool categories, such as Monitoring, APM, and Cloud services, as nodes connected by parent-child links. The visualization builds a node-link diagram with circles and lines in an SVG container, applying `d3.forceSimulation` with link, charge, and position forces to arrange the nodes dynamically. The code loads the data from `allTools.json` using D3’s `json` method and renders the result with `d3.hierarchy` and `d3.forceLink`.

AI-generated description