chart libraries

charts.md

• D3.js - Data-Driven Documents

  • [GitHub] d3/d3 - Bring data to life with SVG, Canvas and HTML.

  • D3.js Tutorial – Data Visualization for Beginners | freeCodeCamp - 2021/11/24

  • The D3 Graph Gallery - Simple charts made with d3.js

---

• Chartist.js

  • [GitHub] gionkunz/chartist-js - Simple responsive charts

• Chart.js - Simple yet flexible JavaScript charting for designers & developers

  • [GitHub] chartjs/Chart.js - Simple HTML5 Charts using the tag

  • [GitHub] chartjs/awesome - A curated list of awesome Chart.js resources and libraries

  • Creating a custom Chart.js legend style | DEV Community - 2020/09/19

• ApexCharts.js - Modern & Interactive Open-source Charts

  • [GitHub] apexcharts/apexcharts.js - Interactive JavaScript Charts built on SVG

  • [GitHub] apexcharts/react-apexcharts - React Component for ApexCharts

• React Charts - Beautiful, flexible, highly-performant charts for React

  • [GitHub] TanStack/react-charts - Simple, immersive & interactive charts for React

• billboard.js - Re-usable, easy interface JavaScript chart library, based on D3 v4+.

  • [GitHub] naver/billboard.js - Re-usable, easy interface JavaScript chart library based on D3.js

• nivo - provides a rich set of dataviz components, built on top of D3 and React.

  • [GitHub] plouc/nivo

• Recharts - A composable charting library built on React components

  • [GitHub] recharts/recharts

• Victory - React.js components for modular charting and data visualization.

  • [GitHub] FormidableLabs/victory - A collection of composable React components for building interactive data visualizations

• React-Vis | Uber - a composable charting library

  • [GitHub] uber/react-vis

• visx | Airbnb - a collection of expressive, low-level visualization primitives for React

  • [GitHub] airbnb/visx

• TOAST UI - Chart is Beautiful Statistical Data Visualization library

  • [GitHub] nhn/tui.chart - Beautiful chart for data visualization

    • TOAST UI Chart for React

• Google Charts

  • React Google Charts - A thin, typed, React wrapper for Google Charts.

    • [GitHub] RakanNimer/react-google-charts - A thin, typed, React wrapper over Google Charts Visualization and Charts API.

• Vis.js - A dynamic, browser based visualization library. The library is designed to be easy to use, to handle large amounts of dynamic data, and to enable manipulation of and interaction with the data. The library consists of the components DataSet, Timeline, Network, Graph2d and Graph3d.

  • [GitHub] visjs

• REAVIZ - is a modular chart component library that leverages React natively for rendering the components while using D3js under the hood for calculations. The library provides an easy way to get started creating charts without sacrificing customization ability.

  • [GitHub] reaviz/reaviz - Data visualization library for React

• REAFLOW - is a modular diagram engine for build static or interactive editors. The library is feature rich and modular allowing for displaying complex visualizations with total customizability.

  • [GitHub] reaviz/reaflow - React library for building workflow editors, flow charts and diagrams

• Plotly JavaScript - Open Source Graphing Library

  • [GitHub] plotly/plotly.js - Open-source JavaScript charting library behind Plotly and Dash

• Rough Charts - A responsive, composable react charting library with a hand-drawn style.

  • [GitHub] beizhedenglong/rough-charts - A responsive, composable react charting library with a hand-drawn style.

---

• 💵 paid 💰

  • amCharts - JavaScript Charts & Maps

  • Webix - JS Framework for cross-platform web Apps development. 102 UI widgets and feature-rich CSS / HTML5 JavaScript controls.

---

• Anime.js - works with anything web. CSS, SVG, DOM attributes and JavaScript Objects: animate everything with a single unified API.

  • [GitHub] juliangarnier/anime - JavaScript animation engine

• Zdog - is a 3D JavaScript engine for and SVG. With Zdog, you can design and render simple 3D models on the Web. Zdog is a pseudo-3D engine. Its geometries exist in 3D space, but are rendered as flat shapes.

  • [GitHub] metafizzy/zdog - Flat, round, designer-friendly pseudo-3D engine for canvas & SVG

---

• RAWGraph - The missing link between spreadsheets and data visualization.

  • [GitHub] rawgraphs/rawgraphs-app - A web interface to create custom vector-based visualizations on top of RAWGraphs core

• bpmn-js - BPMN 2.0 viewer and editor.

  • [GitHub] bpmn-io/bpmn-js

• [GitHub] projectstorm/react-diagrams - a super simple, no-nonsense diagramming library written in react that just works

• Vega-Lite - is a high-level grammar of interactive graphics. It provides a concise, declarative JSON syntax to create an expressive range of visualizations for data analysis and presentation.

  • [GitHub] vega/vega-lite - A concise grammar of interactive graphics, built on Vega.

---

• Pintora - An extensible text-to-diagrams library that works in both browser and node.js. Expressing your thoughts in a diagram is better than a thousand words.

  • [GitHub] hikerpig/pintora

• Mermaid - lets you create diagrams and visualizations using text and code.

  • [GitHub] mermaid-js/mermaid

• [GitHub] jaime-olivares/yuml-diagram - UML diagramming package based on the yUML syntax

gantt_chart.md

• Top 4 Gantt Chart Solutions for React | DZone Web Dev - 2021/03/21

• Top 5: Best ReactJS Gantt Chart Solutions | Our Code World - 2017/07/27

---

• 💵 paid 💰

  • DHTMLX Gantt - is the only Gantt chart written in native React JS for the web development of the most modern reactive project management applications

  • React Gantt - A Super Fast Gantt Chart For React Apps

  • React Gantt Chart - An Intuitive and Easy-to-Use Component | Syncfusion

  • KendoReact - Master the Art of React UI

    • KendoReact Gantt Overview

---

• Gantt Chart Hyper Library for HTML5 and JavaScript | DlhSoft

  • Gantt charts for React. React.js is very popular, and for very… | by DlhSoft | Gantt chart libraries | Medium

  • [GitHub] DlhSoftTeam/GanttChartHyperLibrary-Demos/GanttChartHyperLibraryDemos/Demos/Samples/React/

• React Google Charts

  • Gantt Chart Example | React Google Charts

  • [GitHub] RakanNimer/react-google-charts

• Open Source Javascript Gantt | Frappe - A simple, interactive, modern gantt chart library for the web with drag, resize, dependencies and time scales

  • [GitHub] frappe/gantt

  • [GitHub] mohammed-io/frappe-gantt-react

• [GitHub] MaTeMaTuK/gantt-task-react - Gantt chart for React with Typescript (Live Demo)

---

• [GitHub] mermaid-js/mermaid - Generation of diagram and flowchart from text in a similar manner as markdown

  • Gantt diagrams

kanban_board.md

• Kanban Board Bootstrap & React - A curated list - (2021/07/02) A curated list with open-source and commercial products that provide an interactive Kanban Board.

• Build a beautiful, draggable kanban board with react-beautiful-dnd - Brian Neville-O'Neill | Dev.to - 2020/06/01

---

• 💵 paid 💰

  • React Kanban Board - Task Tracker with Compact View | Syncfusion

---

• [GitHub] asseinfo/react-kanban - Yet another Kanban/Trello board lib for React.

  • React Kanban Board | techtutorialsx - 2020/10/25