Top 23 charting-library Open-Source Projects

• echarts

  17 58,883 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`); } })();

• recharts

  35 22,600 9.7 TypeScript

  Redefined chart library built with React and D3

  

Project mention: recharts VS MUI X - a user suggested alternative | libhunt.com/r/recharts | 2024-01-20

• 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.

  

• plotly.js

  39 16,523 9.9 JavaScript

  Open-source JavaScript charting library behind Plotly and Dash

  

Project mention: Build Your Own Uptime Monitor with MeteorJS + Fetch + Plotly.js ☄️🔭 | dev.to | 2024-03-08

Plotly as our chart renderer

• chartist

  5 13,314 0.0 TypeScript

  Simple responsive charts

  

• lightweight-charts

  19 8,208 8.8 TypeScript

  Performant financial charts built with HTML5 canvas

  

Project mention: Using javascript library for multiplatform | /r/flutterhelp | 2023-10-23

link https://github.com/tradingview/lightweight-charts

• roughViz

  6 6,630 7.7 JavaScript

  Reusable JavaScript library for creating sketchy/hand-drawn styled charts in the browser.

• react-chartjs-2

  36 6,386 3.5 TypeScript

  React components for Chart.js, the most popular charting library

  

Project mention: How To Create a Chart From a Dynamic Dataset in Next JS Using Chart.js | dev.to | 2024-01-05

Chart JS is a great choice for creating charts as it has multiple visualizations. There are different integrations for the JS frameworks, and we shall use react-chart-js-2 library for Next JS.

• 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.

  

• vue-chartjs

  8 5,436 7.4 TypeScript

  📊 Vue.js wrapper for Chart.js

• matplotplusplus

  26 3,925 6.5 C++

  Matplot++: A C++ Graphics Library for Data Visualization 📊🗾

Project mention: Creating k-NN with C++ (from Scratch) | dev.to | 2024-01-11

cmake_minimum_required(VERSION 3.5) project(knn_cpp CXX) # Set up C++ version and properties include(CheckIncludeFileCXX) check_include_file_cxx(any HAS_ANY) check_include_file_cxx(string_view HAS_STRING_VIEW) check_include_file_cxx(coroutine HAS_COROUTINE) set(CMAKE_CXX_STANDARD 20) set(CMAKE_BUILD_TYPE Debug) set(CMAKE_CXX_STANDARD_REQUIRED ON) set(CMAKE_CXX_EXTENSIONS OFF) # Copy data file to build directory file(COPY ${CMAKE_CURRENT_SOURCE_DIR}/iris.data DESTINATION ${CMAKE_CURRENT_BINARY_DIR}) # Download library usinng FetchContent include(FetchContent) FetchContent_Declare(matplotplusplus GIT_REPOSITORY https://github.com/alandefreitas/matplotplusplus GIT_TAG origin/master) FetchContent_GetProperties(matplotplusplus) if(NOT matplotplusplus_POPULATED) FetchContent_Populate(matplotplusplus) add_subdirectory(${matplotplusplus_SOURCE_DIR} ${matplotplusplus_BINARY_DIR} EXCLUDE_FROM_ALL) endif() FetchContent_Declare( fmt GIT_REPOSITORY https://github.com/fmtlib/fmt.git GIT_TAG 7.1.3 # Adjust the version as needed ) FetchContent_MakeAvailable(fmt) # Add executable and link project libraries and folders add_executable(${PROJECT_NAME} main.cc) target_link_libraries(${PROJECT_NAME} PUBLIC matplot fmt::fmt) aux_source_directory(lib LIB_SRC) target_include_directories(${PROJECT_NAME} PRIVATE ${CMAKE_CURRENT_SOURCE_DIR}) target_sources(${PROJECT_NAME} PRIVATE ${LIB_SRC}) add_subdirectory(tests)

• go-chart

  3 3,906 6.0 Go

  go chart is a basic charting library in go.

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

• dygraphs

  1 3,143 4.1 JavaScript

  Interactive visualizations of time series using JavaScript and the HTML canvas tag

• plottable

  1 2,949 4.0 TypeScript

  :bar_chart: A library of modular chart components built on D3

  

• asciigraph

  4 2,508 5.2 Go

  Go package to make lightweight ASCII line graph ╭┈╯ in command line apps with no other dependencies.

• AnyChart

  0 2,228 5.1 Java

  AnyChart Android Chart is an amazing data visualization library for easily creating interactive charts in Android apps. It runs on API 19+ (Android 4.4) and features dozens of built-in chart types.

  

• Vizzu

  28 1,865 9.9 JavaScript

  Library for animated data visualizations and data stories.

  

• asciichart

  2 1,801 3.0 Python

  Nice-looking lightweight console ASCII line charts ╭┈╯ for NodeJS, browsers and terminal, no dependencies

• react-d3-components

  1 1,632 0.0 JavaScript

  D3 Components for React

• graphic

  13 1,487 4.6 Dart

  A grammar of data visualization and Flutter charting library.

Project mention: graphic: A grammar of data visualization and Flutter charting library. | /r/coding | 2023-07-09

• charting-library-examples

  1 1,280 5.9 Ruby

  Examples of Charting Library integrations with other libraries, frameworks and data transports

  

• amcharts4

  13 1,149 3.4 TypeScript

  The most advanced amCharts charting library for JavaScript and TypeScript apps.

• SwiftChart

  0 1,046 0.0 Swift

  Line and area chart library for iOS

• react-plotly.js

  1 990 0.0 JavaScript

  A plotly.js React component from Plotly 📈

  

• reaviz

  5 904 9.4 TypeScript

  📊 Data visualization library for React. Maintained by @goodcodeus.

  

Project mention: 🚀 reaviz ( data viz framework for ReactJS ) 14.9 drops with funnel charts and glows! | /r/reactjs | 2023-07-05

• 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.

  

charting-library related posts

• A web crawler program for crawling Echarts official website examples implemented by Puppeter
  1 project | dev.to | 12 Apr 2024
• Creating Interactive Calendar Charts in JavaScript
  1 project | dev.to | 1 Mar 2024
• VegaFusion
  1 project | news.ycombinator.com | 26 Feb 2024
• How to Create an OHLC Chart in JavaScript
  1 project | dev.to | 20 Nov 2023
• Open-source JavaScript charting library behind Plotly and Dash
  1 project | news.ycombinator.com | 2 Nov 2023
• How to Build a Waterfall Chart with JavaScript
  1 project | dev.to | 1 Nov 2023
• Using javascript library for multiplatform
  1 project | /r/flutterhelp | 23 Oct 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