Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Loading Data with React & D3

Public visualization

Viewing a saved revision (read-only)

153a262258834691932c2a123dd3f5d5

Fork of Loading Data with React & D3

2 stars0🌍 Public
Ssmeiyin
Last edited Apr 7, 2021
Created on Mar 19, 2021

This interactive node-link diagram visualizes the connections between pages in a dataset, mapping relationships through arcs and colored nodes. Built with React and D3 v5, it uses D3's `scalePoint` and `scaleOrdinal` to position nodes and assign colors based on chapter numbers. The visualization reads from a local `data.js` file containing nodes and links. Hovering over a node highlights it, its direct connections, and related links by applying CSS classes through D3's selection and classing methods, with SVG rendering.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React state to keep track of the data.