Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Django Model VisualizerNew to Visual Studio Code? Get it now.
Django Model Visualizer

Django Model Visualizer

Owais Raza

|
2 installs
| (0) | Free
Parse Django models.py files, visualize relationships, export ER diagrams, and suggest performance improvements.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Django Model Visualizer (VS Code Extension)

Visualize Django model relationships and get quick model-level performance hints.

Features

  • Parse all models.py files in the current workspace (excluding migrations).
  • Generate relationship graph for:
    • ForeignKey
    • OneToOneField
    • ManyToManyField
  • Export ER diagram as Mermaid (.mmd / .md).
  • Bonus analysis:
    • Detects risky FK indexing overrides (db_index=False on FK).
    • Suggests likely missing indexes for query-heavy fields.
    • Suggests select_related() / prefetch_related() usage patterns.

Commands

  • Django Model Visualizer: Open Relationship Graph
  • Django Model Visualizer: Export ER Diagram
  • Django Model Visualizer: Analyze Model Performance

Run Locally

  1. Install dependencies:
npm install
  1. Build:
npm run compile
  1. Press F5 in VS Code to launch Extension Development Host.

Notes

  • The parser is heuristic (regex + indentation-aware blocks) and targets common Django model styles.
  • Very dynamic model definitions and heavily multi-line field declarations may require parser enhancements.
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft