1. Project Overview

Jianda Cloud Visual Dashboard Designer integrates over 20,000 ECharts components, boundary maps for the entire country, provinces, cities, counties, and townships, integrated DataV components, and 20 canvas animated background components. It is an offline deployment package based on Qifeng Visual Dashboard Designer.

2. Open Source License

The author has not yet specified an open-source license.

3. Screenshots

Preview of the Designed Dashboard

Visual Dashboard Designer Interface Preview

Designed Visual Dashboard

GeoJSON data for the national map, including 34 provinces, 344 cities, 3,020 districts and counties, and 41,636 townships across the country.

Login Interface

Steps to Run the Designed Dashboard Vue Page Locally

Step 1: Download this project.

Step 2: Design your desired dashboard. Click the location highlighted by the red box in the image below to download it.

Step 3: Copy the Vue page into your project, as shown in the image below:

Step 4: Configure the routes, as shown below:

Step 5: Run npm install to install dependencies, then run npm run serve to start the project. The result is shown below:

4. Feature Overview

Jianda Cloud Visual Dashboard Designer integrates over 20,000 ECharts components, a national map covering 34 provinces, 344 cities, and 3,020 districts and counties, GeoJSON maps of all 41,636 townships nationwide, integrated DataV components, and 20 canvas animated background components. The visual dashboard designer is developed using the Element UI framework.

Compared with other visual dashboard design tools on the market, this designer offers the following advantages:

1. Its interface is inspired by Alibaba's DataV design style, featuring an elegant and visually appealing layout.

2. Includes over 20,000 ECharts components, allowing you to easily create various statistical charts and reports without needing to understand ECharts.

3. Includes GeoJSON maps of all 41,636 townships nationwide. Free maps covering all townships in China are not available elsewhere online, but all maps provided here are currently free.

4. Visual dashboards are dynamically rendered using Vue source code, fully supporting secondary development by developers and providing extensibility for future dynamic data binding and statistical analysis.

5. Since visual dashboards are dynamically rendered using Vue source code, they support local downloads. A runnable project template is also provided for download. After downloading the Vue files, simply copy them into the runnable project to run the dashboard locally, completely offline and independently of my visual dashboard design website.

5. Tech Stack

Jianda Cloud Visual Dashboard Designer integrates over 20,000 ECharts components, a national map covering 34 provinces, 344 cities, and 3,020 districts and counties, GeoJSON maps of all 41,636 townships nationwide, integrated DataV components, and 20 canvas animated background components. The visual dashboard designer is developed using the Element UI framework.