Top 23 Echart Open-Source Projects

• echarts

  17 58,944 8.7 TypeScript

  Apache ECharts is a powerful, interactive charting and data visualization library for browser

  

Project mention: A web crawler program for crawling Echarts official website examples implemented by Puppeter | dev.to | 2024-04-12

import puppeteer from "puppeteer"; import fs from "node:fs"; import { storiesTpl, storiesArgs, generOptions, generOptionsWithFn, } from "./template.mjs"; const ECHARTS_BASE_URL = "https://echarts.apache.org/examples/en/index.html"; function capitalizeFirstLetter(str) { if (!str || str.length === 0) { return ""; } str = str.toLowerCase(); return str.charAt(0).toUpperCase() + str.slice(1); } (async function () { const browser = await puppeteer.launch(); const page = await browser.newPage(); // Navigate the page to a URL await page.goto(ECHARTS_BASE_URL); // Set screen size await page.setViewport({ width: 1080, height: 1024 }); // Type into search box // const examples = await page.type([".example-list-panel"]); const searchResultSelector = ".example-list-panel > div"; const results = await page.$$(searchResultSelector); for (const element of results) { // gener namespace const ele = await element.$(".chart-type-head"); const title = await ele.evaluate((el) => el.textContent); let namespace = title.split(" ").filter(Boolean); namespace = namespace.slice(0, namespace.length - 1); namespace = namespace .map((item) => item.replace("\n", "").replace("/", "")) .filter(Boolean) .join(""); console.log(`${namespace} start`); const instances = await element.$$(".row .example-list-item"); const components = []; for (const instance of instances) { // title const titleElement = await instance.$(".example-title"); const subTitle = await titleElement.evaluate((el) => el.textContent); const titles = subTitle .split(" ") .filter(Boolean) .map((item) => item .replace(/\+/g, "") .replace(/\(/g, "") .replace(/\)/g, "") .replace(/-/g, "") ); const title = titles.map((item) => capitalizeFirstLetter(item)).join(""); const link = await instance.$(".example-link"); const newPagePromise = new Promise((resolve) => { browser.on("targetcreated", async (target) => { if (target.type() === "page") { const targetPage = await target.page(); const url = await targetPage.url(); if (url.includes("editor")) { resolve(targetPage); } } }); }); await link.click(); const newPage = await newPagePromise; await newPage.setViewport({ width: 40000, height: 20000 }); await newPage.waitForSelector(".ace_text-layer"); await new Promise((resolve) => { setTimeout(() => { resolve(); }, 3000); }); let content = await newPage.evaluate( () => document.querySelector(".ace_text-layer").innerText ); content = content .replace(/\[\]/g, "[] as any") .replace(//g, "") .replace(/var/g, "let"); let options; if (content.includes("myChart")) { options = generOptionsWithFn({ options: content }); } else { options = generOptions({ options: content }); } components.push({ options, title }); await newPage.close(); } const args = components .filter(({ options }) => { if (options.includes("$")) return false; return true; }) .map(({ options, title }) => storiesArgs({ options: options, name: title }) ) .join("\r\n"); const scripts = storiesTpl({ namespace: `Charts/${namespace}`, components: args, }); fs.writeFileSync(`./bots/assests/${namespace}.stories.ts`, scripts); console.log(`${namespace} end`); } })();

• pyecharts

  2 14,448 6.6 Python

  🎨 Python Echarts Plotting Library

  

Project mention: Top 10 growing data visualization libraries in Python in 2023 | dev.to | 2023-10-11

Github: https://github.com/pyecharts/pyecharts

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• vue-echarts

  6 9,212 7.9 JavaScript

  Vue.js component for Apache ECharts™.

  

• go-echarts

  5 6,156 9.3 Go

  🎨 The adorable charts library for Golang

  

Project mention: What is the closest thing from Seaborn (python) in Go? | /r/golang | 2023-05-20

• echarts-for-react

  6 4,359 3.1 TypeScript

  ⛳️ Apache ECharts components for React wrapper. 一个简单的 Apache echarts 的 React 封装。

Project mention: Lets-Plot: An open-source plotting library by JetBrains | news.ycombinator.com | 2023-07-15

• echarts-gl

  2 2,547 2.6 JavaScript

  Extension pack for Apache ECharts, providing globe visualization and 3D plots.

  

• DataVisualization

  1 1,726 0.0 Vue

  :smiling_imp: by vue2.x with echarts3.3.2

• InfluxDB

  www.influxdata.com sponsored

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• echarts-wordcloud

  1 1,584 2.9 JavaScript

  Word Cloud extension based on Apache ECharts and wordcloud2.js

  

• echarts-liquidfill

  1 1,405 2.9 JavaScript

  Liquid Fill Chart for Apache ECharts

  

• pageplug

  2 1,257 9.9 TypeScript

  PagePlug 是 Appsmith 的中国化项目。基于Appsmith做了整体性能的优化及汉化，也集合了特色表单解决方案Formily组件、图表解决方案Echarts组件、低代码小程序开发等，是面向研发使用的一个开源的、声明式的前后端一体低代码，项目逻辑主要是在前端的解释器和设计器上

  

• invest-alchemy

  1 671 5.2 Python

  Invest Alchemy is a trading assistant focused on ETF portfolios.

  

• react-native-echarts

  18 646 7.7 TypeScript

  📈 React Native ECharts Library: An awesome charting library for React Native, built upon Apache ECharts and leveraging react-native-svg and react-native-skia. Offers significantly better performance compared to WebView-based solutions.

  

Project mention: Are there any functioning Chart Libraries for Expo React Native in 2023? | /r/expo | 2023-06-26

React Native ECharts

• echarts4r

  3 573 7.2 JavaScript

  🐳 ECharts 5 for R

Project mention: A love letter to Apache Echarts | news.ycombinator.com | 2024-02-18

You can also use Apache Echarts through R with this package: https://echarts4r.john-coene.com/

• mdSilo-app

  6 514 8.4 TypeScript

  Lightweight Knowledge Base and Feed Reader.

  

• vscode-markdown-editor

  4 337 2.2 TypeScript

  A vscode extension to make your vscode become a full-featured WYSIWYG markdown editor

• jest-canvas-mock

  1 305 4.8 JavaScript

  :last_quarter_moon: A module used to mock canvas in Jest.

• ECharts-Java

  1 285 0.0 Java

  A Java Visualization Library based on Apache ECharts 5.x. 基于 Apache ECharts 5.x 的 Java 可视化类库。

  

• techui-vue2

  2 200 5.2 Vue

  TechUI is a easy to use Dynamic SVG Data Visualization Dashboard development tool, based on vite + vue2 development

Project mention: Implementation of a pure front-end license | /r/vuejs | 2023-09-09

Another complex version of the license is used for copyright protection of this project: https://github.com/ayin86/techui-vue2

• techui-vue3-lite

  1 77 6.3 Vue

  A free, simple, and easy-to-use technology-style UI component, developed based on vue3

Project mention: techui | /r/datavisualization | 2023-09-03

Vue3 Dev Package: https://github.com/ayin86/techui-vue3-lite

• echarty

  1 74 6.8 R

  The goal of echarty is to provide a minimal interface, a “glue”, between R and ECharts, then let your R data lists build the chart. There are utilities included to assist with data preparation, Shiny with proxy and JS plugins. Have the full functionality of ECharts in R with minimal overhead!

• echarts-graph-modularity

  1 69 2.6 HTML

  Graph modularity extension for community detection with Apache ECharts

  

• techui-react-lite

  1 45 6.4 TypeScript

  A free, simple, and easy-to-use technology-style UI component, developed based on React

Project mention: techui | /r/datavisualization | 2023-09-03

React Dev Package: https://github.com/ayin86/techui-react-lite

• language-learning-dashboard

  7 38 5.8 Vue

  A detailed dashboard to log your language learning, set goals, view progress, and more

Project mention: How do you track your time spent studying? | /r/languagelearning | 2023-06-21

Built myself a free open-source app to take care of all my language-learning-related time tracking needs.

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

Echarts related posts

• A web crawler program for crawling Echarts official website examples implemented by Puppeter
  1 project | dev.to | 12 Apr 2024
• Are there any functioning Chart Libraries for Expo React Native in 2023?
  2 projects | /r/expo | 26 Jun 2023
• How do you track your time spent studying?
  1 project | /r/languagelearning | 21 Jun 2023
• How does everyone track their learning?
  1 project | /r/languagelearning | 31 May 2023
• Unlocking Enhanced Interactivity with React Native ECharts 1.1
  2 projects | /r/reactnative | 28 May 2023
• What is the closest thing from Seaborn (python) in Go?
  3 projects | /r/golang | 20 May 2023
• Need help implementing this design
  3 projects | /r/reactnative | 27 Apr 2023
• A note from our sponsor - WorkOS
  workos.com | 25 Apr 2024

  The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning. Learn more →

Index

Sponsored

The modern identity platform for B2B SaaS

The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

workos.com