DEV Community

Sudhanshu Ambastha
Sudhanshu Ambastha

Posted on

Ambastha Diagrams: A Beta Tool for Easy Diagramming in VS Code

We've all been there: you’re in a classroom, a lab, or on a sandboxed device where you can't install your preferred tools. You need to draw a quick diagram, but you're forced to use bulky, slow, 'enterprise-grade' tools that take ten minutes just to load and another ten to figure out how to use.

Let's be real: I’m lazy. I don't want to spend time wrestling with complex syntax just to draw a flowchart. I wanted a syntax that is as simple as possible to write by hand, but also easy for an AI to generate when I give it an example.

That’s why I built Ambastha Diagrams.
You can find the source code, documentation, and the core rendering engine repository here:Ambastha Diagram

Why I built it:

  • AI-Ready: The syntax is clean and structured, making it incredibly easy for LLMs to generate valid code from a simple prompt.
  • Lightweight: Designed for speed, it works everywhere—including vscode.dev—without the bloat.
  • Output Consistency: While I wanted a lightweight experience, I refused to compromise on the output. It remains precisely consistent with the standard diagrams required in my college assignments, so I get the speed of my own tool with the compliance of the "official" ones.

Seeking your feedback
This project is currently in Beta and licensed under Apache 2.0. I’m at a crossroads regarding the roadmap and would love your input:

  • Should I continue adding more features, or focus on refining the core rendering engine for speed?
  • Is this a tool that would make your classroom or dev setup easier?
  • How can I make the diagram syntax even simpler?
  • If you use AI assistants (ChatGPT/Claude/Gemini), try pasting my .abd syntax into your prompt and ask it to generate a diagram. I’d love to know how well it handles it! for ex:-
pert
type: aoa
activity: 1-2, 2-3, 2-4, 3-5, 4-5
optimistic: 2, 5, 1, 3, 2
likely: 4, 7, 2, 4, 3
pessimistic: 6, 9, 3, 5, 4
Enter fullscreen mode Exit fullscreen mode

ex output:-
Diagram showing a PERT chart generated from Ambastha Diagrams syntax

I would love your review, feedback, or any suggestions you might have. If you find this useful, let me know—it will keep me motivated to keep building!

Top comments (0)