1am-programmer/pie-chart-with-React

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

React Pie Chart with Chart.js

This project demonstrates how to create a pie chart in React.js using the Chart.js library.

Introduction

Pie charts are useful for displaying proportional distributions of data. This project provides a simple example of implementing a pie chart in a React.js application using the Chart.js library.

Installation

1. Clone the repository:

   git clone https://github.com/1am-Programmer/react-pie-chart.git

2. Navigate to the project directory:

   cd react-pie-chart

3. Install dependencies using npm:

   npm install

Usage

To run the project locally, use the following command:

npm run dev
This will start the development server and open the application in your default web browser. You should see a pie chart displayed with sample data.

Customization
You can customize the pie chart by modifying the data and options passed to the Chart.js component in the PieChart.js file. Chart.js provides extensive documentation on customization options available for pie charts, including colors, labels, tooltips, and more. Refer to the Chart.js documentation for more information.

Contributing
Contributions are welcome! If you'd like to improve this project, add new features, or fix bugs, feel free to fork the repository and submit a pull request.

License
This project is licensed under the MIT License.