Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of GraphLayout with Interactive Filtering

Public visualization

Viewing a saved revision (read-only)

9eb36779ec814ecb9dbb1b2050b7e613

Fork of GraphLayout with Interactive Filtering

0 stars0🌍 Public
Llimenzi
Last edited May 18, 2021
Created on May 18, 2021

This interactive graph layout demonstrates filtering of connected nodes using d3.forceSimulation, forceLink, and forceManyBody to position nodes with color-coded clusters. A color legend and check button allow users to select specific node groups by clicking legend circles or toggling layer display, which triggers node resizing and edge visibility updates. The visualization uses precomputed x, y, and k coordinates from CSV data, rendered as SVG circles and lines with animated transitions lasting one second.

AI-generated description