Workshop & Stations
TeachFORGE.ai
Workshop / D3 Visualiser
D3 Visualiser Station
Author interactive D3 visuals from a parametric catalogue — hierarchical, flow, geographic, statistical, network, and time-series — and turn one package into as many classroom versions as you need.
AI can draft. You decide what the class sees.
What D3 Visualiser is
D3 Visualiser is a way of building interactive data visuals without rewriting D3 from scratch every time. You open a parametric package — hierarchical, flow, geographic, statistical, network, or time-series — then drive it with controls while a sandboxed live preview updates.
That matters in teaching because classroom data stories change. Swap a dataset, shift a layout, or show a new slice of the same visual — and keep a figure that still looks intentional on the board.
Why teachers use D3 Visualiser
Hierarchies made visible
Treemaps, sunbursts, and packing views for curriculum shares, topics, and nested groups.
Flows and pathways
Sankey, alluvial, and chord diagrams when movement between categories is the point.
Places with numbers
Choropleth and bubble maps that keep geography and magnitude in one view.
Change over time
Stream graphs, racing bars, and radial timelines for stories that unfold.
On TeachForge, D3 Visualiser is a Workshop Station — parametric-first, built to move from idea to live teaching without leaving the platform.
Inside the D3 Visualiser Station
Like the rest of the Workshop, you get a familiar working space: shape the package on one side, see the live D3 result on the other.
- Six catalogue families — hierarchical, flow, geographic, statistical, network, and time
- GUI visual editor with sliders and controls generated from the package
- Script mode when you want to work closer to the D3 content JSON
- CSV paste into the Data section so class datasets can drive the visual
- Advanced JSON with Apply and Sync for full package control
- Export SVG / PNG / JSON, share, embed, and one-click send to the Whiteboard
How a package becomes a visual
Open a catalogue chart or paste a parametric package
Start from a teaching-ready visual, not a blank canvas.
Edit controls, data, or Script mode
The sandboxed D3 preview re-renders as you change the package.
Export, save, or send it live
Take it to the board, into a question, or out as a file you own.
One visual. Every version of it.
D3 Visualiser is built around parametric packages: teaching visuals driven by controls — sliders, toggles, dropdowns, colours, and age bands — instead of rewriting code every time the example changes.
Change it while you teach
Shift a layout, filter a series, or recolour a category without rebuilding the chart.
Keep the structure, vary the data
The same package can become tomorrow’s starter or a harder follow-up dataset.
Match the room in one step
Age bands shift the look for Early Childhood, Primary, Secondary, and Lifelong teaching.
Stay close to assessment
Controls and JSON packages can feed many practice versions in Quest Ladder.
This Station is parametric-first. Prefer deeper control? Script mode and Advanced JSON stay available — still inside the same classroom instrument.
Ready-made visuals to start from
Open the catalogue and begin with teaching-ready objects, then adapt them to your lesson:
| Area | What you can open |
|---|---|
| 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 help, your way
Need a first draft? Use AI as an assistant — then review, edit, and approve before anything reaches learners.
Copy the prompt
Generate a ready-made prompt and paste it into the chat tool you already use.
Use your own GPU
Connect a local model endpoint in your settings and run generation on hardware you control.
Use your own API key
Add your provider key in settings, choose the model, and generate with your own account.
AI can be wrong. That is exactly why a teacher stays in the loop.
Take the visual where teaching happens
- Whiteboard — put it on the live board and adjust it in front of the class
- Quest Ladder — drop it into questions and explanations
- Virtual Lab — reuse it inside interactive lab work
- Community — share what you built, and build on what other educators shared