Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tree Diagram TERGAR TRAINING - June 17,2022-(1)

Public visualization

Viewing a saved revision (read-only)

1d79b9fa76ce487ab2eacb02071971fe

Tree Diagram TERGAR TRAINING - June 17,2022-(1)

0 stars1🌍 Public
NNita
Last edited Jun 17, 2022
Created on Jun 17, 2022

This interactive tree diagram visualizes hierarchical training data, displaying nodes as text labels connected by curved paths. The visualization uses D3 v5’s `tree()` layout combined with `linkHorizontal()` to generate the branching structure, and `zoom()` enables panning and scaling. Data is loaded from a CSV file via `d3.csv()` and structured using the `stratify()` method, with node labels rendered as SVG text elements. The diagram employs a fixed viewport that fills the browser window, with node names displayed in a serif font and connections drawn in green strokes.

AI-generated description

Training Material interactive visualization