Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ZoomInteractiveLineChart

Public visualization

Viewing a saved revision (read-only)

702e412d629543b39c4ba16a56fdce01

ZoomInteractiveLineChart

0 stars0🌍 Public
Ppplomith
Last edited Jun 21, 2021
Created on May 5, 2021

This interactive line chart visualizes calcium measurement values over time for a single patient, using a smooth curve to connect data points from a CSV file. Users can zoom into the timeline using a brush gesture, which updates the x-axis domain and redisplays the data at the new scale. The chart includes a tooltip that appears on mouseover, showing the date and value at the cursor position, indicated by a red circle on the line. The visualization is built with D3 v5, using SVG rendering, scales for time and linear axes, a line generator with curve basis, and a brush for zoom interactions.

AI-generated description