经测试的开源白板和图表工具

:art: 图表即代码，用于云系统架构的原型设计

测试发现：53 tests pass (1 skipped because packaging tests require running outside source tree), PNG diagram generation verified with AWS EC2/RDS/ELB nodes producing a 48257 byte PNG, CLI entry point works, all 2847 node icon files resolve correctly from the installed distribution. 8 分钟。

开源白板工具（SaaS），一体化白板，包含思维导图、流程图、自由画等。

测试发现：Full install completes cleanly with Node.js 20.20.2, all 29 unit tests pass across 4 Nx projects (drawnix: 9 files/26 tests, react-board: 1/1, react-text: 1/1, web: 1/1), and the Vite dev server serves the web application on port 7200 responding HTTP 200. 4 分钟。

根据图表的文本表示绘制简单的 SVG 流程图。

测试发现：flowchart.js builds, parses DSL, and renders SVG flowcharts in the browser via the dev server, confirmed with Puppeteer headless browser. 8 分钟。

FlowGram 是一个可扩展的工作流开发框架，内置画布、表单、变量和素材，帮助开发者更快、更简单地构建 AI 工作流平台。

测试发现：FlowGram monorepo builds successfully (73/73 Rush projects), all tests pass across 9 packages with vitest (0 failures), and the demo-free-layout app serves correctly via Rsbuild dev server answering HTTP 200. 15 分钟。

使用 SVG 和 HTML 进行渲染的 JavaScript 图表绘制库。

测试发现：The @antv/x6 v3.1.8 monorepo installs with pnpm, compiles TypeScript without errors, builds ESM/CJS/UMD bundles via rollup, and passes 3039 tests across 202 test files in a jsdom environment using vitest. 3 分钟。

Answer me with HTML：一种 agent 技能，用一页真正可读的 HTML 回答复杂问题。让 AI Agent 用一页 HTML 回答复杂问题。

测试发现：npm install added 6 packages with 0 vulnerabilities; all 193 tests pass; am CLI renders examples to self-contained HTML files with SVG diagrams, STE writing checks, blueprint and shadcn themes, and supports render/lint/config/patch/video subcommands. 4 分钟。

将你的 ASCII 图表涂鸦转换为快乐的小 SVG

测试发现：The svgbob workspace builds, all 110 tests pass, the CLI converts ASCII diagrams to valid SVG, and the server serves HTTP on port 3000. 2 分钟。

交互式 React 生命周期方法图。

测试发现：The React Lifecycle Methods Diagram builds successfully via Vite 8, TypeScript compiles cleanly, lint passes, and the dev server serves the interactive diagram on localhost:5173 with HTTP 200. 10 分钟。

一个面向 Web 的现代交换图编辑器。

测试发现：The quiver commutative diagram editor builds successfully with all dependencies (KaTeX, Workbox, icons), serves via python3 http.server on port 8000, and loads in Chromium with zero JavaScript errors and full UI rendering. 6 分钟。

:ocean: 数字时序图渲染引擎

测试发现：WaveDrom v3.7.0 installs and runs: npm test passes (eslint 0 errors, 6 mocha tests pass, 79.8% statement coverage), CLI outputs valid SVG from JSON5 input, and all 4 distribution bundles build successfully. 3 分钟。

俏皮的 UML 图表渲染器

测试发现：nomnoml v1.7.0 library and CLI are installed, all 132 unit tests pass, and both the API (renderSvg) and CLI produce valid SVG output from nomnoml syntax. 2 分钟。

一个强大的多端画板，汇集众多创意画笔，体验全新绘画效果。

测试发现：paint-board v2.0.0 (paint-board) builds and serves correctly via Vite. The dev server (pnpm dev) starts and returns HTTP 200 on /paint-board/. All application JS/CSS assets compile cleanly. 22 分钟。

用于 golang 项目的 PlantUML 类图生成器

测试发现：GoPlantUML builds with Go 1.22.2, installs as a goplantuml binary, all 46 parser tests pass, and the binary runs against real Go source directories to emit valid PlantUML diagrams to stdout and files. 4 分钟。

读取你的 tfstate 或 HCL，为每个 provider 生成特定图形，仅显示最重要/最相关的资源。

测试发现：The Go project builds cleanly, all 8 test packages pass, and the binary prints correct version output, generates DOT graphs from both tfstate and HCL inputs, and prunes sensitive fields from state files. 3 分钟。

一个快速的原生 Rust Mermaid 图表渲染器。无需浏览器。比 mermaid-cli 快 500-1000 倍。

测试发现：mmdr 0.3.1 installs, builds, and renders Mermaid diagrams to SVG and PNG. Unit tests (386 passed), layout tests (28 passed, including the fixed quadrant test), and all fast integration suites pass. 55 分钟。

Agent skill: 用一句话描述你的技术栈，即可获得包含官方标志的架构图。

测试发现：The real icon-fetch, HTML-build, and Chromium PNG-render pipeline for stack-diagram runs successfully in this container and produces valid self-contained HTML plus decodable 2000x1082 PNGs in light and dark themes. 4 分钟。

用于 Konva 2d 画布库的 Vue 组件。在 Vue 中构建交互式图形、设计编辑器和白板。

测试发现：Standard npm install succeeded and, when run on Node 22, npm test exits 0 with 62 passing tests and npm run build exits 0 producing dist bundles (vue-konva.js, vue-konva.umd.js, vue-konva-core.js) plus .d.ts declarations; no tracked repo files were modified. 5 分钟。

一个可扩展的文本转图表库，可在浏览器和 node.js 中运行

测试发现：Installs, compiles, and runs test suite (38 suites, 227 tests, 26 snapshots all passing). CLI can render diagrams to SVG via jsdom+bundled pintora-standalone. 25 分钟。

drawthe.net 根据描述位置、布局和图标的文本文件，动态绘制网络图。给定一个描述网络层级结构及其连接的 YAML 文件，就会生成相应的图表。

测试发现：On a brand-new clone, npm ci, npm run build, and npm run render all succeed and the app runs in a real browser and through its MCP server. 8 分钟。

一种文本图表语言，你只需说明元素的位置。在线试用：reladraw.github.io/reladraw

测试发现：reladraw 0.19.0 builds from source and renders all 32 bundled example .reladraw files to valid SVGs with correct dimensions via both the CLI and programmatic API. 3 分钟。

数字时序图编辑器

测试发现：WaveDrom Editor installs, its eslint suite passes, the desktop app launches and renders on the virtual display, and the WaveDrom engine exports valid SVG and PNG timing diagrams via the nw runtime CLI. 26 分钟。

CLI 应用，用于将 ASCII 艺术转换为手绘图表。

测试发现：diagram binary builds with Go 1.27.2; --help prints banner and 'Version: 1.1.0'; CLI mode converts sample.txt to a valid non-blank 870x890 PNG that ffmpeg decodes cleanly with exit 0; preview mode opens a live 'Preview diagram...' window on Xvfb :99 and stays up until killed; go vet and go test (in an out-of-tree copy... 14 分钟。

通过对话创建和编辑绘图。

测试发现：All 319 tests pass, frontend builds and is served on port 8000 returning HTTP 200, server starts without errors using only bundled dependencies. 7 分钟。

轻量级协作白板 / 画板

测试发现：All 3 test suites pass (12/12), the production server starts on port 8080 and responds to /api/health (200), /api/loadwhiteboard ([]), and /api/getReadOnlyWid (UUID). 11 分钟。

MIT 许可证下的无限画布白板 SDK。一个开源的 tldraw 替代品，无需许可费用，可免费用于商业用途。支持 React、React Native 和纯 JavaScript。

测试发现：Quickdraw monorepo installs cleanly, all 134 tests pass (131 vitest + 3 sync), and TypeScript typechecking passes. 2 分钟。

ngDiagram：开源 Angular 库，用于交互式图表、基于节点的编辑器和工作流构建器。Angular 优先：信号和模板。

测试发现：pnpm install completes, all 213 test files (3545 tests) pass, the ng-diagram Angular package builds to dist/ng-diagram, and the angular-demo app builds to dist/angular-demo. 6 分钟。

Angular 原生的节点编辑器库，适用于生产工作流构建器、AI 流水线和交互式图表编辑器。采用 MIT 许可证。

测试发现：All 329 unit tests for @foblex/flow pass on Node.js 20.20.2 with Chrome 148 headless and --no-sandbox. 13 分钟。

一个将 tldraw 集成到 Obsidian 的插件。

测试发现：The Obsidian Tldraw plugin builds successfully via esbuild and all 8 end-to-end WebdriverIO tests pass against Obsidian v1.14.4 running on Xvfb. 4 分钟。

一个开源 Python 包，用于生成硬件引脚图（SVG 格式）。

测试发现：Pinout package installed in Python 3.12 venv with all dependencies (Jinja2, Pillow, pandas, openpyxl, libsass). All 12 reference SVG tests pass. The CLI manager duplicates resources and exports valid SVGs end-to-end. 35 分钟。

高级手绘风格、深色背景的动画架构与流程图表。输出可编辑的 excalidraw、PNG 和真正的动画 GIF。Codex/Claude 技能。

测试发现：Fresh venv installs deps; all 83 tests pass; browser render of assets/default-spec.json produces verified 1210x1138 41-frame 20fps GIF (motion confirmed) plus MP4, PNG, Excalidraw, all decoded by ffprobe. 5 分钟。

在 GitHub Markdown README 和文档中渲染 PlantUML 图表：从.puml 文件生成可点击的图表图像，这些图像相互链接，无需提交图像。提供 CLI 和 GitHub Action。

测试发现：puml-for-markdown v2.1.1 installs and builds on Node.js 22; its 61-test suite passes, and the CLI correctly renders PlantUML diagrams into markdown with direct PlantUML server URLs. 2 分钟。

根据 TypeScript 源代码生成 UML 图

测试发现：Project installed, built, and tested. All 22 vitest tests pass and the CLI generates correct UML SVG, nomnoml DSL, and mermaid DSL output from TypeScript source files. 1 分钟。

软件架构图绘制工具。包含一个现代且易于使用的前端、后端和 CLI，以便从 shell 或 CI 中管理图表。

测试发现：tld builds into /tmp/tld, runs as a background web server on 127.0.0.1:18060 serving the frontend with HTTP 200, and all 61 Go test packages pass. 9 分钟。

用于将 Excalidraw 图表移植到 Gliffy、draw.io 和 Mermaid 的命令行工具。

测试发现：Go 1.27.3 installed, dependencies resolved, all 4 test suites pass (11 functional tests + subcases), app converts Excalidraw .excalidraw files to Gliffy and Mermaid formats via CLI. 15 分钟。

用于 Archimate 图表的 PlantUML 宏和其他包含项

测试发现：The repository renders Archimate diagrams to SVG via PlantUML 1.2026.7 on Java 17. 16 sample SVGs and 2 dist example SVGs were generated, every one structurally valid and containing proper Archimate diagram content with no errors. 15 分钟。

将代码转换为流程图，并通过实验追踪其执行路径。

测试发现：Inside the container, Ruby 3.4.8 and Graphviz live in a userspace conda env, bundle install completes, the full RSpec suite passes with 103 examples and 0 failures, and both README example scripts generate real decodable PNG flowcharts. 5 分钟。

制作精美的等距基础设施图。（stan-smith/FossFLOW 的延续）

测试发现：FossFLOW app builds from source, dev server serves at localhost:3000, backend server provides full CRUD storage at localhost:3001 with path-traversal protection, all unit and end-to-end tests pass, and exported SVG/PNG media files are valid. 18 分钟。

Agent 技能，可将自然语言、代码、Terraform/K8s、SQL、OpenAPI、AsyncAPI、Protobuf 和 GraphQL 源转换为可编辑、经过测试的 draw.io 架构图：增量同步、多视图投影、漂移差异、CI 架构测试、白板去栅格化、交互式 HTML/PPTX/Mermaid 导出。

测试发现：The drawio-skill project runs fully: 174 unit tests pass, the diagramctl CLI (12 subcommands) works end-to-end for core semantic workflows, all importers produce correct IR, the MCP server responds with 9 tools, and the shape/index/validate infrastructure is operational. Only the draw.io desktop binary (for native... 10 分钟。

没有破碎招聘流程的公司

测试发现：Dependencies installed, lint plugin pipeline loaded, and remark-lint reports zero issues on the full README.md. 2 分钟。

从文本或 JSON 生成可编辑的 Excalidraw 图表，用于 agent 和开发者工作流

测试发现：The excalidraw-cli TypeScript project builds successfully and all functional tests pass. CLI commands create, parse, and convert diagrams from DSL, JSON, and DOT inputs, producing valid .excalidraw files, PNG images, and SVG output. 8 分钟。

用于 Konva 2d 画布库的 React 组件。使用 JSX 构建交互式图形、设计编辑器和白板。

测试发现：All 196 browser tests pass against Chromium, TypeScript checks pass, the build produces es/ and lib/ output, SSR rendering succeeds across CommonJS and ES module entry points, package exports resolve correctly in ESM/CJS/Node10/Bundler modes, and DevTools registration and canvas commits are functional. 30 分钟。

Vue.js 对 Chart.js 的封装

测试发现：The vue-chartjs repository installs, lints, builds, and runs all 24 unit tests successfully with pnpm 12.6.0 and Node 18.19.1 in this container. 2 分钟。

自托管家庭实验室基础设施可视化工具：交互式网络拓扑图与实时状态监控

测试发现：Backend FastAPI app starts and responds to health checks, all 1512 backend tests pass, all 532 MCP tests pass; frontend build requires Node 20.19+ which is not available in this container. 58 分钟。

一个存在于浏览器、桌面和单个 URL 中的 Markdown 编辑器。快速 GitHub 风格的 Markdown 编辑，支持实时预览、图表、LaTeX、语法高亮、PDF 导出，以及跨 Web、桌面和 Docker 的多标签支持。

测试发现：All 186 Playwright Chromium e2e tests pass, static server returns HTTP 200, and desktop CDN libraries are populated. 10 分钟。

JavaScript 架构图与依赖关系图

测试发现：npm install --ignore-scripts, npm run compile, npm run lint, and npm run jest all pass (29/29 tests); CLI generates PUML output end-to-end; SVG/PNG generation requires a mock Java substitute for the missing JRE. 27 分钟。

Markdeep 官方公开源代码存档

测试发现：markdeep.py and markdeep2.py (identical) import cleanly from python3 stdlib; all 10 exported functions produce correct outputs; __main__ examples print header_anchor introduction/formsof_being_/addendum, definition_anchor apireference/def-foo-fcn, and generate_markdown_table renders correctly. 6 分钟。

Miro Developer Platform 应用示例

测试发现：Root npm install succeeds, 17 of 20 frontend examples build with Vite/Next.js, and 7 of 9 server-based examples start and respond to HTTP requests on expected ports. 8 分钟。

适用于 D2 文件的 VSCode 扩展。

测试发现：The VS Code extension installs, builds with webpack, packages into a working .vsix (3.29 MB), installs into VS Code 1.143.1, and activates with all 5 D2 commands registered. Syntax highlighting grammar regenerated from YAML source. 8 分钟。

预览 Mermaid 图表

测试发现：With local substitutes for the 5 private @mermaid-chart packages, the project installs via pnpm, compiles and bundles, lints with 0 errors, passes its VS Code integration test (1 passing), packages into vscode-mermaid-preview-2.2.0.vsix which installs and lists in VS Code 1.143.1, and renders a mermaid flowchart to... 19 分钟。

一个 Markdown 编辑器，连接你的 LLM 的桥梁。本地优先，MIT，约 15 MB。内置 MCP 服务器让 Claude Code / Codex / Cursor 直接驱动你的 vault。14 个 AI 提供商 BYOK。

测试发现：solomd-mcp binary built and all 36 unit tests pass; MCP server responds correctly to initialize, list_notes, read_note, and search over JSON-RPC stdin/stdout; frontend dist/ built via vite. Tauri desktop app failed to link due to incompatible system libdbus-1 (Rust dbus crate expects unprefixed symbols). 16 分钟。

Project flat 是 Agora Flat 开源教室的 Web、Windows 和 macOS 客户端。

测试发现：pnpm monorepo installed, flat-web Vite dev server runs and serves the React app with live TypeScript compilation on port 3000, Electron main process esbuild bundle compiles successfully. 28 分钟。

使用 LLM 实时流式传输图表，而非 token（UIST 2023 论文）

测试发现：npm install completed (3365 packages), npm run build compiled successfully serving index.html with Graphologue title, the OpenAI module was patched to accept a configurable base URL, a mock API server at port 8008 returns correct OpenAI-formatted responses, the built JS references the mock endpoint, all three served... 14 分钟。

Solana Arbitrage Bot：使用 Rust 语言架构和 Anchor 框架的跨 DEX（例如 Raydium、Orca、Meteora）交换程序。

测试发现：solana-arbitrage-bot2.0 binary compiles and responds to --version/--help; arb-opportunity-execute-trade-python script fetches real-time Raydium and DexScreener prices showing cross-DEX price differences; solana-mev has 177 pre-existing compilation errors; client-pool has dependency path issues. 29 分钟。

Meta2d.js是一个实时数据响应和交互的2d引擎，可用于Web 组态、SCADA，表报、流程图、中控可视化等可视化需求。Meta2d.js is a 2D visualization engine built around data-driven display and dynamic interaction...

测试发现：pnpm install and pnpm build complete, all 18 packages compiled to dist/ with index.js outputs, webpack bundle at dist/meta2d.js/meta2d.js (762 KiB, valid JS), es5 example serves all assets at HTTP 200, vue3 example builds with vite to 2.7M dist/. 25 分钟。

Jakarta EE 10 & MicroProfile 应用生成器和建模器

测试发现：All 14 modules of the main Jeddict repo build successfully after importing JavaParser path fix. Tests could not execute because they require a full NetBeans IDE runtime. 51 分钟。

轻量级（约 1.5 MB）开源屏幕标注工具，支持点击穿透模式和键盘优先快捷键。适用于演示、教学、会议及屏幕录制。支持 Windows、macOS。

测试发现：All frontend infrastructure works: Node 24.15.0, npm 11.12.1, dependencies installed, 346/346 vitest tests pass, TypeScript typechecks clean, Vite build succeeds, lint and format pass. The Rust Tauri backend is intentionally Linux-incompatible (compile_error guard + cfg-gated platform functions for Windows/macOS only)... 20 分钟。

Dgrm.net：流程图编辑器。可在桌面端、手机和平板电脑上运行。无依赖项。纯 JavaScript。

测试发现：无法验证；log 显示了它停在哪里。 1 分钟。

Kition 将 Markdown、DataTable、WhiteBoard、一个使用工具的 AI agent、浏览器研究和可视化工作流程整合到一个桌面工作空间中。

测试发现：无法验证；log 显示了它停在哪里。