Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Force Directed Graph

Public visualization

Viewing a saved revision (read-only)

9d29ffb11d7649b4b9dcb19d02036f13

Force Directed Graph

0 stars2🌍 Public
IIcecreamneverfall
Last edited Jun 2, 2020
Created on Jun 2, 2020

This force-directed graph visualizes relationships between programming languages, with nodes sized by degree and colored on a blue scale. Links appear either green and thick or black and dashed, indicating a binary attribute. The visualization uses d3.forceSimulation to compute the layout, d3.forceLink for link forces, and d3.forceManyBody for repulsion. Node dragging is enabled via d3.drag. The SVG rendering is built dynamically, with curved paths for connections and labels positioned above each node.

AI-generated description

An example including some commonly used features of SVG.