JavaScript Chart

Open-source JavaScript projects categorized as Chart

Top 23 JavaScript Chart Projects

  • d3

    Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:

    Project mention: 75 Blog Posts to Learn Data Visualization | dev.to | 2022-11-30

    This tutorial will show you how to convert publicly available shapefiles to TopoJSON to create interactive maps with d3/d3-geo. I will show you how to do this without the use of the command line so you can get into experimenting with d3 as fast as possible. If you are interested in working with shapefiles and TopoJSON in a more advanced fashion, I suggest you take a look at Mike Bostock’s recent multipart tutorials on command-line cartography.

  • Chart.js

    Simple HTML5 Charts using the <canvas> tag

    Project mention: Data Analytics Made Easy | dev.to | 2022-11-30

    In the frontend, we decided to display the analytics data via a graph using the react-chartjs-2 library. React-chartjs-2 is a React wrapper for chartjs, a popular charting library for JavaScript. This library is simple, beginner friendly, maintainable, and flexible. It has a large community of users and thorough documentation. This provides for quick execution with the library. We also implemented the dashboard UI flexibly, so that any historical data point could be selected and displayed as requirements change in the future.

  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

  • Frappe Charts

    Simple, responsive, modern SVG Charts with zero dependencies (by frappe)

  • Luckysheet

    Luckysheet is an online spreadsheet like excel that is powerful, simple to configure, and completely open source.

    Project mention: I created a new Excel-like spreadsheet component for React with collabration support | reddit.com/r/reactjs | 2022-04-22

    What is the relationship between this project and LuckySheet?

  • webpack-bundle-analyzer

    Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap

    Project mention: Beautiful Visualizations For Your App's Dependencies | reddit.com/r/javascript | 2022-10-31
  • victory

    A collection of composable React components for building interactive data visualizations

    Project mention: [AskJS] Plotting in js: I don't want to get my hands dirty with d3 - what is the next best alternative | reddit.com/r/javascript | 2022-09-10

    I've enjoyed using Victory - needs React tho: https://formidable.com/open-source/victory/

  • c3

    :bar_chart: A D3-based reusable chart library

    Project mention: Is c3 js deprecated? and general thoughts of c3? | reddit.com/r/d3js | 2022-11-22

    Looking here: https://github.com/c3js/c3/issues/2831

  • Scout APM

    Truly a developer’s best friend. Scout APM is great for developers who want to find and fix performance issues in their applications. With Scout, we'll take care of the bugs so you can focus on building great things 🚀.

  • react-vis

    Data Visualization Components

    Project mention: Getting Started with Data Visualization in React using Chart.js | dev.to | 2022-07-17

    react-vis

  • uPlot

    📈 A small, fast chart for time series, lines, areas, ohlc & bars

    Project mention: Rendering data that changes very frequently | reddit.com/r/webgl | 2022-10-31

    Here is a very efficient 2D canvas lib that is extremely efficient https://github.com/leeoniya/uPlot i recommend looking through their readme and seeing if it solves your current problems.

  • chart.xkcd

    xkcd styled chart lib

    Project mention: Rough.js – Create graphics with a hand-drawn, sketchy, appearance | news.ycombinator.com | 2021-12-14

    This looks like a wonderful library! I'm wondering how a handwritten font could fit into this api, a font like in https://github.com/timqian/chart.xkcd

  • react-sparklines

    Beautiful and expressive Sparklines React component

    Project mention: React Chart - Display data in charts | dev.to | 2021-12-08

    react-sparklines - Beautiful and expressive Sparklines React component.

  • semiotic

    A data visualization framework combining React & D3

    Project mention: React Chart - Display data in charts | dev.to | 2021-12-08

    semiotic - Semiotic is a data visualization framework for React.

  • Vizzu

    Library for animated data visualizations and data stories.

    Project mention: Show HN: CodeViz – OSS for source code stats w. interactive charts in VS Code | news.ycombinator.com | 2022-04-10

    We built this little open-source tool that automatically visualizes the contents of a software project in Visual Studio Code. We think it's a good example of what our open-source viz library Vizzu (https://github.com/vizzuhq/vizzu-lib) can be used for.

    Key features of CodeViz Stat:

  • react-d3-components

    D3 Components for React

    Project mention: React Chart - Display data in charts | dev.to | 2021-12-08

    react-d3-components - D3 Components for React.

  • ervy

    Bring charts to terminal.

    Project mention: Explaining Code Using ASCII Art | news.ycombinator.com | 2022-06-27
  • react-dazzle

    :rocket: Dashboards made easy in React JS.

    Project mention: React Chart - Display data in charts | dev.to | 2021-12-08

    react-dazzle - Dashboards made easy in React JS.

  • react-highcharts

    React wrapper for Highcharts library

    Project mention: React Chart - Display data in charts | dev.to | 2021-12-08

    react-highcharts - React-highcharts.

  • vis-timeline

    📅 Create a fully customizable, interactive timelines and 2d-graphs with items and ranges.

    Project mention: 7 Promising JavaScript Timeline Components to Improve Your Project Management App | dev.to | 2022-06-29

    Useful resources: documentation, samples

  • react-timeseries-charts

    Declarative and modular timeseries charting components for React

    Project mention: React Chart - Display data in charts | dev.to | 2021-12-08

    react-timeseries-charts - Declarative timeseries charts.

  • chartjs-chart-financial

    Chart.js module for charting financial securities

    Project mention: nodejs serverside chartjs canvas to png | reddit.com/r/node | 2022-06-17

    I found https://github.com/SeanSobey/ChartjsNodeCanvas and https://github.com/chartjs/chartjs-chart-financial but I can't figure how to use both, the docs isn't very good in chart-financial.

  • react-chartist

    ⚛ React component for Chartist.js

    Project mention: React Chart - Display data in charts | dev.to | 2021-12-08

    react-chartist - React component for Chartist.js.

  • AnyChart

    AnyChart is a lightweight and robust JavaScript charting solution with great API and documentation. The chart types and unique features are numerous, the library works easily with any development stack.

    Project mention: How to Create Bubble Maps in JavaScript | dev.to | 2022-11-17

    To make it all quick and straightforward, I will use the JavaScript charting library called AnyChart, precisely the AnyMap solution. So, I include the two modules needed to build bubble maps, “core” and “geo maps”, as well as the geodata file for the United States.

  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Data Platform where developers build real-time applications for analytics, IoT and cloud-native services in less time with less code.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2022-11-30.

JavaScript Chart related posts

Index

What are some of the best open-source Chart projects in JavaScript? This list will help you:

Project Stars
1 d3 103,551
2 Chart.js 58,879
3 Frappe Charts 14,574
4 Luckysheet 12,584
5 webpack-bundle-analyzer 12,074
6 victory 10,048
7 c3 9,229
8 react-vis 8,370
9 uPlot 7,462
10 chart.xkcd 7,280
11 react-sparklines 2,786
12 semiotic 2,311
13 Vizzu 1,635
14 react-d3-components 1,613
15 ervy 1,562
16 react-dazzle 1,429
17 react-highcharts 1,249
18 vis-timeline 1,154
19 react-timeseries-charts 802
20 chartjs-chart-financial 623
21 react-chartist 524
22 tplink-energy-monitor 421
23 AnyChart 349
Close all those tabs. Zigi will handle your updates.
Zigi monitors Jira and GitHub updates, pings you when PRs need approval and lets you take fast actions - all directly from Slack! Plus it reduces cycle time by up to 75%.
www.zigi.ai