npm chart

Visualize npm downloads in a beautiful chart, ready to be shared with your community.

atinux
336
19
Vue

NPM Chart

Visualize your package npm downloads in a beautiful chart, ready to be shared with your community.

https://npm.chart.dev

https://github.com/user-attachments/assets/cc98763a-f937-42c3-a82f-4d48ab993a65

Features

  • Beautiful page for your npm package
  • Downloads chart to png or svg
  • Metrics are cached for maximum performance
  • Running on the Edge with NuxtHub
  • Using npm-stat.com API

Stack

Setup

Make sure to install the dependencies with pnpm:

pnpm install

Development Server

Start the development server on http://localhost:3000:

pnpm dev

Production

Build the application for production:

pnpm build

Deploy

Deploy the application on the Edge with NuxtHub on your Cloudflare account:

npx nuxthub deploy

Then checkout your server logs, analaytics and more in the NuxtHub Admin.

You can also deploy using Cloudflare Pages CI.

Credits

License

MIT