Diagram Awesome
约 1 分钟阅读
标签：资源精选
- modeling languages
- UML, SysML, RAAML, C4
- ERD - Entity-Relationship Diagram
- mermaid
- UML
- PlantUML
- yworks
- kroki笔记krokiyuzutech/kroki · MIT, Java · https://kroki.io · 参考 · asciiflow · 画图可用 ditaa 渲染 · JS Zlib nodeca/pako · https://docs.kroki.io/kroki/setup/encode-diagram/打开：/notes/languages/diagram/kroki
- yuzutech/krokiGitHubyuzutech/krokiyuzutech/kroki · MIT, Java · https://kroki.io · 参考 · asciiflow · 画图可用 ditaa 渲染 · JS Zlib nodeca/pako · https://docs.kroki.io/kroki/setup/encode-diagram/笔记：kroki
- 统一支持多种语言
- MIT, Java
- kroki.io
- terrastruct/d2GitHubterrastruct/d2terrastruct/d2 · MPLv2, Golang · 参考 · https://play.d2lang.com · layout engine · dagre · directed graph · 基于 graphviz dot笔记：D2
- MPLv2, Go
- 画架构
- asciiflow
- vega/vegaGitHubvega/vega
- Deep-Symmetry/bytefield-svgGitHubDeep-Symmetry/bytefield-svg
- textik.com
- asciiflow
- gaphor/gaphorGitHubgaphor/gaphor
- Apache-2.0, Python
- UML, SysML
- mindmap
- mindmup/mapjsGitHubmindmup/mapjs
- 项目已经停止开发，可用
- hizzgdev/jsmindGitHubhizzgdev/jsmind
- NaoTu/DesktopNaotuGitHubNaoTu/DesktopNaotu
- fex-team/kityminderGitHubfex-team/kityminder
- mindmup/mapjsGitHubmindmup/mapjs
- mingrammer/diagramsGitHubmingrammer/diagrams
- Diagram as Code for prototyping cloud system architectures
- drawio
- skanaar/nomnomlGitHubskanaar/nomnoml
- An introduction to binary decision digrams
1997
- HNHacker NewsHacker News #32993015Hacker News
- mermaid-ascii
- Mermaid 输出为 ASCII
Library
- wbkd/react-flowGitHubwbkd/react-flowwbkd/react-flow · 基于 d3 - zoom, drag · zustand 状态管理笔记：react-flow
- jsplumb/jsplumbGitHubjsplumb/jsplumb
- MIT & GPLv2
- projectstorm/react-diagramsGitHubprojectstorm/react-diagrams
- clientIO/jointGitHubclientIO/joint
- MPL-2
- alibaba/butterflyGitHubalibaba/butterfly
- workflow
- antonioru/beautiful-react-diagramsGitHubantonioru/beautiful-react-diagrams
- react diagram
- MrBlenny/react-flow-chartGitHubMrBlenny/react-flow-chart
- 不再维护
- awslabs/diagram-makerGitHubawslabs/diagram-maker
- visjs/vis-networkGitHubvisjs/vis-network
- varkor/quiverGitHubvarkor/quiver
- jwilber/roughVizGitHubjwilber/roughViz
- rough-stuff/roughGitHubrough-stuff/rough
- timqian/chart.xkcdGitHubtimqian/chart.xkcd
Misc
- plantuml-stdlibGitHub 组织plantuml-stdlib
- CJex/regulexGitHubCJex/regulex
- explain regexp
- adrai/flowchart.jsGitHubadrai/flowchart.js
- flowchart DSL & SVG render
- wojtekmaj/react-lifecycle-methods-diagramGitHubwojtekmaj/react-lifecycle-methods-diagram
- whyboris/TypeScript-Call-GraphGitHubwhyboris/TypeScript-Call-Graph
商业化产品
关联信息
反向链接、本文链接的其他页面和外部资料。
站内链接
- kroki笔记 · kroki
yuzutech/kroki · MIT, Java · https://kroki.io · 参考 · asciiflow · 画图可用 ditaa 渲染 · JS Zlib nodeca/pako · https://docs.kroki.io/kroki/setup/encode-diagram/
参考资料
GitHub31 条
- adrai/flowchart.jsgithub.com/adrai/flowchart.js
- alibaba/butterflygithub.com/alibaba/butterfly
- antonioru/beautiful-react-diagramsgithub.com/antonioru/beautiful-react-diagrams
- awslabs/diagram-makergithub.com/awslabs/diagram-maker
- CJex/regulexgithub.com/CJex/regulex
- clientIO/jointgithub.com/clientIO/joint
- Deep-Symmetry/bytefield-svggithub.com/Deep-Symmetry/bytefield-svg
- fex-team/kitymindergithub.com/fex-team/kityminder
- gaphor/gaphorgithub.com/gaphor/gaphor
- hizzgdev/jsmindgithub.com/hizzgdev/jsmind
- jsplumb/jsplumbgithub.com/jsplumb/jsplumb
- jwilber/roughVizgithub.com/jwilber/roughViz
- mindmup/mapjsgithub.com/mindmup/mapjs
- mingrammer/diagramsgithub.com/mingrammer/diagrams
- MrBlenny/react-flow-chartgithub.com/MrBlenny/react-flow-chart
- NaoTu/DesktopNaotugithub.com/NaoTu/DesktopNaotu
- NorthwoodsSoftware/GoJSgithub.com/NorthwoodsSoftware/GoJS
- plantuml-stdlibgithub.com/plantuml-stdlib
- plantuml-stdlib/C4-PlantUMLgithub.com/plantuml-stdlib/C4-PlantUML
- projectstorm/react-diagramsgithub.com/projectstorm/react-diagrams
- rough-stuff/roughgithub.com/rough-stuff/rough
- skanaar/nomnomlgithub.com/skanaar/nomnoml
- terrastruct/d2github.com/terrastruct/d2
- timqian/chart.xkcdgithub.com/timqian/chart.xkcd
- varkor/quivergithub.com/varkor/quiver
- vega/vegagithub.com/vega/vega
- visjs/vis-networkgithub.com/visjs/vis-network
- wbkd/react-flowgithub.com/wbkd/react-flow
- whyboris/TypeScript-Call-Graphgithub.com/whyboris/TypeScript-Call-Graph
- wojtekmaj/react-lifecycle-methods-diagramgithub.com/wojtekmaj/react-lifecycle-methods-diagram
- yuzutech/krokigithub.com/yuzutech/kroki
Hacker News1 条
- Hacker News #32993015HN #32993015
其他外链7 条
- asciiflow.comasciiflow.com/
- bytefield-svg.deepsymmetry.org/bytefield-svg/1.8.0/intro.htmlbytefield-svg.deepsymmetry.org/bytefield-svg/1.8.0/intro.html
- kroki.iokroki.io/
- mermaid-ascii.artmermaid-ascii.art/
- textik.comtextik.com/
- www.chronoflotimeline.com/blog/entry/hand-drawn-timelines-using-roughjswww.chronoflotimeline.com/blog/entry/hand-drawn-timelines-using-roughjs
- www.cs.utexas.edu/~isil/cs389L/bdd.pdfwww.cs.utexas.edu/~isil/cs389L/bdd.pdf