Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Force Directed Graph - Simple

Public visualization

Viewing a saved revision (read-only)

64ff50d419ae4dcdbd79a603f79383f0

Force Directed Graph - Simple

0 stars1🌍 Public
JJimMaltby
Last edited Dec 18, 2020
Created on Dec 16, 2020

A force-directed graph renders a small network of six nodes from the `miserables.json` dataset, with circles colored by group and draggable via mouse events. The code builds the visualization using D3 v5’s `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceCenter` to position nodes, while link lines are omitted. SVG elements are created for nodes, and `d3.drag` enables interactive repositioning, updating node coordinates on each simulation tick.

AI-generated description

A simple FDG to fork VizHub. To help work out using flat data for hiearchies, uisng this tutorial http://dataviscourse.net/tutorials/lectures/lecture-d3-layouts/ Using JSON data