Magic Charts is a locally deployable E-Charts data panel designed for seamless data visualization. It allows users to import text-based data (via JSON code or a visual table editor), preview charts in real-time, and download the results as high-quality images.
Currently, the project supports a curated selection of chart types, including Line, Bar, Pie, Scatter, Radar, and Mixed charts, with more types being actively added.
| Home Page | Chart Editing | Visual Data Editor |
|---|---|---|
 |
 |
 |
- Local Deployment: Runs entirely on your local machine for privacy and speed.
- Data Import & Editing:
- Visual Editor: Input data using a spreadsheet-like interface.
- Code Editor: Paste or edit raw JSON for advanced configuration.
- Real-time Preview: See your chart update instantly as you modify data or settings.
- Color Customization: Apply professional color themes or create your own custom palettes.
- Image Export: One-click download of charts as PNG images.
- Chart Gallery: Browse various chart templates to start your visualization quickly.
-
Clone the repository
git clone https://github.com/yourusername/magic-charts.git cd magic-charts -
Install dependencies
npm install
-
Start the application
npm run dev
-
Open in Browser Visit
http://localhost:5173to start creating charts.
- Line Charts: Basic, Smoothed, Area, Stacked, Gradient, etc.
- Bar Charts: Basic, Stacked, Background, Mixed, etc.
- Pie Charts: Basic, Doughnut, Textured.
- Scatter Charts: Basic Scatter Plot.
- Radar Charts: Basic & Custom Radar.
- Others: Candlestick, Graph, Mixed Combinations.
(More chart types are in development)
MIT License