npm stats

This analytics dashboard shows how to track a KPI from a third-party data source.

Check out the live app

Open example

How to run

Use create-toolpad-app to bootstrap the example:

npx create-toolpad-app@latest --example npm-stats

yarn create toolpad-app --example npm-stats

pnpm create toolpad-app --example npm-stats

or:

What's inside

This app demonstrates the following capabilities of Toolpad Studio:

1. How to use a thrid party REST API to fetch data to a Toolpad Studio app.
2. How to use custom components like charts.
3. How to use pre-built Material UI components like the MUI X Date Picker.
4. How to transform data.

The source

Check out the source code