Web-Diagram-OpenSource-List
Diagram
- 2019-excalidraw: Virtual whiteboard for sketching hand-drawn like diagrams.
Flow Diagram
迁移到了 《Workflow-List》
Chart
- 
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. 
Realtime(实时图表)
- 
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. 
热力图(Heatmap)
- github-contributions-canvas 
  : A tool for drawing a heat-map of Github contributions on HTML Canvas. 
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. 
Application
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 
Icons
Math
- 2022-Mafs 
  : Mafs is a set of opinionated React components for creating math visualizations. 
