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.