Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

My collapsible Knowledge Graph with taxo data

Public visualization

Viewing a saved revision (read-only)

73075b33865841b9ab17529d0685fdf7

My collapsible Knowledge Graph with taxo data

0 stars1๐ŸŒ Public
Rrainyrainyguo
Last edited Nov 28, 2020
Created on Nov 27, 2020

This visualization displays a hierarchical knowledge graph of taxonomic data, showing computer science concepts and their relationships across multiple depth levels. The graph is rendered as a collapsible node-link diagram using SVG, with nodes colored by depth level and connected by arrowed links. The code uses d3.forceSimulation with charge, collision, x, and y forces to position nodes, while d3.scaleOrdinal maps depth values to distinct colors. Clicking nodes toggles their children, expanding and collapsing the hierarchical structure. The layout is computed from the data2.js hierarchy, with forceX positioning nodes at depth-based x-coordinates.

AI-generated description