Elixir and Phoenix Project Visualization Tools
Key Elixir project visualization tools: Swark (AI-powered Mermaid diagrams), mix xref graph (built-in dependencies), DepViz (recompilation), and LiveDashboard (runtime supervision trees).
Tools for recovering or building a mental model of an Elixir/Phoenix project, especially after heavy AI-assisted development: Elixir-specific: - `mix xref graph --format dot` (built-in): generates module dependency graphs, pipe to Graphviz for rendering - DepViz: visualizes recompilation dependencies between modules - Visualixir: runtime process visualization for OTP supervision trees - Phoenix LiveDashboard: built-in supervision tree viewer (ships with Phoenix) General-purpose (work with any language): - Swark VS Code extension: AI-powered, generates Mermaid architecture diagrams automatically. Recommended as first tool to try. - Code Diagram (VS Code): static code structure diagrams - CodeCharta: 3D city metaphor visualization of codebase metrics Recommended order for Elixir projects: Swark (quick AI overview) → mix xref graph (dependency details) → DepViz (recompilation chains).