• 2019-excalidraw: Virtual whiteboard for sketching hand-drawn like diagrams.

Flow Diagram

迁移到了 《Workflow-List


  • Echarts : A powerful, interactive charting and visualization library for browser.

  • AntV : AntV 是蚂蚁金服全新一代数据可视化解决方案,致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。

  • d4 : Data-Driven Declarative Documents

  • ChartJS : 简单灵活响应式的 HTML 图表库

  • Reacharts : Redefined chart library built with React

  • Frappé Charts : GitHub-inspired simple and modern SVG charts for the web with zero dependencies.

  • 2015-react-vis : A collection of react components to render common data visualization charts, such as line/area/bar charts, heat maps, scatterplots, contour plots, hexagon heatmaps, pie and donut charts, sunbursts, radar charts, parallel coordinates, and tree maps.

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

  • 2017-recharts : Redefined chart library built with React and D3.

  • 2020-visx : visx is a collection of reusable low-level visualization components. visx combines the power of d3 to generate your visualization with the benefits of react for updating the DOM.

  • 2020-BizCharts : Powerful data visualization library based on G2 and React.

  • 2021-charts.css : Open source CSS framework for data visualization.

  • 2021-vizzu-lib : Library for animated data visualizations and data stories.


  • apexcharts.js : A modern JavaScript charting library to build interactive charts and visualizations with simple API.

  • react-sparklines : Beautiful and expressive sparklines component for React.


Graph & Network

  • 2018-Cytoscape.js : Graph theory / network library for analysis and visualisation.

  • react-network-diagrams : Contains ESnet network mapping and circuit rendering code, as used in the ESnet portal.

  • mxGraph : mxGraph is a JavaScript diagramming library that enables interactive graph and charting applications to be quickly created that run natively in any major browser that is supported by its vendor.

MindMap | 思维脑图

Map | 地图

  • 2017-maptalks.js: An open-source javascript library for map applications.

  • 2018-deck.gl : deck.gl is a WebGL-powered framework for visual exploratory data analysis of large datasets.


Handwriting & Signature

  • Signature Pad : Signature Pad is a JavaScript library for drawing smooth signatures. It’s HTML5 canvas based and uses variable width Bézier curve interpolation based on Smoother Signatures post by Square.

  • Rough.js : Rough.js is a light weight (~8k), Canvas based library that lets you draw in a sketchy, hand-drawn-like, style. The library defines primitives to draw lines, curves, arcs, polygons, circles, and ellipses. It also supports drawing SVG paths.

  • atrament.js : Tiny JS library for beautiful drawing and handwriting on the HTML Canvas



  • 2022-Mafs : Mafs is a set of opinionated React components for creating math visualizations.