Quadros brancos e ferramentas de diagramas de código aberto, testados

:art: Diagrama como Código para prototipagem de arquiteturas de sistemas em nuvem

O que o teste encontrou: 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 minutos.

Ferramenta de quadro branco de código aberto tudo em um, com mapas mentais, fluxogramas, desenho à mão livre, etc.

O que o teste encontrou: 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 minutos.

Desenha fluxogramas SVG simples a partir da representação textual do diagrama.

O que o teste encontrou: flowchart.js builds, parses DSL, and renders SVG flowcharts in the browser via the dev server, confirmed with Puppeteer headless browser. 8 minutos.

FlowGram é um framework extensível de desenvolvimento de fluxo de trabalho com canvas, formulário, variáveis e materiais integrados, que ajuda desenvolvedores...

O que o teste encontrou: 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 minutos.

Biblioteca de diagramas em JavaScript que usa SVG e HTML para renderização.

O que o teste encontrou: 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 minutos.

Me responda com HTML. Uma habilidade de agente que responde perguntas difíceis com uma página HTML que você realmente consegue ler. Deixe o AI Agent responder...

O que o teste encontrou: 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 minutos.

Converta seus rabiscos de diagramas ASCII em pequenos SVGs felizes.

O que o teste encontrou: 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 minutos.

Diagrama interativo dos métodos de ciclo de vida do React.

O que o teste encontrou: 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 minutos.

Um editor moderno de diagramas comutativos para a web.

O que o teste encontrou: 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 minutos.

Motor de renderização de diagramas de temporização digital

O que o teste encontrou: 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 minutos.

O renderizador de diagramas UML sassy

O que o teste encontrou: 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 minutos.

Um poderoso quadro de desenho multi-terminal que reúne muitos pincéis criativos para experimentar uma gama totalmente nova de efeitos de desenho!

O que o teste encontrou: 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 minutos.

Gerador de Diagramas de Classe PlantUML para projetos golang

O que o teste encontrou: 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 minutos.

Leia seu tfstate ou HCL para gerar um grafo específico para cada provedor, mostrando apenas os recursos que são mais importantes/relevantes.

O que o teste encontrou: 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 minutos.

Um renderizador de diagramas Mermaid nativo em Rust, rápido. Não requer navegador. 500-1000x mais rápido que o mermaid-cli.

O que o teste encontrou: 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 minutos.

Habilidade do agent: descreva sua pilha de tecnologias em uma frase, obtenha um diagrama de arquitetura com logotipos oficiais

O que o teste encontrou: 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 minutos.

Componentes Vue para a biblioteca Konva de canvas 2d. Construa gráficos interativos, editores de design e quadros brancos em Vue.

O que o teste encontrou: 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 minutos.

Uma biblioteca extensível de texto para diagramas que funciona tanto em navegador quanto em node.js

O que o teste encontrou: 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 minutos.

drawthe.net desenha diagramas de rede dinamicamente a partir de um arquivo de texto descrevendo o posicionamento, layout e ícones. Dado um arquivo yaml...

O que o teste encontrou: 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 minutos.

Uma linguagem de diagrama textual onde você diz onde as coisas vão. Playground: reladraw.github.io/reladraw

O que o teste encontrou: 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 minutos.

Editor de diagramas de tempo digitais

O que o teste encontrou: 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 minutos.

Aplicativo de CLI para converter artes ASCII em diagramas desenhados à mão.

O que o teste encontrou: 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 minutos.

Crie e edite desenhos por meio de conversa.

O que o teste encontrou: All 319 tests pass, frontend builds and is served on port 8000 returning HTTP 200, server starts without errors using only bundled dependencies. 7 minutos.

Whiteboard / Sketchboard colaborativo e leve

O que o teste encontrou: 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 minutos.

O SDK de quadro branco de tela infinita com license MIT. Uma alternativa de código aberto ao tldraw, sem taxa de license, gratuita para uso comercial. React...

O que o teste encontrou: Quickdraw monorepo installs cleanly, all 134 tests pass (131 vitest + 3 sync), and TypeScript typechecking passes. 2 minutos.

ngDiagram: biblioteca Angular de código aberto para diagramas interativos, editores baseados em nós e construtores de fluxos de trabalho. Angular-first...

O que o teste encontrou: 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 minutos.

Biblioteca de editor de nós nativa do Angular para construtores de fluxos de trabalho de produção, pipelines de IA e editores de diagramas interativos...

O que o teste encontrou: All 329 unit tests for @foblex/flow pass on Node.js 20.20.2 with Chrome 148 headless and --no-sandbox. 13 minutos.

Um plugin para integrar tldraw no Obsidian.

O que o teste encontrou: 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 minutos.

Um pacote Python de código aberto que gera diagramas de pinagem de hardware como imagens SVG.

O que o teste encontrou: 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 minutos.

Diagramas de arquitetura e processo animados, desenhados à mão, premium, com fundo escuro. Gera arquivos.excalidraw editáveis + PNG + GIF animado de verdade...

O que o teste encontrou: 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 minutos.

Renderize diagramas PlantUML em READMEs e documentação em Markdown do GitHub: imagens de diagramas clicáveis geradas a partir de arquivos.puml que se conectam...

O que o teste encontrou: 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 minutos.

Gera diagramas UML a partir do código-fonte TypeScript.

O que o teste encontrou: 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 minuto.

Ferramenta de diagramação de arquitetura de software. Inclui um Frontend + Backend + CLI moderno e fácil de usar para permitir gerenciar diagramas a partir do...

O que o teste encontrou: 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 minutos.

Uma ferramenta de linha de comando para portar diagramas do Excalidraw para Gliffy, draw.io e Mermaid.

O que o teste encontrou: 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 minutos.

Macros PlantUML e outros includes para diagramas Archimate

O que o teste encontrou: 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 minutos.

Transforme o código em um fluxograma e rastreie experimentalmente o caminho de execução através dele.

O que o teste encontrou: 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 minutos.

Crie belos diagramas de infraestrutura isométricos. (Uma continuação de stan-smith/FossFLOW)

O que o teste encontrou: 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 minutos.

Habilidade de agente que transforma fontes de linguagem natural, código, Terraform/K8s, SQL, OpenAPI, AsyncAPI, Protobuf e GraphQL em diagramas de arquitetura...

O que o teste encontrou: 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 minutos.

Empresas que não têm um processo de contratação quebrado

O que o teste encontrou: Dependencies installed, lint plugin pipeline loaded, and remark-lint reports zero issues on the full README.md. 2 minutos.

Gere diagramas Excalidraw editáveis a partir de texto ou JSON para agents e fluxos de trabalho de desenvolvedores.

O que o teste encontrou: 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 minutos.

Componentes React para a biblioteca Konva de canvas 2d. Build gráficos interativos, editores de design e quadros brancos com JSX.

O que o teste encontrou: 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 minutos.

Adaptador Vue.js para Chart.js

O que o teste encontrou: 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 minutos.

Visualizador de infraestrutura homelab auto-hospedado: diagrama de rede interativo com monitoramento de status ao vivo

O que o teste encontrou: 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 minutos.

Um editor de Markdown que vive no seu navegador, no desktop e em uma única URL. Edição rápida de Markdown no estilo GitHub com visualização ao vivo, diagramas...

O que o teste encontrou: All 186 Playwright Chromium e2e tests pass, static server returns HTTP 200, and desktop CDN libraries are populated. 10 minutos.

Diagramas de arquitetura JavaScript e gráficos de dependência

O que o teste encontrou: 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 minutos.

Arquivo público oficial do código-fonte do Markdeep

O que o teste encontrou: 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 minutos.

Exemplos de aplicativos da Miro Developer Platform

O que o teste encontrou: 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 minutos.

Extensão do VSCode para arquivos D2.

O que o teste encontrou: 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 minutos.

Pré-visualizações de diagramas Mermaid

O que o teste encontrou: 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 minutos.

Um editor markdown: e a ponte para o seu LLM. Local-first, MIT, ~15 MB. O servidor MCP integrado permite que o Claude Code / Codex / Cursor conduza seu vault...

O que o teste encontrou: 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 minutos.

Project flat é o cliente Web, Windows e macOS da sala de aula open source Agora Flat.

O que o teste encontrou: 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 minutos.

Use LLM para transmitir diagramas, em vez de tokens, em tempo real! (Artigo UIST 2023)

O que o teste encontrou: 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 minutos.

Solana Arbitrage Bot cross dex como Raydium, Orca, Meteora swap program com arquitetura em linguagem rust usando anchor frame work

O que o teste encontrou: 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 minutos.

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

O que o teste encontrou: 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 minutos.

Gerador e modelador de aplicativos Jakarta EE 10 & MicroProfile

O que o teste encontrou: 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 minutos.

Anotação de tela leve (~1.5 MB) de código aberto com modo click-through e atalhos focados no teclado. Para demonstrações, ensino, reuniões e gravação de tela...

O que o teste encontrou: 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 minutos.

Dgrm.net - editor de fluxograma. Funciona em desktop, celular e tablet. Não tem dependência. JavaScript puro.

O que o teste encontrou: não foi possível verificar; o log mostra onde ele parou. 1 minuto.

O Kition reúne Markdown, DataTable, WhiteBoard, um AI agent que usa ferramentas, pesquisa no navegador e fluxos de trabalho visuais em um único espaço de...

O que o teste encontrou: não foi possível verificar; o log mostra onde ele parou.