Awesome

awesome-echarts

This is a repo contributed by community with awesome resources for 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
• Learn
  • Official docs
  • Videos
• Extensions
• Frameworks
  • Angular Component
  • AngularJS Binding
  • Blazor Binding
  • Flutter Component
  • React Component
  • React Native Component
  • Svelte Component
  • Vue Component
  • Web components
• Languages
  • Clojure
  • Dart
  • Golang
  • iOS
  • Java
  • JavaScript
  • Julia
  • Jupyter Notebook
  • .NET
  • Node.js
  • PHP
  • PureScript
  • Python
  • R
  • Ruby
  • Tcl
• Tools
  • Markdown
  • VSCode Extension
• Community
• License

About

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, which is a whole new lightweight canvas library.

Learn

Official docs

• Tutorial
• API
• Option Manual
• 🇨🇳 教程
• 🇨🇳 API
• 🇨🇳 配置项手册

Videos

• 🇨🇳 ECharts 基础教程 @kener

Extensions

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

Frameworks

Angular Component

• echarts-for-angular @behroozbc , @alixdehghani Angular (version >= 5.x) directive for Apache ECharts.
• ngx-echarts @xieziyu - Angular (ver >= 2.x) directive for Apache ECharts.

AngularJS Binding

• angular-echarts @wangshijun - AngularJS bindings for Apache ECharts.
• 🇨🇳 echarts-ng @bornkiller - Simple AngularJS wrap for Apache ECharts.
• 🇨🇳 ng-echarts @liekkas

Blazor Binding

• blazor-echarts @caopengfei - Blazor version of Apache ECharts chart component.

Flutter Component

• flutter_echarts @entronad - A Flutter widget to use Apache ECharts in a reactive way.

React Component

• echarts-for-react @hustcc - Apache ECharts components for React wrapper.
• 🇨🇳 react-echarts @somonus
• react-echarts-v3 @xlsdg - React component wrap for Apache ECharts (v3.x).
• 🇨🇳 re-echarts @liekkas
• 🇨🇳 tsxecharts @lloydzhou - React component wrapper for ECharts based on TypeScript.

React Native Component

• 🇨🇳 react-native-echarts-pro @supervons - 基于 Apache ECharts 并支持各种图表、地图的 React-Native 图表库
• react-native-echarts-wrapper @tomLadder - 📈Powerful React-Native Apache ECharts Wrapper 📊
• 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 @bherbruck - A simple ECharts component for Svelte!

Vue Component

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

Web components

• ECharts-JSX @idea2app - A real JSX wrapper for Apache ECharts based on TypeScript & Web components.

Languages

Clojure

• re-echarts @kimim - A clojurescript library to use Apache ECharts, with react/reagent.

Dart

• 🇨🇳 flutter_echarts @entronad - A Flutter widget to use Apache ECharts in a reactive way.

Golang

• 🇨🇳 go-echarts @chenjiandongx - The adorable charts library for Golang.

iOS

• 🇨🇳 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 @mnlxr - Cams Displacement Diagrams using Apache Echarts and Java
• 🇨🇳 ECharts-Java @Liuzh_533 - 一个供 Java 开发使用的 ECharts 的开发包。
• 🇨🇳 ECharts Java @IcePear-Jzx @incandescentxxc - A Java data visualization library based on Apache ECharts 5.x.

JavaScript

• echarts
• echarts-gl

Julia

• ECharts.jl @randyzwitch - Julia package for the Apache ECharts 3 visualization library.

Jupyter-Notebook

• jupyter-echarts @pyecharts dev team - Integrates Apache ECharts with jupyter notebook via nbextensions

.NET

• 🇨🇳 EChartsSDK @idoku - Apache ECharts 的 .NET 类库，从 ECharts 的 Java 类库移植。
• TagEChartsBlazor @draculakkk - Blazor package for Apache ECharts, can use tags to create Apache ECharts.

Node.js

• echarts-scrappeteer @chfw - Puppeteer! Scrape all Apache ECharts from this web page please!
• 🇨🇳 node-echarts @suxiaoxin - 后台生成 Apache ECharts 图表

PHP

• Echarts-PHP @hisune - a PHP library that works as a wrapper for the Apache ECharts js library.

PureScript

• purescript-echarts - Purescript bindings for Apache ECharts.

Python

• pyecharts.js @chfw - Draw Apache ECharts using python language in modern browsers.
• echarts-python @yufeiminds - Generate Apache ECharts options with Python.
• krisk @napjon - Statistical Interactive Visualization with pandas+Jupyter integration on top of Apache ECharts.
• 🇨🇳 pyecharts @chenjiandongx - Python Apache ECharts Plotting Library.
• pyecharts-snapshot @pyecharts dev team - Renders the output of pyecharts as png, jpeg, gif and pdf
• 🇨🇳 echarts-django @JohnYan2017 - Platform to connect SQL with Apache ECharts and can be embeded in project.

R

• 🇨🇳 ECharts2Shiny @XD-DENG - To insert interactive charts from Apache ECharts into R Shiny applications.
• echarts4r @JohnCoene - An R interface to Apache ECharts version 4
• 🇨🇳 recharts @taiyun - A R interface to Apache ECharts for data visualization.
• recharts @yihui - An R Interface to Apache ECharts
• echarty @helgasoft - Minimal R/Shiny wrapper supports full functionality of Apache ECharts

Ruby

• rails_charts - create charts in Ruby on Rails application with just a few lines of code

Tcl

• ticklEcharts - Tcl wrapper for Apache ECharts

Tools

Grafana

• Apache ECharts Panel - A plugin for Grafana that allows visualizing Apache ECharts on your dashboard.

Markdown

• mdbook-echarts @zhuangbiaowei - A preprocessor and cli tool to use Apache ECharts in mdbook.

VSCode Extensions

• echarts-vscode-extension @susiwen8 - vscode extension for Apache ECharts autocompletion

Community

• 🇨🇳 ECharts Gallery
• GitHub
• Twitter
• 🇨🇳 Weibo

License

Notice

The Apache Software Foundation Apache ECharts, ECharts, Apache, the Apache feather, and the Apache ECharts project logo are either registered trademarks or trademarks of the Apache Software Foundation.