Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Graph Example

Public visualization

Viewing a saved revision (read-only)

5285058b1bc44f3c8c9c8e9bcd8cf6e5

Graph Example

0 stars1🌍 Public
RRavi Teja Bonam
Last edited Apr 5, 2022
Created on Apr 5, 2022
Forked from Tree Example

This example shows a force-directed network graph of 13 named nodes connected by 13 weighted links, with each node colored according to its assigned color property and labeled with its name. The visualization uses the D3.js v2 library, creating an SVG rendering that lays out the graph through the `d3.layout.force` API, positioning nodes with charge and distance settings. Links are drawn as lines whose stroke width scales with the square root of the link weight, and nodes are draggable circles with text labels. Data is loaded from the `graph.json` file, and the layout updates position coordinates on each tick event.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.