yyhsong/idatav

★ 5,677JavaScriptAudience · developerComplexity · 1/5Setup · easy

Mindmap

mindmap
  root((repo))
    What it does
      Dashboard templates
      Animated map effects
      3D chart examples
    Tech Stack
      JavaScript
      ECharts
      Baidu Maps
    Chart Types
      Bar and line charts
      Pie and sunburst
      Heat maps
      3D bar charts
    Platforms
      Alibaba DataV
      Baidu Sugar
      Tencent BI
    Audience
      Frontend developers
      Dashboard designers

mindmap root((repo)) What it does Dashboard templates Animated map effects 3D chart examples Tech Stack JavaScript ECharts Baidu Maps Chart Types Bar and line charts Pie and sunburst Heat maps 3D bar charts Platforms Alibaba DataV Baidu Sugar Tencent BI Audience Frontend developers Dashboard designers

Click or tap to explore — scroll the page freely

Things people build with this

USE CASE 1

Take a ready-made large-screen dashboard template and swap in your own data to quickly build a control-room-style display.

USE CASE 2

Use the ECharts map animation examples as a starting point for showing city-to-city data flows on a geographic map.

USE CASE 3

Copy the 3D bar chart or sunburst chart examples as starter code for a data visualization project.

Tech stack

JavaScriptEChartsBaidu Maps

Getting it running

Difficulty · easy Time to first run · 30min

Documentation and README are written entirely in Chinese, swap in your own data sources once you have a template running in the browser.

License terms are not described in the explanation.

In plain English

iDataV is a collection of example projects for large-screen data visualization, written in Chinese for a Chinese audience. Large-screen visualization refers to the kind of dashboards you often see displayed on giant monitors in corporate control rooms or public displays: maps with animated flying lines, real-time sales numbers, 3D charts, and charts showing the geographic spread of companies or customers. These displays are built to look impressive and communicate high-level information at a glance rather than for detailed data analysis. The examples in this repository use a JavaScript charting library called ECharts, which is maintained by Baidu and widely used for this kind of work. The examples cover bar charts, line charts, pie charts, tree maps, sunburst charts (which show hierarchical proportions using rings within rings), heat maps overlaid on Baidu Maps, 3D bar charts, and animated map effects like heat spots and moving paths between cities. There are also examples built on top of cloud-based drag-and-drop visualization platforms from Alibaba, Baidu, and Tencent, which let teams assemble dashboards from pre-built components without writing much code. The repository functions as a learning resource and a starter kit. Developers looking to build a large-screen visualization project can take one of the provided templates as a starting point and swap in their own data. The README explicitly notes that all data used in the examples is fictional and should not be treated as real. The README is brief and written entirely in Chinese, so most details about setup or customization are not covered here. A live demo is linked from the README for anyone who wants to see the examples running in a browser.

Copy-paste prompts

Prompt 1

I want to build a large-screen dashboard with an animated flying-line map using ECharts. Show me the full configuration object for drawing moving paths between cities on a Baidu Map.

Prompt 2

How do I swap the sample data in an iDataV ECharts template with data fetched from my own REST API so the chart updates in real time?

Prompt 3

Give me an ECharts sunburst chart configuration that shows hierarchical sales data with three levels of nesting.

Prompt 4

How do I adapt one of the iDataV templates to work with a different map provider instead of Baidu Maps?

Open on GitHub → Explain another repo

← yyhsong on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.