Stack Architecture Diagram Generator for Federico Calò's Ollama Framework
Generate interactive SVG diagrams for software architectures. Choose application type, select a template stack and customize each layer. Output includes the diagram itself plus its accompanying JSON specification, an Architecture Decision Record (ADR) explaining design rationale, as well as estimated costs on Hetzner CCX with all processing done client-side entirely.
Stack configuration
Server-side rendered web app (SEO-first)
Spring Boot + Angular SSR + PostgreSQL + Redis
Active Layers
Customize technologies (.
Architecture Results
How it works
Choose the type of application
Select from 9 types. The template is pre-selected based on the context.
Customize the layers
Enable/disable the layer and replace technology with your custom implementation.
Analyze output
SVG Diagram, JSON Spec, Decision Record Rationale and Estimated Costs: Hetzner CCX versus Cloud Managed.
Come utilizzare Stack Architecture Visualizer
Choose your application type
Choose from 9 types (SPA, SSR, SaaS, microservices, data pipeline, AI RAG, real-time...): the template stack is pre-selected accordingly.
Select your template stack
Choose from 8 pre-built templates (MERN, T3, Spring+Angular, FastAPI+React, MLOps...) and customize active layers (frontend, backend, database, cache, queue, CDN, auth, observability).
Create Architecture
Premi "Generate Architecture" and, if necessary, replace a layer's technology with a custom override before regenerating.
Analyze Diagrams, JSON, ADR and Costs
Navigate the Tab Diagram, JSON Spec, ADR Rationale and Cost of getting the SVG diagram, exportable spec, rationale for every choice and estimated costs Hetzner vs Cloud Managed.
Suggerimenti
- Start from an existing template near your use case and then personalize individual layers instead of activating them all from scratch.
- Use Tab ADR Rationale to document architectural choices in your repository as a basis for an actual Architectural Decision Record.
- Compare costs before choosing between self-hosted and cloud-managed: the monthly difference can be significant on multi-layer stacks.
Domande frequenti
How is the monthly cost of self-hosting calculated?
Part of a Hetzner CCX13 base (approx. $13/month) and adds an estimate for each active additional self-hosted layer, visible in the detailed cost table under Cost.
Does the shown cloud cost reflect actual prices of AWS/GCP/Vercel?
Approximate estimate of cloud service equivalents managed, excluding traffic and egress costs. Use only for order of magnitude comparison with self-hosted and cloud-managed services, not as a quote.
What is in the ADR Rationale generated?
A list of Architectural Decision Records, one for each selected layer, that motivates the default technology choice or the eventual personalized override inserted.
Can I replace the technology of a layer with my own?
Yes, after generating the architecture, you can insert a free-text override for each active layer, which is reflected immediately on the diagram, JSON spec, and estimated costs.
How is the recommended Hetzner CCX size chosen?
The tool recommends automatically CCX13, CCX22, CCX32 or CCX52 based on the estimated monthly self-host cost threshold of €20, €40 and €70, visible in the Cost tab.