Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Directed Graph Editor

Public visualization

Directed Graph Editor

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

This interactive tool lets users create and edit directed graphs by dragging nodes, clicking to add new ones, and selecting edges. It visualizes a force-directed layout using `d3.forceSimulation` with custom link and node elements. The code handles node dragging, edge creation between nodes, and node deletion, with reflexive edges drawn as loops. Styling distinguishes selected links with dashed strokes, while the simulation uses `d3.drag` and `d3.forceLink` to manage interactions and positions.

AI-generated description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed