Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Courses Tree

Public visualization

Viewing a saved revision (read-only)

f60958a3007f44ab82b40ca6c07c80d8

Courses Tree

0 stars0🌍 Public
Nnadia-el
Last edited Oct 28, 2020
Created on Oct 28, 2020

This example presents a course prerequisite tree as a static, pre-positioned node-link diagram. Users can click circular nodes to select courses, which highlights all related links and appends the course label to a sidebar list; clicking again deselects it. The visualization uses D3 v5, with an SVG renderer, vertical link paths via `d3.linkVertical`, explicit x/y coordinates per node, and CSS class-based styling for link highlighting. It uses a JSON data file containing nodes with levels and class attributes.

AI-generated description