Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ecomfe/awesome-echarts

Awesome list of Apache ECharts
https://github.com/ecomfe/awesome-echarts

List: awesome-echarts

Last synced: 16 days ago
JSON representation

Awesome list of Apache ECharts

Awesome Lists containing this project

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 command - F or ctrl - F 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 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



- [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/).