Workshop und Stationen
TeachFORGE.ai
Workshop / D3 Visualiser
D3 Visualiser Station
Verfassen Sie interaktive D3-Visualisierungen aus einem parametrischen Katalog — hierarchisch, Fluss, geografisch, statistisch, Netzwerk und Zeitreihen — und verwandeln Sie ein Paket in so viele Klassenversionen, wie Sie brauchen.
KI kann entwerfen. Sie entscheiden, was die Klasse sieht.
Was D3 Visualiser ist
D3 Visualiser ist eine Art, interaktive Datenvisualisierungen zu bauen, ohne jedes Mal D3 von Grund auf neu zu schreiben. Sie öffnen ein parametrisches Paket — hierarchisch, Fluss, geografisch, statistisch, Netzwerk oder Zeit — und steuern Layout, Daten und Aussehen über Bedienelemente.
Das zählt im Unterricht, weil Klassenzimmer-Datengeschichten sich ändern. Tauschen Sie einen Datensatz, verschieben Sie ein Layout oder zeigen Sie einen neuen Ausschnitt derselben Visualisierung — und behalten Sie eine Figur, die auf dem Board absichtsvoll wirkt.
Warum Lehrkräfte D3 Visualiser nutzen
Hierarchien sichtbar gemacht
Treemaps, Sunbursts und Packing-Ansichten für Curriculum-Anteile, Themen und verschachtelte Gruppen.
Flüsse und Pfade
Sankey-, Alluvial- und Chord-Diagramme, wenn Bewegung zwischen Kategorien der Punkt ist.
Orte mit Zahlen
Choroplethen- und Bubble-Karten, die Geografie und Größe in einer Ansicht halten.
Veränderung über die Zeit
Stream-Graphen, Racing Bars und radiale Zeitachsen für Geschichten, die sich entfalten.
Auf TeachForge ist D3 Visualiser eine Workshop-Station — parametrisch zuerst, gebaut, um von der Idee zum Live-Unterricht zu kommen, ohne die Plattform zu verlassen.
In der D3 Visualiser Station
Wie der übrige Workshop erhalten Sie einen vertrauten Arbeitsraum: das Paket auf der einen Seite formen, das Live-D3-Ergebnis auf der anderen sehen.
- Sechs Katalogfamilien — hierarchisch, Fluss, geografisch, statistisch, Netzwerk und Zeit
- GUI-Visueller Editor mit Schiebereglern und Steuerungen, die aus dem Paket erzeugt werden
- Skriptmodus wenn Sie näher am D3-Inhalts-JSON arbeiten wollen
- CSV in den Datenbereich einfügen damit Klassendatensätze die Visualisierung antreiben können
- Advanced JSON mit Apply und Sync für volle Paketkontrolle
- SVG / PNG / JSON exportieren, Teilen, Einbetten und mit einem Klick an das Whiteboard senden
Wie ein Paket zur Visualisierung wird
Öffnen Sie ein Katalog-Chart oder fügen Sie ein parametrisches Paket ein
Starten Sie von einer unterrichtsbereiten Visualisierung, nicht von einer leeren Leinwand.
Steuerungen, Daten oder Skriptmodus bearbeiten
Die sandboxierte D3-Vorschau rendert neu, wenn Sie das Paket ändern.
Exportieren, speichern oder live senden
Nehmen Sie es auf das Board, in eine Frage oder hinaus als Datei, die Ihnen gehört.
Eine Visualisierung. Alle ihre Versionen.
D3 Visualiser ist aufgebaut um parametrische Pakete: Lehrvisualisierungen, gesteuert über Bedienelemente — Schieberegler, Schalter, Dropdowns, Farben und Altersbänder — statt den Code jedes Mal neu zu schreiben, wenn sich das Beispiel ändert.
Ändern Sie es während des Unterrichts
Verschieben Sie ein Layout, filtern Sie eine Reihe oder färben Sie eine Kategorie neu, ohne das Chart neu zu bauen.
Struktur behalten, Daten variieren
Dasselbe Paket kann zum morgigen Einstieg oder zu einem schwierigeren Folge-Datensatz werden.
Den Raum in einem Schritt treffen
Altersbänder verschieben das Aussehen für Early Childhood, Primary, Secondary und Lifelong Teaching.
Nah an der Bewertung bleiben
Steuerungen und JSON-Pakete können viele Übungsversionen in Quest Ladder speisen.
Diese Station ist parametrisch zuerst. Mehr Kontrolle? Skriptmodus und Advanced JSON bleiben verfügbar — weiterhin im selben Klassenraum-Instrument.
Fertige Visualisierungen zum Starten
Öffnen Sie den Katalog, beginnen Sie mit unterrichtsbereiten Objekten und passen Sie sie an Ihre Stunde an:
| Bereich | Was Sie öffnen können |
|---|---|
| Hierarchisch | Treemap; Sunburst; Dendrogramm; Circle Packing |
| Fluss | Sankey; Chord; Alluvial; Arc-Diagramm |
| Geografisch | Choropleth; Bubble-Karte; Kartogramm; Flusslinien |
| Statistisch | Brush/Zoom; Streuung mit Regression; Violin/Box; Kontur; Zahlenstrahl |
| Netzwerk & Zeit | Force-directed; Matrix; Bipartit; Stream; Racing Bar; Radiale Zeitachse |
KI-Hilfe, auf Ihre Weise
Brauchen Sie einen ersten Entwurf? Nutzen Sie KI als Assistentin — prüfen, bearbeiten und freigeben, bevor etwas Lernende erreicht.
Prompt kopieren
Erzeugen Sie einen fertigen Prompt und fügen Sie ihn in das Chat-Tool ein, das Sie bereits nutzen.
Eigene GPU nutzen
Verbinden Sie in den Einstellungen einen lokalen Modell-Endpunkt und führen Sie die Generierung auf Hardware aus, die Sie kontrollieren.
Eigenen API-Schlüssel nutzen
Fügen Sie Ihren Anbieter-Schlüssel in den Einstellungen hinzu, wählen Sie das Modell und generieren Sie mit Ihrem eigenen Konto.
KI kann falsch liegen. Genau deshalb bleibt eine Lehrkraft im Kreislauf.
Nehmen Sie die Visualisierung dorthin, wo unterrichtet wird
- Whiteboard — legen Sie es auf das Live-Board und passen Sie es vor der Klasse an
- Quest Ladder — fügen Sie es in Fragen und Erklärungen ein
- Virtual Lab — nutzen Sie es in interaktiver Lab-Arbeit erneut
- Community — teilen Sie, was Sie gebaut haben, und bauen Sie auf dem auf, was andere Pädagoginnen und Pädagogen geteilt haben