Herramientas de diagramas y pizarras de código abierto, probadas

:art: Diagram as Code para prototipar arquitecturas de sistemas en la nube

Lo que encontró la prueba: 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.

Herramienta de pizarra de código abierto (SaaS), una pizarra todo en uno que incluye mapas mentales, diagramas de flujo, dibujo libre, etc.

Lo que encontró la prueba: 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.

Dibuja diagramas de flujo SVG simples a partir de la representación textual del diagrama.

Lo que encontró la prueba: flowchart.js builds, parses DSL, and renders SVG flowcharts in the browser via the dev server, confirmed with Puppeteer headless browser. 8 minutos.

FlowGram es un framework de desarrollo de flujos de trabajo extensible con lienzo, formulario, variable y materiales integrados, que ayuda a los...

Lo que encontró la prueba: 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 diagramación en JavaScript que utiliza SVG y HTML para el renderizado.

Lo que encontró la prueba: 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.

Answer me with HTML: un agent skill que responde preguntas difíciles con un HTML de una página que realmente puedes leer. Haz que el AI Agent responda...

Lo que encontró la prueba: 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.

Convierte tus garabatos de diagramas ASCII en pequeños y felices SVG.

Lo que encontró la prueba: 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 interactivo de los métodos de ciclo de vida de React.

Lo que encontró la prueba: 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.

Un editor moderno de diagramas conmutativos para la web.

Lo que encontró la prueba: 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 renderizado de diagramas de temporización digitales

Lo que encontró la prueba: 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.

El atrevido renderizador de diagramas UML

Lo que encontró la prueba: 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.

¡Un potente tablero de dibujo multi-extremo que reúne muchos pinceles creativos para experimentar una gama completamente nueva de efectos de dibujo!

Lo que encontró la prueba: 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.

Generador de diagramas de clases PlantUML para proyectos golang

Lo que encontró la prueba: 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.

Lee tu tfstate o HCL para generar un gráfico específico para cada proveedor, mostrando solo los recursos que son más importantes/relevantes.

Lo que encontró la prueba: 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.

Un renderizador rápido y nativo de diagramas Mermaid en Rust. No requiere navegador. 500-1000x más rápido que mermaid-cli.

Lo que encontró la prueba: 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.

Agent skill: describe tu pila en una frase, obtén un diagrama de arquitectura con logos oficiales.

Lo que encontró la prueba: 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 de Vue para la Konva 2d canvas library. Crea gráficos interactivos, editores de diseño y pizarras en Vue.

Lo que encontró la prueba: 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.

Una biblioteca extensible de texto a diagramas que funciona tanto en navegador como en node.js

Lo que encontró la prueba: 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 dibuja diagramas de red dinámicamente a partir de un archivo de texto que describe la ubicación, el diseño y los iconos. Dado un archivo yaml que...

Lo que encontró la prueba: 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.

Un lenguaje de diagramas de texto donde dices dónde van las cosas. Playground: reladraw.github.io/reladraw

Lo que encontró la prueba: 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 temporización digital

Lo que encontró la prueba: 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.

Aplicación de CLI para convertir arte ASCII en diagramas dibujados a mano.

Lo que encontró la prueba: 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.

Crea y edita dibujos mediante conversación.

Lo que encontró la prueba: 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 colaborativo ligero / Sketchboard

Lo que encontró la prueba: 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.

El SDK de pizarra de lienzo infinito con licencia MIT. Una alternativa de código abierto a tldraw. Sin costo de licencia, gratuita para uso comercial. React...

Lo que encontró la prueba: Quickdraw monorepo installs cleanly, all 134 tests pass (131 vitest + 3 sync), and TypeScript typechecking passes. 2 minutos.

ngDiagram: biblioteca Angular de código abierto para diagramas interactivos, editores basados en nodos y constructores de flujos de trabajo. Angular primero...

Lo que encontró la prueba: 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 nodos nativa de Angular para creadores de flujos de trabajo de producción, pipelines de IA y editores de diagramas interactivos. Con...

Lo que encontró la prueba: All 329 unit tests for @foblex/flow pass on Node.js 20.20.2 with Chrome 148 headless and --no-sandbox. 13 minutos.

Un plugin para integrar tldraw en Obsidian.

Lo que encontró la prueba: 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.

Un paquete de Python open source que genera diagramas de pines de hardware como imágenes SVG.

Lo que encontró la prueba: 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 premium dibujados a mano, de arquitectura y procesos, animados y con fondo oscuro. Genera editable.excalidraw + PNG + GIF realmente animado. Skill de...

Lo que encontró la prueba: 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.

Renderiza diagramas PlantUML en archivos README y documentación de GitHub en Markdown: imágenes clicables de diagramas a partir de archivos.puml, enlazadas...

Lo que encontró la prueba: 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.

Genera diagramas UML a partir del código fuente de TypeScript.

Lo que encontró la prueba: 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.

Herramienta de diagramación de arquitectura de software. Incluye un Frontend + Backend + CLI moderno y fácil de usar para permitir la gestión de diagramas...

Lo que encontró la prueba: 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.

Una herramienta de línea de comandos para convertir diagramas de Excalidraw a Gliffy, draw.io y Mermaid.

Lo que encontró la prueba: 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 de PlantUML y otras inclusiones para diagramas Archimate

Lo que encontró la prueba: 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.

Transforma el código en un diagrama de flujo y traza experimentalmente la ruta de ejecución a través de él.

Lo que encontró la prueba: 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.

Crea hermosos diagramas isométricos de infraestructura. (Una continuación de stan-smith/FossFLOW)

Lo que encontró la prueba: 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.

Agent skill que convierte fuentes de lenguaje natural, código, Terraform/K8s, SQL, OpenAPI, AsyncAPI, Protobuf y GraphQL en diagramas de arquitectura draw.io...

Lo que encontró la prueba: 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 no tienen un proceso de contratación roto

Lo que encontró la prueba: Dependencies installed, lint plugin pipeline loaded, and remark-lint reports zero issues on the full README.md. 2 minutos.

Genera diagramas editables en Excalidraw a partir de texto o JSON para agents y flujos de trabajo de desarrolladores.

Lo que encontró la prueba: 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 de React para la biblioteca de lienzo 2d de Konva. Construye gráficos interactivos, editores de diseño y pizarras con JSX.

Lo que encontró la prueba: 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.

Envoltorio de Vue.js para Chart.js

Lo que encontró la prueba: 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 infraestructura homelab self-hosted: diagrama de red interactivo con monitoreo de estado en vivo.

Lo que encontró la prueba: 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.

Un Markdown Editor que vive en tu navegador, escritorio y una sola URL. Edición rápida de Markdown al estilo GitHub con vista previa en vivo, diagramas, LaTeX...

Lo que encontró la prueba: All 186 Playwright Chromium e2e tests pass, static server returns HTTP 200, and desktop CDN libraries are populated. 10 minutos.

Diagramas de arquitectura JavaScript y gráficos de dependencias

Lo que encontró la prueba: 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.

Archivo público oficial del código fuente de Markdeep

Lo que encontró la prueba: 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.

Ejemplos de aplicaciones de Miro Developer Platform

Lo que encontró la prueba: 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.

Extensión de VSCode para archivos D2.

Lo que encontró la prueba: 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.

Vistas previas de diagramas Mermaid

Lo que encontró la prueba: 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.

Un editor de Markdown, y el puente hacia tu LLM. Local-first, MIT, ~15 MB. El servidor MCP incluido permite que Claude Code / Codex / Cursor manejen tu vault...

Lo que encontró la prueba: 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.

Proyecto flat es el cliente web, Windows y macOS de Agora Flat, el aula de código abierto.

Lo que encontró la prueba: 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.

¡Usa LLM para transmitir diagramas en tiempo real, en lugar de tokens! (Artículo de UIST 2023)

Lo que encontró la prueba: 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.

Bot de arbitraje de Solana entre DEX como Raydium, Orca y Meteora, programa de swap con arquitectura en lenguaje Rust usando el framework Anchor.

Lo que encontró la prueba: 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 es un motor 2d de respuesta a datos en tiempo real e interacción, que se puede utilizar para necesidades de visualización como configuración web...

Lo que encontró la prueba: 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.

Generador y modelador de aplicaciones Jakarta EE 10 & MicroProfile

Lo que encontró la prueba: 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.

Anotación de pantalla de código abierto y ligera (~1.5 MB) con modo de clic a través y atajos centrados en el teclado. Para demos, enseñanza, reuniones y...

Lo que encontró la prueba: 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 diagramas de flujo. Funciona en escritorio, teléfono y tableta. No tiene dependencias. JavaScript puro.

Lo que encontró la prueba: no se pudo verificar; el log muestra dónde se detuvo. 1 minuto.

Kition trae Markdown, DataTable, WhiteBoard, un AI agent que usa herramientas, investigación en navegador y flujos de trabajo visuales a un espacio de trabajo...

Lo que encontró la prueba: no se pudo verificar; el log muestra dónde se detuvo.