Visma is a web-based tool that transforms your Prisma schema code into visual database diagrams. Write your Prisma schema on the left, and watch it come to life as an interactive diagram on the right. Perfect for understanding database relationships, sharing schemas with your team, or learning Prisma.

🚀 Features

• 📝 Live Code Editor - Write and edit Prisma schemas with syntax highlighting powered by Monaco Editor (VS Code engine)

• 🎨 Interactive Diagrams - Beautiful, draggable node-based visualizations with React Flow

• 🔗 Relationship Mapping - See how your models connect with labeled relationships (one-to-one, one-to-many, many-to-many)

• 📊 Automatic Layout - Smart positioning of models and enums using Dagre graph layout algorithm

• 🔄 Real-time Updates - Click "Convert to Diagram" to see your changes instantly

• 📏 Resizable Panels - Drag the divider to adjust editor and diagram sizes for optimal workflow

• ✅ Schema Validation - Get instant feedback on your Prisma schema syntax errors

• 🎯 Hover Highlights - Hover over nodes to see their connections light up for better understanding

• 🆓 100% Free - No signup required, no credit card needed, completely open-source

• 🌐 Browser-Based - Works entirely in your browser, no installation required