macOS-App · internes Werkzeug
Entity Visualizer – Datenmodelle sichtbar machen
Unser eigenes Werkzeug für Symfony-Projekte: Doctrine-Entities und SQL-Dumps werden zum interaktiven ER-Diagramm – und Änderungen im Diagramm wieder zu Entity-Klassen.
Das Projekt
Ein Werkzeug für unsere eigene Arbeit
Ausgangslage
In gewachsenen Symfony-Projekten verteilt sich das Datenmodell über viele Entity-Klassen. Wer ein Projekt übernimmt oder erweitert, braucht zuerst einen Überblick – und den liefert der Code allein nicht.
Lösung
Der Entity Visualizer ist eine Desktop-App mit geteiltem Fenster: links ein Code-Editor mit einer eigenen Beschreibungssprache, rechts das interaktive ER-Diagramm. Beide Seiten bleiben synchron.
- Import von Doctrine-Entity-Dateien und MySQL/MariaDB-SQL-Dumps
- Export des Diagramms als PNG oder SVG
- Erzeugung von Symfony-Entity-Klassen aus dem Diagramm
- Dunkles Farbschema als Standard, helles auf Wunsch
Technik und Stand
Electron mit React und TypeScript, gebaut mit Vite; das Diagramm basiert auf React Flow, der Editor auf Monaco, getestet wird mit Vitest. Der Entity Visualizer ist ein internes Werkzeug, das wir 2026 für unsere eigenen Projekte entwickelt haben. Er ist nicht öffentlich erhältlich.
In Zahlen
Der Entity Visualizer auf einen Blick
- Importformate: Entities und SQL-Dumps
- 2
- Bildformate für den Export
- 2
- Richtungen: Code zu Diagramm und zurück
- 2
- Plattform: macOS
- 1
Technologie
Womit der Entity Visualizer gebaut ist
Web-Technik auf dem Desktop: React-Komponenten für Diagramm und Editor, verpackt als Electron-App für macOS.
- Electron
- React
- TypeScript
- React Flow
- Monaco Editor
- Tailwind CSS