Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tree with labels

Public visualization

Viewing a saved revision (read-only)

0f6885744f2d47dbbcebe0aee05c7992

Tree with labels

0 stars1🌍 Public
VVicfreak10
Last edited May 27, 2020
Created on May 26, 2020

A tree diagram visualizes a retrosynthetic analysis pathway for a chemical substance, with branching paths representing alternative synthesis routes and precursor compounds. Each node is labeled with its substance URI, and connecting links are drawn as horizontal paths. The visualization uses D3 version 5’s `d3.tree` layout, `d3.hierarchy`, and `d3.linkHorizontal` to compute positions and link paths, rendering to an SVG canvas. Data is loaded from a JSON file containing nested precursor and reaction alternatives.

AI-generated description