Skip to content

This project demonstrates the integration of Chart.js in a React + Vite environment. The implementation includes various chart types (line, bar, pie, etc.), dynamic data updates, and customization options using Chart.js and react-chartjs-2.

Notifications You must be signed in to change notification settings

Hamzzay/react-chartjs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

3 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

React Vite + Chart.js Integration

This project demonstrates how to integrate Chart.js with React in a Vite environment using the react-chartjs-2 wrapper. It provides interactive and customizable charts such as line, bar, pie, and more.

๐Ÿš€ Features

  • ๐Ÿ“Š Multiple Chart Types: Line, Bar, Doughnut, Pie, and more.
  • ๐ŸŽจ Customization: Modify colors, labels, and datasets.
  • ๐Ÿ”„ Dynamic Data: Update charts in real-time.
  • โšก Fast Performance: Built with Vite for faster builds.

๐Ÿ› ๏ธ Installation

  1. Clone the repository:

    git clone https://github.com/hamzzay/react-chartjs.git
    cd react-chartjs
  2. Install dependencies:

    npm install
  3. Start the development server:

    npm run dev

๐Ÿ“Œ Dependencies

This project uses:

Happy Coding! ๐ŸŽ‰

About

This project demonstrates the integration of Chart.js in a React + Vite environment. The implementation includes various chart types (line, bar, pie, etc.), dynamic data updates, and customization options using Chart.js and react-chartjs-2.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published