Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Interactive Sparkline

Public visualization

Interactive Sparkline

0 stars4๐ŸŒ Public
CCurran Kelleher
Last edited Oct 9, 2025
Created on Jul 15, 2024
Forked from Circles with D3

This interactive sparkline visualizes weekly NPM package download counts for the d3 library, using data fetched from a JSON URL. The chart displays an area and line graph, with a hover interaction that reveals a large numeric download count and a date range label. The implementation leverages d3 functions such as `scaleTime`, `scaleLinear`, `line`, `area`, `flatRollup`, `bisector`, and `pointer` to handle aggregation, scaling, and mouse tracking. The visualization updates dynamically as the mouse moves, highlighting the nearest data point with a circle and vertical line.

AI-generated description

A reproduction of the interactive sparkline for weekly downloads of NPM packages.

Comments

Sign in to join the discussion.

MIT Licensed