Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

ZoomInteractiveLineChart

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed