Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_question 3

Public visualization

Viewing a saved revision (read-only)

7dc4b9bf5c47453298d9160e05130675

Activity6_question 3

0 stars0🌍 Public
Ssasidhharreddy@gmail.com
Last edited Apr 15, 2024
Created on Apr 15, 2024
Forked from Hello VizHub

This example visualizes a relationship network using a force-directed layout. It employs D3.js’s `d3.forceSimulation` and `d3.forceLink` to position interconnected nodes, with `d3.drag` enabling interactive node manipulation. The graph displays circular nodes and curved link paths, rendered via SVG. The visualization loads data from an external JSON source, mapping node IDs and link sources/targets to construct the topology. Styling applies an orange node fill and a distinct blue color for the highlighted link, while the simulation continuously updates positions through tick events.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.