Npm Download Trends
Generate an animated SVG of an npm package's download history. Compare packages, switch metrics, tweak the style, then copy or embed it anywhere.
Add a package below to preview its download trend.
Packages
Config
Daily downloads, a 7-day average, weekly/monthly buckets, or a running total.
Download trend, or a bar/radial/pie total.
Light or dark color scheme for the chart.
Plot downloads by calendar date or package age.
Show axis titles beside the date and download ticks.
Decorative texture behind the chart — replaces grid lines.
Stroke
Thickness of the chart line in pixels.
Solid, dashed or animated dashed line.
Dots
Radius of the per-point dots — set to 0 to hide them.
Fill
Opacity of the area fill under the line.
Dissolve the lower part of the fill — at 50%, only the top half stays visible.
Style of the area fill under the line.
Animation
Draw the chart on with a reveal animation.
Re-run the draw-on animation on a loop so the chart keeps animating.