An open API service indexing awesome lists of open source software.

https://github.com/juanpablodiaz/chart.js


https://github.com/juanpablodiaz/chart.js

chartjs data-visualization nextjs

Last synced: about 1 month ago
JSON representation

Awesome Lists containing this project

README

          

# Chart.js Library 📊

Chart.js is a JavaScript library that allows you to create beautiful charts to represent your data. It's easy to use and has a wide variety of chart types to choose from.

Learn more about [Chart.js](https://www.chartjs.org/)

In this repository, you'll find the following charts:

- Line Chart
- Area Chart
- Bar Chart
- Pie Chart
- Scatter Chart
- Composed Chart
- Customized Dot Line Chart

### Lighthouse Score 🚀

### Built With 🔑

Welcome to the [chart](https://chart.jpdiaz.dev), collection.

![Chart.js](https://img.shields.io/badge/chart.js-FF6384.svg?style=for-the-badge&logo=chart.js&logoColor=white)
![Nextjs](https://img.shields.io/badge/Next.js-000?style=for-the-badge&logo=Next.js&logoColor=white)
![Tailwind-CSS](https://img.shields.io/badge/Tailwind%20CSS-06B6D4.svg?style=for-the-badge&logo=Tailwind-CSS&logoColor=white)

## Get started 🛠️

To get started with [chart](https://chart.jpdiaz.dev), simply clone the repository and follow the setup instructions. You'll be up and running in no time!

### Setup 📋

1. Clone the repo
2. Install dependencies
```sh
npm install
```
3. Start the development server
```sh
npm run dev
```
4. Open [http://localhost:3000/](http://localhost:3000/) with your browser to see the result.

## Contribution 🤝

All contributions are welcome. Please read the [CONTRIBUTING guidelines](CONTRIBUTING.md) for details on our code of conduct, and the process for submitting pull requests.

### Contributors 🧑‍💻

## License 📜

[chart](https://chart.jpdiaz.dev) is licensed under the MIT License.

I hope you enjoy using the chart repo!

## Acknowledgments 📚

Resources list that I find helpful and would like to give credit to.

[![chart.js](https://img.shields.io/badge/chart.js-FF6384.svg?style=for-the-badge&logo=chart.js&logoColor=white)](https://www.chartjs.org/)
[![Tailwind-CSS](https://img.shields.io/badge/Tailwind%20CSS-06B6D4.svg?style=for-the-badge&logo=Tailwind-CSS&logoColor=white)](https://tailwindcss.com/)
[![Next.js](https://img.shields.io/badge/Next.js-000?style=for-the-badge&logo=Next.js&logoColor=white)](https://nextjs.org/)
[![Vercel](https://img.shields.io/badge/Vercel-000?style=for-the-badge&logo=Vercel&logoColor=white)](https://vercel.com/)

(👆 Top 👆)