Skip to main content
100%

Fork of Force-Directed Graph hierarchy with drill up & drill down

✓ Published0🌍 Public
Hhelen azad
Last edited Mar 14, 2024
Created on Mar 14, 2024

This interactive network visualization demonstrates hierarchical data exploration in a force-directed graph, allowing users to drill down from a high-level community view into individual node connections and drill back up. The example combines a base graph of five communities with sub-graphs representing their internal structures, augmented by real-world datasets from the Les Misérables character network and the email-Eu-core communication network, fetched from GitHub and parsed with custom utility functions. Built with d3's forceSimulation, forceLink, forceManyBody, and forceCenter APIs within an SVG container, the visualization uses zoom functionality and color-coded nodes to distinguish between levels, while user interaction triggers level transitions through a stack-based drill-up mechanism.

AI-generated description
MIT Licensed

Similar vizzes