# EasyDashboard

**Repository Path**: bloodbird/EasyDashboard

## Basic Information

- **Project Name**: EasyDashboard
- **Description**: EasyDashboard is a data visualization dashboard solution developed based on the EasyEditor low-code engine. 
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: develop
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-04-22
- **Last Updated**: 2025-04-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# EasyDashboard

EasyDashboard is a data visualization dashboard solution developed based on the [EasyEditor](https://github.com/Easy-Editor/EasyEditor) low-code engine. This project demonstrates how to quickly build professional data visualization applications using EasyEditor's Dashboard plugin and React renderer.

<div align="center">
  <img src=".github/assets/page.png" width='1000' />
</div>

## Features

- **Rich Visualization Components**: Built-in various chart components and data display components, supporting custom extensions.
- **Plug-and-Play**: Based on the EasyEditor plugin system, supporting drag-and-drop development of components.
- **Modern Design**: Adopts a frosted glass design, supporting cool backgrounds and gradient effects.
- **Responsive Layout**: Supports multiple screen sizes, defaulting to a resolution of 1920x1080.
- **Real-Time Data**: Supports real-time data refresh and automatic update mechanisms.
- **Enhanced Interactivity**: Supports full-screen display, data filtering, and other advanced interactive features.
- **Out-of-the-Box**: Provides complete example templates and component configurations.

## Component Library

### Chart Components
- **Basic Charts**
  - AreaChart - Area Chart
  - LineChart - Line Chart
  - BarChart - Bar Chart
  - PieChart - Pie Chart
  - RadarChart - Radar Chart
  - RadialChart - Radial Chart
- **Advanced Charts**
  - BarChartHorizontal - Horizontal Bar Chart
  - BarChartStacked - Stacked Bar Chart
  - PieChartStacked - Stacked Pie Chart
  - PieChartDonut - Donut Pie Chart
  - RadarChartLines - Multi-Line Radar Chart
  - RadialChartText - Radial Chart with Text
  - RadialChartStacked - Stacked Radial Chart

### Data Display
- Table - Table
- Progress - Progress Bar
- Carousel - Carousel

### Interactive Components
- Button - Button
- Input - Input Field
- Select - Selector
- Combobox - Combo Box
- Calendar - Calendar
- CalendarButton - Calendar Button
- Toggle - Toggle Switch
- ToggleGroup - Toggle Group
- Sonner - Notification

### Basic Components
- Text - Text
- Image - Image

## Debug

### Environment Requirements

- Node.js >= 18.0.0
- pnpm >= 9.12.2
- React >= 18.0.0

### Local Development

```bash
# Clone the project
git clone <your-repository-url>

# Navigate to the project directory
cd EasyDashboard

# Install dependencies
pnpm install

# Start the development server
pnpm dev
```

### Build and Deployment

```bash
# Build the production version
pnpm build

# Preview the production build
pnpm preview
```

## License

MIT License © 2024

## Related Links

This project is developed based on the [EasyEditor](https://github.com/Easy-Editor/EasyEditor) low-code engine, demonstrating how to use EasyEditor to build professional data visualization applications.