Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

My Knowledge Graph2

Public visualization

My Knowledge Graph2

1 star1🌍 Public
Rrainyrainyguo
Last edited Nov 19, 2020
Created on Nov 19, 2020

This interactive network visualization maps the command hierarchy and relationships among characters from Star Trek: The Next Generation. Using D3.js force-directed layout via `d3.forceSimulation`, `d3.forceLink`, and `d3.forceManyBody`, it renders an SVG graph of nodes and labeled directed edges from a hardcoded triple array. Users can drag nodes, with edges and labels updating continuously throughout the simulation. The code builds the graph using D3's data join operators, `Immutable.Set` for deduplication, and custom arrow markers to indicate relationship direction.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed