Workshop och stationer
TeachFORGE.ai
Workshop / D3 Visualiser
D3 Visualiser Station
Skapa interaktiva D3-visualiseringar från en parametrisk katalog — hierarkiska, flöde, geografiska, statistiska, nätverk och tidsserier — och förvandla ett paket till så många klassrumsversioner du behöver.
AI kan ta fram ett utkast. Du avgör vad klassen ser.
Vad D3 Visualiser är
D3 Visualiser är ett sätt att bygga interaktiva datavisualiseringar utan att skriva om D3 från början varje gång. Du öppnar ett parametriskt paket — hierarkiskt, flöde, geografiskt, statistiskt, nätverk eller tidsserie — och styr det sedan med kontroller medan en sandlådad liveförhandsvisning uppdateras.
Det spelar roll i undervisningen eftersom klassrummets databerättelser ändras. Byt dataset, skifta layout eller visa en ny skiva av samma visualisering — och behåll en figur som fortfarande ser avsiktlig ut på Whiteboarden.
Varför lärare använder D3 Visualiser
Hierarkier som blir synliga
Treemaps, sunbursts och packing-vyer för kursandelar, ämnen och nästlade grupper.
Flöden och vägar
Sankey-, alluvial- och chord-diagram när rörelse mellan kategorier är poängen.
Platser med tal
Koroplet- och bubbelkartor som håller geografi och storlek i en vy.
Förändring över tid
Stream graphs, racing bars och radiella tidslinjer för berättelser som utvecklas.
På TeachForge är D3 Visualiser en Workshop-Station — parametrisk-först, byggd för att gå från idé till liveundervisning utan att lämna plattformen.
Inne i D3 Visualiser Station
Som i resten av Workshop får du ett bekant arbetsutrymme: forma paketet på ena sidan, se det live D3-resultatet på den andra.
- Sex katalogfamiljer — hierarchical, flow, geographic, statistical, network och time
- GUI-visuell redigerare med reglage och kontroller genererade från paketet
- Skriptläge när du vill arbeta närmare D3-innehålls-JSON
- CSV-klistra in i Data-sektionen så att klassdataset kan driva visualiseringen
- Advanced JSON med Apply och Sync för full paketkontroll
- Exportera SVG / PNG / JSON, dela, bädda in och skicka till Whiteboard med ett klick
Hur ett paket blir en visualisering
Öppna ett katalogdiagram eller klistra in ett parametriskt paket
Börja från en undervisningsklar visualisering, inte en tom duk.
Redigera kontroller, data eller Script mode
Den sandlådade D3-förhandsvisningen renderas om när du ändrar paketet.
Exportera, spara eller skicka det live
Ta det till Whiteboarden, in i en fråga eller ut som en fil du äger.
En visualisering. Varje version av den.
D3 Visualiser är byggd kring parametriska paket: undervisningsvisualiseringar styrda av kontroller — reglage, växlar, rullgardiner, färger och åldersband — i stället för att skriva om kod varje gång exemplet ändras.
Ändra det medan du undervisar
Skifta en layout, filtrera en serie eller färgom en kategori utan att bygga om diagrammet.
Behåll strukturen, variera data
Samma paket kan bli morgondagens start eller ett svårare uppföljningsdataset.
Anpassa dig till rummet i ett steg
Åldersband ändrar utseendet för Early Childhood, Primary, Secondary och Lifelong teaching.
Håll dig nära bedömningen
Kontroller och JSON-paket kan mata många övningsversioner i Quest Ladder.
Den här Stationen är parametrisk-först. Vill du ha djupare kontroll? Script mode och Advanced JSON finns kvar — fortfarande i samma klassrumsinstrument.
Färdiga visualiseringar att starta från
Öppna katalogen och börja med undervisningsklara objekt, och anpassa dem sedan till din lektion:
| Area | Vad du kan öppna |
|---|---|
| Hierarchical | Treemap; Sunburst; Dendrogram; Circle packing |
| Flow | Sankey; Chord; Alluvial; Arc diagram |
| Geographic | Choropleth; Bubble map; Cartogram; Flow lines |
| Statistical | Brush/zoom; Scatter with regression; Violin/box; Contour; Number line |
| Network & time | Force-directed; Matrix; Bipartite; Stream; Racing bar; Radial timeline |
AI-hjälp, på ditt sätt
Behöver du ett första utkast? Använd AI som assistent — granska, redigera och godkänn sedan innan något når eleverna.
Kopiera prompten
Skapa en färdig prompt och klistra in den i chattverktyget du redan använder.
Använd din egen GPU
Anslut en lokal modellendpoint i dina inställningar och kör generering på hårdvara du styr.
Använd din egen API-nyckel
Lägg till din leverantörsnyckel i inställningarna, välj modell och generera med ditt eget konto.
AI kan ha fel. Det är precis därför en lärare stannar kvar i loopen.
Ta visualiseringen dit undervisningen sker
- Whiteboard — lägg det på den live Whiteboarden och justera det framför klassen
- Quest Ladder — lägg in det i frågor och förklaringar
- Virtual Lab — återanvänd det i interaktivt labbarbete
- Community — dela det du byggt, och bygg vidare på det andra pedagoger delat