Workshop at Mga Istasyon
TeachFORGE.ai
Workshop / D3 Visualiser
Istasyon ng D3 Visualiser
Sumulat ng interaktibong mga biswal ng D3 mula sa parametric na katalogo — hierarchical, daloy, heograpiko, istatistikal, network, at time-series — at gawing kasing dami ng kailangan mong bersyon ng klase ang isang package.
Maaaring mag-draft ang AI. Ikaw ang magpapasya kung ano ang makikita ng klase.
Ano ang D3 Visualiser
Ang D3 Visualiser ay paraan ng paggawa ng interaktibong biswal ng datos nang hindi isinusulat muli ang D3 mula sa simula sa tuwing kailangan. Magbubukas ka ng parametric na package — hierarchical, daloy, heograpiko, istatistikal, network, o time-series — pagkatapos ay patakbuhin ng mga kontrol habang nag-a-update ang naka-sandbox na live na silipin.
Mahalaga iyon sa pagtuturo dahil nagbabago ang mga kuwento ng datos sa klase. Palitan ang dataset, ilipat ang layout, o ipakita ang bagong hiwa ng iisang biswal — at panatilihin ang figure na mukhang may hangarin pa rin sa pisara.
Bakit ginagamit ng mga guro ang D3 Visualiser
Mga hierarchy na nakikita
Mga treemap, sunburst, at packing na tanawin para sa bahagi ng kurikulum, mga paksa, at nested na grupo.
Mga daloy at landas
Mga diagram na Sankey, alluvial, at chord kapag ang punto ay ang galaw sa pagitan ng mga kategorya.
Mga lugar na may numero
Mga choropleth at bubble map na pinagsasama ang heograpiya at magnitude sa iisang tanawin.
Pagbabago sa paglipas ng panahon
Mga stream graph, racing bar, at radial na timeline para sa mga kuwentong nagbubukas.
Sa TeachForge, ang D3 Visualiser ay Istasyon ng Workshop — parametric muna, ginawa upang lumipat mula sa ideya tungo sa live na pagtuturo nang hindi umaalis sa plataporma.
Sa loob ng Istasyon ng D3 Visualiser
Tulad ng iba pang bahagi ng Workshop, makakakuha ka ng pamilyar na espasyo sa paggawa: hubugin ang package sa isang panig, tingnan ang live na resulta ng D3 sa kabila.
- Anim na pamilya sa katalogo — hierarchical, daloy, heograpiko, istatistikal, network, at oras
- GUI na editor ng biswal na may mga slider at kontrol na nabuong mula sa package
- Mode ng script kapag gusto mong magtrabaho nang mas malapit sa content JSON ng D3
- I-paste ang CSV sa seksyon ng Datos upang mapatakbo ng mga dataset ng klase ang biswal
- Advanced JSON na may Apply at Sync para sa ganap na kontrol ng package
- I-export ang SVG / PNG / JSON, ibahagi, i-embed, at isang-click na pagpapadala sa Whiteboard
Paano nagiging biswal ang isang package
Magbukas ng tsart sa katalogo o i-paste ang parametric na package
Magsimula sa biswal na handa sa pagtuturo, hindi sa blangkong canvas.
I-edit ang mga kontrol, datos, o mode ng script
Muling nagre-render ang naka-sandbox na silipin ng D3 habang binabago mo ang package.
I-export, i-save, o ipadala nang live
Dalhin sa pisara, sa tanong, o palabas bilang file na sa iyo.
Isang biswal. Bawat bersyon nito.
Binuo ang D3 Visualiser sa paligid ng mga parametric na pakete: mga biswal na pampagtuturo na pinapatakbo ng mga kontrol — mga slider, toggle, dropdown, kulay, at pangkat-edad — sa halip na isulat muli ang code sa tuwing nagbabago ang halimbawa.
Baguhin ito habang nagtuturo ka
Ilipat ang layout, i-filter ang serye, o muling kulayan ang kategorya nang hindi muling binubuo ang tsart.
Panatilihin ang istruktura, iba-ibahin ang datos
Ang iisang package ay maaaring maging pambungad bukas o mas mahirap na follow-up na dataset.
Iangkop sa silid sa isang hakbang
Binabago ng mga pangkat-edad ang itsura para sa pagtuturo sa Early Childhood, Primary, Secondary, at Lifelong.
Manatiling malapit sa pagtatasa
Maaaring magpakain ang mga kontrol at package ng JSON sa maraming bersyon ng pagsasanay sa Quest Ladder.
Ang Istasyong ito ay parametric muna. Gusto ng mas malalim na kontrol? Nanatiling available ang mode ng script at Advanced JSON — sa loob pa rin ng iisang instrumento sa silid-aralan.
Mga handang biswal na pagsisimulan
Buksan ang katalogo at magsimula sa mga bagay na handa sa pagtuturo, pagkatapos ay iangkop sa iyong aralin:
| Lugar | Ano ang mabubuksan mo |
|---|---|
| Hierarchical | Treemap; Sunburst; Dendrogram; Circle packing |
| Daloy | Sankey; Chord; Alluvial; Arc diagram |
| Heograpiko | Choropleth; Bubble map; Cartogram; Mga linya ng daloy |
| Istatistika | Brush/zoom; Scatter na may regression; Violin/box; Contour; Number line |
| Network & oras | Force-directed; Matrix; Bipartite; Stream; Racing bar; Radial na timeline |
Tulong ng AI, sa iyong paraan
Kailangan ng unang draft? Gamitin ang AI bilang katulong — pagkatapos ay suriin, i-edit, at aprubahan bago makarating sa mga mag-aaral.
Kopyahin ang prompt
Gumawa ng handang prompt at i-paste ito sa chat tool na ginagamit mo na.
Gamitin ang sarili mong GPU
Ikonekta ang isang local model endpoint sa iyong mga setting at patakbuhin ang generation sa hardware na kontrolado mo.
Gamitin ang sarili mong API key
Idagdag ang iyong provider key sa mga setting, piliin ang modelo, at mag-generate gamit ang sarili mong account.
Maaaring magkamali ang AI. Iyon mismo ang dahilan kung bakit nananatili ang guro sa loop.
Dalhin ang visual kung saan nagaganap ang pagtuturo
- Whiteboard — ilagay ito sa live na board at i-adjust sa harap ng klase
- Quest Ladder — ilagay ito sa mga tanong at paliwanag
- Virtual Lab — muling gamitin sa loob ng interaktibong gawain sa lab
- Komunidad — ibahagi ang iyong ginawa, at bumuo sa ibinahagi ng ibang mga educator