Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Force Directed Graph

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed