Workshop y Stations
TeachFORGE.ai
Workshop / D3 Visualiser
D3 Visualiser Station
Crea visuales D3 interactivos desde un catálogo paramétrico — jerárquicos, de flujo, geográficos, estadísticos, de red y de series temporales — y convierte un paquete en tantas versiones de clase como necesites.
La IA puede redactar. Tú decides lo que ve la clase.
Qué es D3 Visualiser
D3 Visualiser es una forma de construir visuales de datos interactivos sin reescribir D3 desde cero cada vez. Abres un paquete paramétrico, ajustas controles y datos, y obtienes un resultado D3 vivo listo para enseñar.
Importa en la enseñanza porque las historias de datos en clase cambian. Cambia un conjunto de datos, desplaza un layout o muestra un nuevo corte de la misma historia — sin reconstruir el gráfico a mano.
Por qué los docentes usan D3 Visualiser
Jerarquías hechas visibles
Treemaps, sunbursts y vistas de empaquetado para cuotas de currículo, temas y grupos anidados.
Flujos y trayectorias
Diagramas Sankey, aluviales y de acordes cuando el movimiento entre categorías es el punto.
Lugares con números
Mapas coropléticos y de burbujas que mantienen geografía y magnitud en una sola vista.
Cambio en el tiempo
Gráficos de flujo, barras en carrera y líneas de tiempo radiales para historias que se despliegan.
En TeachForge, D3 Visualiser es una Station del Workshop — primero paramétrica, pensada para pasar de la idea a la enseñanza en directo sin salir de la plataforma.
Dentro de la D3 Visualiser Station
Como el resto del Workshop, tienes un espacio de trabajo familiar: das forma al paquete en un lado y ves el resultado D3 en directo en el otro.
- Seis familias del catálogo — jerárquica, flujo, geográfica, estadística, red y tiempo
- Editor visual GUI con deslizadores y controles generados desde el paquete
- Modo Script cuando quieres trabajar más cerca del JSON de contenido D3
- Pegar CSV en la sección Data para que los conjuntos de datos de clase impulsen el visual
- JSON avanzado con Apply y Sync para control total del paquete
- Exportar SVG / PNG / JSON, compartir, incrustar y envío al Whiteboard con un clic
Cómo un paquete se convierte en un visual
Abre un gráfico del catálogo o pega un paquete paramétrico
Parte de un visual listo para enseñar, no de un lienzo en blanco.
Edita controles, datos o el modo Script
La vista previa D3 en entorno aislado se vuelve a renderizar al cambiar el paquete.
Exporta, guarda o envíalo en directo
Llévalo a la pizarra, a una pregunta o fuera como un archivo que es tuyo.
Un visual. Todas sus versiones.
D3 Visualiser se construye en torno a paquetes paramétricos: visuales didácticos impulsados por controles — deslizadores, interruptores, desplegables, colores y franjas de edad — en lugar de reescribir el código cada vez que cambia el ejemplo.
Cámbialo mientras enseñas
Cambia un layout, filtra una serie o recolorea una categoría sin reconstruir el gráfico.
Mantén la estructura, varía los datos
El mismo paquete puede ser el arranque de mañana o un conjunto de datos de seguimiento más difícil.
Adapta la sala en un paso
Las franjas de edad cambian el aspecto para Early Childhood, Primary, Secondary y Lifelong.
Mantente cerca de la evaluación
Los controles y los paquetes JSON pueden alimentar muchas versiones de práctica en Quest Ladder.
Esta Station es primero paramétrica. ¿Prefieres más control? El modo Script y el JSON avanzado siguen disponibles — siempre dentro del mismo espacio de Station.
Visuales listos de los que partir
Abre el catálogo y empieza con objetos listos para enseñar; luego adáptalos a tu lección:
| Área | Qué puedes abrir |
|---|---|
| Jerárquico | Treemap; Sunburst; Dendrograma; Empaquetado circular |
| Flujo | Sankey; Chord; Aluvial; Diagrama de arcos |
| Geográfico | Coroplético; Mapa de burbujas; Cartograma; Líneas de flujo |
| Estadístico | Brush/zoom; Dispersión con regresión; Violin/caja; Contorno; Recta numérica |
| Network & time | Force-directed; Matriz; Bipartito; Stream; Barra en carrera; Línea de tiempo radial |
Ayuda de IA, a tu manera
¿Necesitas un primer borrador? Usa la IA como asistente — luego revisa, edita y aprueba antes de que llegue al alumnado.
Copiar el prompt
Genera un prompt listo y pégalo en la herramienta de chat que ya usas.
Usa tu propia GPU
Conecta un endpoint de modelo local en tus ajustes y genera en hardware que controlas.
Usa tu propia clave API
Añade la clave de tu proveedor en ajustes, elige el modelo y genera con tu propia cuenta.
La IA puede equivocarse. Por eso precisamente un docente permanece en el bucle.
Lleva el visual allí donde ocurre la enseñanza
- Whiteboard — ponlo en la pizarra en directo y ajústalo delante de la clase
- Quest Ladder — introdúcelo en preguntas y explicaciones
- Virtual Lab — reutilízalo en trabajo de lab interactivo
- Comunidad — comparte lo que has creado y parte de lo que otros educadores han compartido