JSON Byte
(json-byte.pages.dev)Ein JSON-Visualisierungstool. Es gibt viele gute JSON-Visualisierungstools. Auch über GeekNews wurden schon einige davon vorgestellt. Ich selbst habe diese Tools ebenfalls sehr nützlich verwendet.
Trotzdem gab es, wie so oft, ein paar Punkte, die mir fehlten, und deshalb habe ich beschlossen, selbst eines zu bauen. Die grundlegenden Funktionen sind wie folgt.
- Visualisierung von JSON-Daten in Form eines Graphen
- Änderungen im Editor werden in der Visualisierung übernommen
- Suchfunktion für Knoten
- Farbunterscheidung nach Typ
Folgende Punkte empfand ich als unpraktisch.
- Ich möchte die Ansicht, die ich gerade sehe, teilen können
- YML-Unterstützung wäre wünschenswert
- Es wäre gut, wenn es auch auf Mobilgeräten gut funktioniert
Das sind die Unterschiede. Ich plane, je nach Bedarf nach und nach weitere Funktionen hinzuzufügen. Falls ihr Feedback habt oder beitragen möchtet, seid ihr herzlich willkommen.
Vielen Dank.
26 Kommentare
Es wäre noch besser, wenn man nur die Knoten, die man per JSONPath finden möchte, hervorheben oder filtern könnte.
Ich möchte auch den Vorschlag machen, ob es nicht gut wäre, eine Funktion zu haben, mit der man in der Minimap per Drag-and-drop navigieren kann .. haha Bei großem JSON ist es nicht gerade einfach, die gewünschten Knoten zu finden T_T
Da die Größe zunimmt, scheint das Rendern ziemlich schwierig zu werden, haha seufz Wir verwenden etwa 500.000 Byte.
Da xyflow DOM-basiert ist, scheint die Performance etwas nachzulassen, wenn es viele Nodes gibt. Eines meiner Ziele ist es auch, die Performance weiter zu verbessern. Vielen Dank.
Standardmäßig alles eingeklappt rendern zu lassen, wäre wohl auch eine mögliche Lösung. Denn ich möchte mir letztlich ohnehin nur einen sehr kleinen Teil davon ansehen.
Oh, sehr ordentlich. Ich werde es immer mal wieder nutzen.
Vielen Dank für das Feedback.
Sehr sauber und hübsch.
Wenn man jedoch zum Dark Theme wechselt, wird nur das Codefenster nicht übernommen.
Das Codefenster wird mit einem separaten Theme verwaltet. Über die Einstellungen neben „Export“ kann man das Theme ändern. Ich hatte zunächst überlegt, es zu koppeln, habe es dann aber separat umgesetzt, um eine größere Auswahl zu ermöglichen.
So etwas habe ich gebraucht, das ist wirklich großartig.
Es wäre schön, wenn es eine Funktion gäbe, mit der sich längere Listen gebündelt anzeigen lassen!
Vielen Dank. Eine Funktion, die Dinge wie
show/lesszusammenfasst, haben wir in der aktuellen Version ausgeschlossen, da es Probleme beim Rendern der Kindknoten gibt. Ich werde noch etwas darüber nachdenken, ob es dafür eine gute Lösung gibt.Gefällt mir!
Danke.
Vielleicht liegt es an Safari, aber auf dem iPad wird es nicht richtig angezeigt.
Auf meinem iPhone wurde es korrekt angezeigt, deshalb war ich beruhigt, aber bei den iPad-Geräten scheint es wieder anders zu sein. Ich schaue nach, sobald ich Zeit habe. Danke.
Klingt gut!
Vielen Dank für Ihr Feedback 👍
Das ist wirklich großartig. Ich habe mich eingeloggt, nur um einen Kommentar zu hinterlassen. haha
Vielen Dank für das Feedback 👍
Oh, ganz gut.
Vielen Dank für das Feedback 👍
Es wäre noch besser, wenn Änderungen in der Visualisierung auch im Editor übernommen würden.
Gute Idee. Ich werde darüber nachdenken, wie wir das anwenden können.
Es wäre schön, wenn man mehrere JSON-Dateien mit Tabs oder Ähnlichem geöffnet haben und beim Arbeiten zwischen ihnen wechseln könnte.
Ich wollte Tab-Unterstützung einbauen, aber es schien die Dinge beim Export/Import komplizierter zu machen, daher habe ich sie in der ersten Veröffentlichung weggelassen. Ich werde sie bald hinzufügen.
Gut, aber es wäre schön, wenn es eine Chrome-Erweiterung gäbe und das Lesen des Dateisystems unterstützt würde.
Aber persönlich finde ich, dass man sich JSON am besten einfach in einem Editor ansieht ^_T
Mit der Importfunktion ist ein Datei-Upload möglich. Über eine Chrome-Erweiterung werde ich nachdenken. Vielen Dank!