Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tree

Public visualization

Tree

0 stars0🌍 Public
Rrajeshmerla9999
Last edited Jun 13, 2020
Created on Jun 12, 2020
Forked from Tree

This interactive tree visualization displays a hierarchical dataset of patient appointments and their statuses, using a radial layout where nodes collapse and expand on click. The D3.js v3 library (d3.layout.tree, d3.behavior.zoom) renders the hierarchy as an SVG with animated transitions, while nodes marked with the "blinkred" CSS class blink to indicate urgent cases. Hovering over nodes reveals patient or room details in the adjacent panel, populated from the included flare.json data source.

AI-generated description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed