Die Arbeitsweise
AntV G6 Graph konzentriert sich auf die Visualisierung vernetzter Daten: Netzwerke, Bäume, Hierarchien, Mindmaps und andere Knoten-Kanten-Strukturen. Der erfasste Skill zielt auf G6 v5 und organisiert den Graphen über deklarative Konfiguration für Daten, Layout, Erscheinungsbild, Verhalten und Plugins. Die zentrale Frage lautet, wie eine Beziehungsstruktur dargestellt und erkundet werden soll.
Der Eintrag verbindet konkrete Hinweise zur v5-Migration mit einem Remote-Dienst zum Abrufen von Referenzen für Spezialthemen. Er grenzt G6 von statistischen G2-Diagrammen und X6-Diagrammeditoren ab. Ein Knoten-Kanten-Bild kann einer Editor-Oberfläche ähneln, doch ein bestehendes Netzwerk darzustellen ist eine andere Aufgabe, als Nutzern das Erstellen und Speichern eines Workflows zu ermöglichen.
Erwartete Ergebnisse
- JavaScript für eine G6-Graphansicht, konfiguriert für einen bereitgestellten Beziehungsdatensatz
- Eine Layout- und Darstellungsentscheidung für Knoten, Kanten und Gruppen
- Explizite Erkundungsfunktionen wie Zoomen, Ziehen oder Auswählen
Vom Briefing zur Prüfung
- 01Beziehungsdaten validieren
Identifizieren Sie jeden Knoten mit einer eindeutigen ID und stellen Sie sicher, dass Kantenenden auf die gemeinten Knoten verweisen. Trennen Sie Beschriftungen und visuelle Attribute von der Beziehung selbst.
- 02Ansicht wählen
Ordnen Sie die Struktur einem passenden Layout zu, etwa kraftbasiert, Baum, Hierarchie oder radial. Rufen Sie die relevante G6-Referenz ab, wenn die Konfigurationsdetails über die Eintragsdatei hinausgehen.
- 03G6 v5 konfigurieren
Nutzen Sie die dokumentierten Konventionen für Daten, Stil, Verhalten und Rendering der Zielversion, statt aus dem Gedächtnis v4-Konfiguration einzumischen.
- 04Graph prüfen
Prüfen Sie gerenderte Beschriftungen, Endpunktbeziehungen, Lesbarkeit des Layouts und die vorgesehenen Interaktionen in der tatsächlichen Browser-Laufzeit. Sehen Sie sich dichte oder unverbundene Bereiche an, nicht nur ein ordentliches Beispiel.