MongoDB Schema Visualizer

Visualize your MongoDB collections, fields, and relationships — right inside VS Code. No more switching to Compass or guessing your schema from old code.

Features

• Connects directly to your MongoDB database (Atlas or self-hosted)
• Samples your collections and infers field names, types, and likely relationships
• Renders an interactive, color-coded diagram with all collections at a glance
• Always-visible field details — no digging through nested panels
• Filter collections by name when you have a lot of them

Getting Started

1. Install the extension
2. Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P)
3. Run "MongoDB: Visualize Schema"
4. Paste your MongoDB connection string when prompted — or set it once permanently via "MongoDB: Set Connection String"
5. Pick a database if you have more than one
6. Your schema diagram opens in a new panel

No MongoDB instance handy? A free MongoDB Atlas cluster works great for testing.

Free vs Pro

• Free: visualize up to 5 collections — plenty for small projects
• Pro (one-time purchase): unlimited collections

Get the Pro license →

After purchasing, you'll receive a license key by email. Activate it via Command Palette → "MongoDB Schema Visualizer: Activate Pro License".

Privacy

Your connection string and data stay local between your machine and your own MongoDB server. The only outbound call this extension makes elsewhere is to Gumroad's license verification API, and only when you activate a Pro license.

Feedback

Found a bug or have a feature request? Use the Q&A tab on this Marketplace listing — feedback is genuinely welcome.