ToDiagram
I’ve been working on creating diagrams from JSON, YAML and similar formats for about three years. Over time it has grown into a general-purpose diagramming tool. With the recent addition of the MCP Server and ToDiagram Chat, I’m optimistic about where it’s headed. You can use your own OpenAI key, stored locally, without needing to sign up and generate diagrams by using natural language.
ToDiagram launched on December 5, 2024 with 14 votes, #1,097 of 5,365 launches that month and more than 50% of that year's launches. The site was still online in September 2026, 1 year on.
What it does
ToDiagram is a data editor that simplifies JSON, YAML, XML and CSV visualization and editing. Convert complex data into clear, interactive diagrams and trees for easy exploration and modification.
ToDiagram turns JSON, YAML, XML, CSV and Mermaid into interactive diagrams. Visualize payloads, schemas, and flows — or build custom node/edge diagrams from scratch.
Paste any structured data — or build your own with custom nodes and edges. No setup, no schema ceremony. The editor parses as you type and lays out nodes with ELK. Drag to rearrange, click to inspect, export as PNG, JPEG, or SVG. { "type" : "NetworkGraph" , "version" : 2 , "metric" : "etx" , "router_id" : "172.16.40.24" , "label" : "Test Network" , "nodes" : [ { "id" : 123 , "label" : "node A" }, { "id" : "172.16.40.60" , "label" : "node B" }, { "id" : "172.16.41.1" , "label" : "node C" } ] } Open at Editor — 02 / Who's it for Three kinds of messy data. One clean view. Whether you're debugging a webhook at 11pm, mapping a dataset, or dropping a diagram into a deck — ToDiagram gives the same…from todiagram.com
Does a similar job
all alternatives →
Programmatically Generate Diagrams for GitHub Readmes2019 · github.com · ▲220🧜♀️ RESTful rendering pipeline for generating sequence and UML diagrams using Mermaid for Markdown docs (Diagrams as a Service) - Schachte/Mermrender
GitDiagram2025 · gitdiagram.com · ▲342GitDiagram is an open-source micro dev-tool that I made this past week Given any public GitHub repository it generates diagrams in Mermaid.js with Claude 3.5 Sonnet I extract information from the file tree and README for details and interactivity (you can click components to be taken to relevant files and directories) Also, you can replace "hub" with "diagram" in any repository URL to access its diagram I created this because I wanted to contribute to open-source projects but quickly realized their codebases are too massive for me to dig through manually, so this helps me get started I do…
Diagram as code tool with draggable customizationsOct 2025 · github.com · ▲266In the past I've used declarative diagram generation tools like Mermaid.js a lot for quickly drawing up things but for presentations or deliverables I find that I have to then move the generated diagrams over to a tool like Lucidchart which allows full control of the organization and customization. Therefore I am now working on this to combine the benefits of both into just one tool which can do both functions. The project is certainly in the early stages but if you find yourself making architecture diagrams I'd love to hear your thoughts on the idea or even a Github issue for a feature…
TSDiagram – Diagrams as Code with TypeScript2023 · tsdiagram.com · ▲130Made an online tool for creating diagrams with TypeScript. I quite like it for thinking about how to shape my data, even if I end up using a different language in the end.
Documind – Open-source AI tool to turn documents into structured data2024 · github.com · ▲169Documind is an open-source tool that turns documents into structured data using AI. What it does: - Extracts specific data from PDFs based on your custom schema - Returns clean, structured JSON that's ready to use - Works with just a PDF link + your schema definition Just run npm install documind to get started.
- TMTypograms, Markdown-like renderer for ASCII diagrams2022 · code.sgo.to · ▲140
More dev tools this month
the category →
open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.
Dev tools · 29d ago · github.com
Contribute to reladraw/reladraw development by creating an account on GitHub.
Dev tools · 27d ago · github.com
Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.
Dev tools · 16h ago · github.com
OpenBot▲362Grok Bot alternative: free, local, open-source, multiplayer
Dev tools · 24d ago · openbot.run
Talanoa▲346Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…
Dev tools · 21d ago · talanoa.email
Source: Product Hunt launch ↗
