Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Directed Graph Editor

Public visualization

Viewing a saved revision (read-only)

5cf9cc1b120c4f1194c7fb5a83de16b6

Directed Graph Editor

0 stars1🌍 Public
00-1CxH
Last edited Feb 14, 2020
Created on Feb 14, 2020

This interactive directed graph editor lets users create, drag, and connect nodes with labeled links, highlighting selected edges with dashed styling. The visualization is built using D3 v5's force simulation for node placement and SVG elements for rendering, with graph interactions handled through mouse events in a React application. The code uses `d3.forceSimulation` to manage node positions and link forces, while CSS controls visual feedback such as cursor changes and stroke styles. The graph is displayed in a full-window SVG canvas.

AI-generated description

A bare minimum HTML page.

See also React Starter.