atinux / npm-chart

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

NPM Chart

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

https://npm.chart.dev

npm-chart.mp4

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

• Nuxt + UI + Icon + Fonts
• Nuxt OG Image
• NuxtHub
• UnoVis
• Modern Screenshot

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

• npm-stat.com for the npm downloads API
• @danielroe for the domain name

License

MIT