# awesome-echarts

**Repository Path**: mirrors_ecomfe/awesome-echarts

## Basic Information

- **Project Name**: awesome-echarts
- **Description**: Awesome list of  Apache ECharts
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2020-08-08
- **Last Updated**: 2026-04-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# awesome-echarts [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)

This is a repo contributed by community with awesome resources for [Apache ECharts](https://github.com/apache/echarts).

> Awesome list of Apache ECharts

- Use <kbd>command</kbd> - <kbd>F</kbd> or <kbd>ctrl</kbd> - <kbd>F</kbd> to search for a keyword.
- If you want to contribute to this list (please do), send a pull request. Please follow alphabetic order for both language and project names.

> **Note**
>
> 带有「🇨🇳」的项目为中文资源，或包含中文文档。
>
> Items with “🇨🇳” are either in Chinese, or contain Chinese documentation.

- [About](#about)
- [Learn](#learn)
    - [Official docs](#official-docs)
    - [Videos](#videos)
- [Extensions](#extensions)
- [Frameworks](#frameworks)
    - [Angular Component](#angular-component)
    - [AngularJS Binding](#angularjs-binding)
    - [Blazor Binding](#blazor-binding)
    - [Flutter Component](#flutter-component)
    - [React Component](#react-component)
    - [React Native Component](#react-native-component)
    - [Svelte Component](#svelte-component)
    - [Vue Component](#vue-component)
    - [Web components](#web-components)
- [Languages](#languages)
    - [Clojure](#clojure)
    - [Dart](#dart)
    - [Golang](#golang)
    - [iOS](#ios)
    - [Java](#java)
    - [JavaScript](#javascript)
    - [Julia](#julia)
    - [Jupyter Notebook](#jupyter-notebook)
    - [.NET](#net)
    - [Node.js](#nodejs)
    - [PHP](#php)
    - [PureScript](#purescript)
    - [Python](#python)
    - [R](#r)
    - [Ruby](#ruby)
    - [Tcl](#tcl)
- [Tools](#tools)
    - [Markdown](#markdown)
    - [VSCode Extension](#vscode-extensions)
- [Community](#community)
- [License](#license)

## About

[Apache ECharts](https://github.com/apache/echarts) is a free, powerful charting and visualization library offering an easy way of adding intuitive, interactive, and highly customizable charts to your commercial products. It is written in pure JavaScript and based on [zrender](https://github.com/ecomfe/zrender), which is a whole new lightweight canvas library.

## Learn

### Official docs

- [Tutorial](https://echarts.apache.org/en/tutorial.html)
- [API](https://echarts.apache.org/en/api.html)
- [Option Manual](https://echarts.apache.org/en/option.html)
- 🇨🇳 [教程](https://echarts.apache.org/zh/tutorial.html)
- 🇨🇳 [API](https://echarts.apache.org/zh/api.html)
- 🇨🇳 [配置项手册](https://echarts.apache.org/zh/option.html)

### Videos

- 🇨🇳 [ECharts 基础教程](http://study.163.com/course/introduction/1016007.htm) @kener

## Extensions

- 🇨🇳 [arcgis-echarts3](https://github.com/wandergis/arcgis-echarts3) - A plugin for ArcGIS JS API to load Apache ECharts 3 map and Make big data visualization easier.
- [echarts-china-cities-js](https://github.com/pyecharts/echarts-china-cities-js) - Packages the maps of 363 Chinese provincial cities for Apache ECharts.
- [echarts-countries-js](https://github.com/pyecharts/echarts-countries-js) - Packages the maps of 213 countries and regions for Apache ECharts.
- [echarts-leaflet](https://github.com/gnijuohz/echarts-leaflet) - An extension to visualize data on leaflet maps.
- [Graph Modularity](https://github.com/ecomfe/echarts-graph-modularity) - Apache ECharts graph modularity extension for community detection.
- 🇨🇳 [leaflet-echarts3](https://github.com/wandergis/leaflet-echarts3) - A plugin for leaflet to load Apache ECharts 3 map and Make big data visualization easier.
- 🇨🇳 [MapBoxGL-echarts3-layer](https://github.com/lzxue/echartsLayer) - Apache ECharts MapBoxGL 扩展，可以从二，三维视角展示空间点，线，面，数据.
- [maptalks.e3](https://github.com/maptalks/maptalks.e3) - A plugin to integrate Apache ECharts 3 as a layer with [maptalks.js](https://github.com/maptalks/maptalks.js).
- 🇨🇳 [openlayers-echarts3](https://github.com/sakitam-fdd/ol3Echarts) - Apache ECharts 的 OpenLayers 扩展，实现 OpenLayers 地图数据可视化，支持 OpenLayers 3 和 OpenLayers 4。
- [wordcloud 词云](https://github.com/ecomfe/echarts-wordcloud) - Apache ECharts wordcloud extension based on wordcloud2.js.
- [liquidfill 水球图](https://github.com/ecomfe/echarts-liquidfill) - Liquid Fill Chart plugin for Apache ECharts, which is usually used to represent data in percentage.
- 🇨🇳 [百度地图扩展](https://github.com/apache/echarts/tree/master/extension-src/bmap)) - Apache ECharts 百度地图扩展，可以在百度地图上展现点图，线图，热力图等可视化。
- 🇨🇳 [高德地图扩展](https://github.com/plainheart/echarts-extension-amap) - Apache ECharts 高德地图扩展，可以在高德地图上展现点图，线图，热力图等可视化。
- [echarts-extension-gmap](https://github.com/plainheart/echarts-extension-gmap) - A [Google Map](https://www.google.com/maps) extension for Apache ECharts.

## Frameworks


### Angular Component

- [echarts-for-angular](https://github.com/alixdehghani/echarts-for-angular) @behroozbc , @alixdehghani Angular (version >= 5.x) directive for Apache ECharts.
- [ngx-echarts](https://github.com/xieziyu/ngx-echarts) @xieziyu - Angular (ver >= 2.x) directive for Apache ECharts.

### AngularJS Binding

- [angular-echarts](https://github.com/wangshijun/angular-echarts) @wangshijun - AngularJS bindings for Apache ECharts.
- 🇨🇳 [echarts-ng](https://github.com/bornkiller/echarts-ng) @bornkiller - Simple AngularJS wrap for Apache ECharts.
- 🇨🇳 [ng-echarts](https://github.com/liekkas/ng-echarts) @liekkas

### Blazor Binding

- [blazor-echarts](https://github.com/caopengfei/BlazorECharts) @caopengfei - Blazor version of Apache ECharts chart component.

### Flutter Component

- [flutter_echarts](https://github.com/entronad/flutter_echarts) @entronad - A Flutter widget to use Apache ECharts in a reactive way.

### React Component

- [echarts-for-react](https://github.com/hustcc/echarts-for-react) @hustcc - Apache ECharts components for React wrapper.
- 🇨🇳 [react-echarts](https://github.com/somonus/react-echarts) @somonus
- [react-echarts-v3](https://github.com/xlsdg/react-echarts-v3) @xlsdg - React component wrap for Apache ECharts (v3.x).
- 🇨🇳 [re-echarts](https://github.com/liekkas/re-echarts) @liekkas
- 🇨🇳 [tsxecharts](https://github.com/lloydzhou/tsxecharts) @lloydzhou - React component wrapper for ECharts based on TypeScript.
- [react-echarts](https://github.com/hugocxl/react-echarts) @hugocxl - ECharts for React.

### React Native Component

- 🇨🇳 [react-native-echarts-pro](https://github.com/supervons/react-native-echarts-pro) @supervons - 基于 Apache ECharts 并支持各种图表、地图的 React-Native 图表库
- [react-native-echarts-wrapper](https://github.com/tomLadder/react-native-echarts-wrapper) @tomLadder - 📈Powerful React-Native Apache ECharts Wrapper 📊
- [wrn-echarts](https://github.com/wuba/wrn-echarts) @wuba - React Native version of Apache Echarts, based on react-native-svg and react-native-skia. Much better performance than webview based solution.


### Svelte Component

- [svelte-echarts](https://github.com/bherbruck/svelte-echarts/) @bherbruck - A simple ECharts component for Svelte!

### Vue Component

- 🇨🇳 [echarts-middleware](https://github.com/lulucut/echarts-middleware) @PUGE - 在 Vue 中优雅、高效地使用 Apache ECharts
- [vue-echarts](https://github.com/Justineo/vue-echarts) @Justineo - Apache ECharts component for Vue.js.
- [vue-echarts](https://github.com/panteng/vue-echarts) @panteng - A custom directive for using Apache ECharts in Vue.js apps.
- [vue-echarts-lite](https://github.com/LeungZ9/vue-echarts-lite) @LeungZ9 - A lite Vue.js 2.0+ component for Apache ECharts V3.
- [vue-echarts-v3](https://github.com/xlsdg/vue-echarts-v3) @xlsdg - Vue.js(v2.x+) component wrap for Apache ECharts (v3.x+).
- 🇨🇳 [echarts-for-vue](https://github.com/ambit-tsai/echarts-for-vue) @Ambit-Tsai - Apache ECharts wrapper component for Vue 3 and 2.
- 🇨🇳 [vuecharts3](https://github.com/lloydzhou/vuecharts) @lloydzhou - 以组件方式调用echarts绘制图表（API参考BizCharts）

### Web components

- [ECharts-JSX](https://github.com/idea2app/ECharts-JSX) @idea2app - A real JSX wrapper for Apache ECharts based on TypeScript & Web components.

## Languages

### Clojure

- [re-echarts](https://github.com/kimim/re-echarts) @kimim - A clojurescript library to use Apache ECharts, with react/reagent.

### Dart

- 🇨🇳 [flutter_echarts](https://github.com/entronad/flutter_echarts) @entronad - A Flutter widget to use Apache ECharts in a reactive way.

### Golang

- 🇨🇳 [go-echarts](https://github.com/chenjiandongx/go-echarts) @chenjiandongx - The adorable charts library for Golang.

### iOS

- 🇨🇳 [iOS-Echarts](https://github.com/Pluto-Y/iOS-Echarts) @Pluto-Y - This is a highly custom chart control for iOS and Mac apps, which build with the Apache ECharts (v2).

### Java

- [CamsDiag](https://github.com/mnlxr/CamsDiag) @mnlxr - Cams Displacement Diagrams using Apache Echarts and Java
- 🇨🇳 [ECharts-Java](https://github.com/abel533/ECharts) @Liuzh_533 - 一个供 Java 开发使用的 ECharts 的开发包。
- 🇨🇳 [ECharts Java](https://github.com/ECharts-Java/ECharts-Java) @IcePear-Jzx @incandescentxxc - A Java data visualization library based on Apache ECharts 5.x.

### JavaScript

- [echarts](https://github.com/apache/echarts)
- [echarts-gl](https://github.com/ecomfe/echarts-gl)

### Julia

- [ECharts.jl](https://github.com/randyzwitch/ECharts.jl) @randyzwitch - Julia package for the Apache ECharts 3 visualization library.

### Jupyter-Notebook

- [jupyter-echarts](https://github.com/pyecharts/jupyter-echarts) @pyecharts dev team - Integrates Apache ECharts with jupyter notebook via nbextensions

### .NET

- 🇨🇳 [EChartsSDK](https://github.com/idoku/EChartsSDK) @idoku - Apache ECharts 的 .NET 类库，从 ECharts 的 Java 类库移植。
- [TagEChartsBlazor](https://github.com/draculakkk/TagEChartsBlazor) @draculakkk - Blazor package for Apache ECharts, can use tags to create Apache ECharts.

### Node.js

- [echarts-scrappeteer](https://github.com/chfw/echarts-scrappeteer) @chfw - Puppeteer! Scrape all Apache ECharts from this web page please!
- 🇨🇳 [node-echarts](https://github.com/suxiaoxin/node-echarts) @suxiaoxin - 后台生成 Apache ECharts 图表

### PHP

- [Echarts-PHP](https://github.com/hisune/Echarts-PHP) @hisune - a PHP library that works as a wrapper for the Apache ECharts js library.

### PureScript

- [purescript-echarts](https://github.com/slamdata/purescript-echarts/) - Purescript bindings for Apache ECharts.

### Python

- [ipecharts](https://github.com/trungleduc/ipecharts) @trungleduc - Apache Echarts for Jupyter.
- [pyecharts.js](https://github.com/chfw/bryecharts) @chfw - Draw Apache ECharts using python language in modern browsers.
- [echarts-python](https://github.com/yufeiminds/echarts-python) @yufeiminds - Generate Apache ECharts options with Python.
- [krisk](https://github.com/napjon/krisk) @napjon - Statistical Interactive Visualization with pandas+Jupyter integration on top of Apache ECharts.
- 🇨🇳 [pyecharts](https://github.com/pyecharts/pyecharts) @chenjiandongx - Python Apache ECharts Plotting Library.
- [pyecharts-snapshot](https://github.com/pyecharts/pyecharts-snapshot) @pyecharts dev team - Renders the output of pyecharts as png, jpeg, gif and pdf
- 🇨🇳 [echarts-django](https://github.com/JohnYan2017/Echarts-Django) @JohnYan2017 - Platform to connect SQL with Apache ECharts and can be embeded in project.

### R

- 🇨🇳 [ECharts2Shiny](https://github.com/XD-DENG/ECharts2Shiny) @XD-DENG - To insert interactive charts from Apache ECharts into R Shiny applications.
- [echarts4r](https://echarts4r.john-coene.com/) @JohnCoene - An R interface to Apache ECharts version 4
- 🇨🇳 [recharts](https://github.com/taiyun/recharts) @taiyun - A R interface to Apache ECharts for data visualization.
- [recharts](https://github.com/yihui/recharts) @yihui - An R Interface to Apache ECharts
- [echarty](https://github.com/helgasoft/echarty) @helgasoft - Minimal R/Shiny wrapper supports full functionality of Apache ECharts

### Ruby

- [rails_charts](https://github.com/railsjazz/rails_charts) - create charts in Ruby on Rails application with just a few lines of code

### Tcl

- [ticklEcharts](https://github.com/nico-robert/ticklecharts) - Tcl wrapper for Apache ECharts

## Tools

### Grafana

- [Apache ECharts Panel](https://github.com/volkovlabs/volkovlabs-echarts-panel) - A plugin for Grafana that allows visualizing Apache ECharts on your dashboard.

### Markdown

- [mdbook-echarts](https://github.com/zhuangbiaowei/mdbook-echarts) @zhuangbiaowei - A preprocessor and cli tool to use Apache ECharts in mdbook.

### VSCode Extensions
- [echarts-vscode-extension](https://github.com/susiwen8/echarts-vscode-extension) @susiwen8 - vscode extension for Apache ECharts autocompletion

## Community

- 🇨🇳 [ECharts Gallery](https://www.makeapie.com)
- [GitHub](https://github.com/apache/echarts)
- [Twitter](https://twitter.com/ApacheECharts)
- 🇨🇳 [Weibo](https://weibo.com/echarts)

## License

[![CC0](https://licensebuttons.net/p/zero/1.0/88x31.png)](https://creativecommons.org/publicdomain/zero/1.0/)

## Notice

The Apache Software Foundation [Apache ECharts, ECharts](https://echarts.apache.org/), Apache, the Apache feather, and the Apache ECharts project logo are either registered trademarks or trademarks of the [Apache Software Foundation](https://www.apache.org/).