markdown-body entry-content container-lg" itemprop="text">

awesome-echarts

This is a repo contributed by community with awesome resources for 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
Learn
- Official docs
- Videos
Extensions
Frameworks
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-echarts @hugocxl - ECharts for React.

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

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

ipecharts @trungleduc - Apache Echarts for Jupyter.
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.

FreezeSoul/awesome-echarts

ErrorLooks like something went wrong!

About

Resources

Uh oh!

Stars

Watchers

Forks

Releases

Packages 0

Error
Looks like something went wrong!

Packages