https://github.com/shelwinsunga/zoom-chart-demo
A zoomable shadcn/rechart chart.
https://github.com/shelwinsunga/zoom-chart-demo
Last synced: about 1 month ago
JSON representation
A zoomable shadcn/rechart chart.
- Host: GitHub
- URL: https://github.com/shelwinsunga/zoom-chart-demo
- Owner: shelwinsunga
- License: mit
- Created: 2024-07-13T00:57:05.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-07-14T18:55:04.000Z (10 months ago)
- Last Synced: 2025-03-31T06:00:59.089Z (about 1 month ago)
- Language: TypeScript
- Homepage: https://zoom-chart-demo.vercel.app
- Size: 281 KB
- Stars: 537
- Watchers: 1
- Forks: 13
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-shadcn-ui - Link - 07-16 | (Libs and Components)
- awesome-shadcn-ui - zoom-charts - Zoomable Charts on top of shadcn/ui Charts. (Libs and Components)
- awesome-shadcn-ui - zoom-charts - Zoomable Charts on top of shadcn/ui Charts. (Libs and Components)
README
## Simple Zoomable Shadcn Chart
First, run the development server:
```bash
git clone [email protected]:shelwinsunga/zoom-chart-demo.git
cd zoom-chart-demo
npm install
npm run dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
Chart is in `components/chart.tsx`.