Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

InteractiveYearLineChart

Public visualization

Viewing a saved revision (read-only)

495e7036601f4117b32d9223bf06e26e

InteractiveYearLineChart

0 stars2🌍 Public
Ppplomith
Last edited May 7, 2021
Created on May 3, 2021

An interactive line chart displays blood calcium values over time for a single patient, with a vertical red line marking a selected year. Users hover over the chart to see a tooltip with the exact date and value, while a brush allows zooming into time ranges. The chart uses d3.scaleTime, d3.line, d3.brush, and d3.bisector on data loaded from a CSV file. SVG rendering and mouse events drive the interactions, with a dashed line and tooltip circle updating dynamically.

AI-generated description