AGENT LAB Interaktive Diagrammwerkzeuge

 

# Eine Diagrammkonfiguration bearbeiten und validieren.

 

Zeichnen Sie das Diagramm, untersuchen Sie seine describe()-Ausgabe und kopieren Sie die Konfiguration in Ihr Projekt.

Browser-APIs · Bibliothek 1.1.5

 

Beispiel auswählenTagesverkehrNachtschichtLead-Ergebnisse · Kostenloser Core

 

Anfragen nach Zeit und KanalErfundene Daten · 30-Minuten-Fenster · UTC

 RADIAL COLUMN PREMIUM

 

[Diagramm]  [Konfiguration { }]  [Beschreiben]  [Einbinden ›_]

Gezeichnet

 

Winkel TageszeitLänge AnfragenInnerer Ring Kanalmix

 

Diagrammaggregat—

Höchster gezeichneter Wert—

Kategorie—

 

traffic.jsonBearbeitbar · Portable WCC-Konfiguration

  

Bearbeiten Sie das JSON und wählen Sie dann „Validieren & zeichnen“. Der echte Bibliotheksvalidator prüft die Optionen anhand des versionierten Schemas 1.1.5. Die Darstellung nutzt das gewählte Design und die verfügbare Diagrammbreite.

 

Gezeichneter Zustand → Semantischer Textchart.describe() · Tatsächliche Renderer-Ausgabe

 

```

```

**Strukturiertes describe()-Modell untersuchen** 

```

```

 

**Daten hinter diesem Diagramm untersuchen 48 Zeilen** 

Gezeichnete Diagrammdaten

 

Diese Konfiguration verwendenEchte Syntax · Befehle werden hier nicht ausgeführt

 

```

```

**Befehlszeilenablauf** 

```

```

**MCP-Aufruf: render_chart** 

```

```

Speichern Sie die Konfiguration als chart.json. Installieren Sie die öffentlichen Agentenwerkzeuge neben der Bibliothek. Premium benötigt das separat bereitgestellte Komplettpaket und einen privaten Lizenzschlüssel. Diese Seite führt die Bibliothek im Browser aus, keinen CLI- oder MCP-Server.

 

01 / Tagesverkehr · Gezeichneter Zustand

[Konfiguration kopieren] [JSON herunterladen ↓]

  

## Konfigurationsprüfung

Validieren Sie Ihre Änderungen oder fügen Sie eine falsch geschriebene Option ein, um die vorgeschlagene Korrektur zu erproben.

 

- 01

Mit einem Beispiel beginnenEine echte Konfiguration, bereit zur Prüfung.
- 02

Die Konfiguration validierenDie genaue Option und ihren Wert finden.
- 03

Das gezeichnete Diagramm untersuchenDiagramm und Text aus demselben Zustand.

 

[Validieren & zeichnen ↗] [Absichtlichen Fehler ausprobieren] [Vorgeschlagene Korrektur anwenden & zeichnen ↗]

 

✓Konfiguration wird geprüft

Der echte Validator und Renderer werden geladen.

```

```

 

Agent tools 0.2.3 · Tested library 1.1.5. Available from npm and the versioned GitHub release. Commands shown here are integration examples; this page runs the browser APIs directly. [Agent-Werkzeuge installieren →](/docs/mcp/)

 

## Gezeichnete Diagrammdaten

Beschreibung, Aggregate, Skalen und Tabelle stammen direkt aus chart.describe() des gezeichneten Diagramms. Wählen Sie ein Ringsegment und öffnen Sie anschließend „Beschreiben“.

## Validierung und Korrekturvorschläge

Der Bibliotheksvalidator liefert den genauen Pfad, JSON Pointer und einen Korrekturvorschlag. Wenden Sie ihn über dieselbe API an, die auch ein Agent nutzt.

## Export und Integration

Kopieren Sie Optionen, laden Sie das strukturierte Modell herunter oder verwenden Sie die Import- und Werkzeugaufrufbeispiele. Für den Browserablauf benötigen Sie kein Konto.