Workshop y Stations
TeachFORGE.ai
Workshop / D3 Visualiser
D3 Visualiser Station
Crea visuales interactivos D3 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 un borrador. Tú decides qué 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 — jerárquico, de flujo, geográfico, estadístico, de red o de series temporales — y lo impulsas con controles mientras una vista previa en vivo aislada se actualiza.
Importa en la enseñanza porque las historias de datos en el aula cambian. Cambia un conjunto de datos, ajusta un layout o muestra una nueva rebanada del mismo visual — y conserva una figura que sigue viéndose intencional en el pizarrón.
Por qué los docentes usan D3 Visualiser
Jerarquías hechas visibles
Treemaps, sunbursts y vistas de empaquetado para participaciones curriculares, temas y grupos anidados.
Flujos y rutas
Diagramas Sankey, aluviales y de cuerdas 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
Stream graphs, 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, hecha para pasar de la idea a la enseñanza en vivo sin salir de la plataforma.
Dentro de la D3 Visualiser Station
Como el resto del Workshop, obtienes un espacio de trabajo familiar: das forma al paquete de un lado, ves el resultado D3 en vivo del otro.
- Seis familias de 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 la clase impulsen el visual
- JSON avanzado con Apply y Sync para control completo del paquete
- Exportar SVG / PNG / JSON, compartir, incrustar y envío al Whiteboard con un clic
Cómo un paquete se convierte en visual
Abre un gráfico del catálogo o pega un paquete paramétrico
Empieza desde un visual listo para enseñar, no desde un lienzo en blanco.
Edita controles, datos o el modo Script
La vista previa D3 aislada se vuelve a renderizar a medida que cambias el paquete.
Exporta, guarda o envíalo en vivo
Llévalo al pizarrón, a una pregunta o fuera como un archivo que te pertenece.
Un visual. Todas sus versiones.
D3 Visualiser está construido en torno a paquetes paramétricos: visuales de enseñanza impulsados por controles — deslizadores, interruptores, menús, colores y franjas de edad — en lugar de reescribir 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 convertirse en el inicio de mañana o en un conjunto de datos de seguimiento más difícil.
Adapta la sala en un solo paso
Las franjas de edad cambian el aspecto para primera infancia, primaria, secundaria y aprendizaje a lo largo de la vida.
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 — aún dentro del mismo instrumento de aula.
Visuales listos para empezar
Abre el catálogo y comienza con objetos listos para enseñar; luego adáptalos a tu lección:
| Área | Qué puedes abrir |
|---|---|
| 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 |
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 tu configuración y ejecuta la generación en hardware que controlas.
Usa tu propia clave API
Añade la clave de tu proveedor en la configuración, elige el modelo y genera con tu propia cuenta.
La IA puede equivocarse. Por eso exactamente un docente permanece en el circuito.
Lleva el visual a donde ocurre la enseñanza
- Whiteboard — colócalo en el pizarrón en vivo y ajústalo frente a la clase
- Quest Ladder — insértalo en preguntas y explicaciones
- Virtual Lab — reutilízalo dentro del trabajo interactivo de lab
- Comunidad — comparte lo que construiste y parte de lo que otros educadores compartieron