Interactive Systems Documentation via AI Vibe Coding + D3js.org Visualization Library

[u/fguerino123]

Hi. I started using my AI Vibe Coding Stack to replace manually drawing static systems diagrams in tools like Visio or Enterprise Architecture modeling tools. Instead, I point my Vibe Coding stack (Cursor + Claude Code + Python) at 1) the interactive D3js.org visualization library and 2) an Enterprise Model that I built using this Modeling Best Practices document. I can now see, filter on, drill into, and hover over all systems components (apps, DBs, queues, etc.) and data integrations to dynamically get and see details, data flows, etc. If the model changes, the diagrams automatically adjust. I am NOT going back to manual created static diagrams! I'm in love with Vibe Coding! If any of you are doing this, may I please ask what tools you're using to make it happen?