Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Untitled

Public visualization

Viewing a saved revision (read-only)

af18b750476f497e9d7a301784fbb21f

Untitled

0 stars0🌍 Public
RRafael Campos
Last edited Jul 30, 2020
Created on Apr 27, 2020

This example shows a small directed graph of four nodes representing people and databases, with labeled edges indicating relationships such as “KNOWS” and “FOUNDED.” The visualization uses d3.forceSimulation to position nodes, and SVG lines with arrowhead markers for links. Node labels display names and types, while edge labels are placed along paths using textPath. The graph is draggable, with the simulation restarting on interaction, and node colors are assigned via d3.scaleOrdinal with d3.schemeCategory10. Data is loaded from an inline JSON object.

AI-generated description

An example including some commonly used features of SVG.