Workshop e estações
TeachFORGE.ai
Workshop / D3 Visualiser
D3 Visualiser Station
Crie visuais interativos em D3 a partir de um catálogo paramétrico — hierárquicos, de fluxo, geográficos, estatísticos, de rede e séries temporais — e transforme um único pacote em tantas versões para a sala de aula quantas precisar.
A IA pode rascunhar. Você decide o que a turma vê.
O que é o Visualizador D3
O Visualizador D3 é uma forma de construir visuais de dados interativos sem ter de reescrever o D3 do zero a cada vez. Abra um pacote paramétrico — hierárquico, de fluxo, geográfico, estatístico, de rede ou série temporal — e controla-o enquanto uma pré-visualização ao vivo, em ambiente isolado, se atualiza.
Isso importa no ensino porque as histórias de dados na sala de aula mudam. Troque o conjunto de dados, altere o layout ou mostre uma nova fatia do mesmo visual — e mantenha uma figura que pareça intencional no quadro.
Porque os professores utilizam o Visualizador D3
Hierarquias tornadas visíveis
Treemaps, sunbursts e vistas de embalagem (packing) para comcompartilhamentomentos curriculares, tópicos e grupos aninhados.
Fluxos e caminhos
Diagramas Sankey, aluviais e de corda quando o movimento entre categorias é o ponto central.
Lugares com números
Mapas coropléticos e de bolhas que mantêm a geografia e a magnitude numa única vista.
Mudança ao longo do tempo
Gráficos de fluxo (stream graphs), barras em corrida (racing bars) e linhas do tempo radiais para histórias que se desenrolam.
No TeachForge, o Visualizador D3 é uma Estação do Workshop — prioridade para o paramétrico, construído para passar da ideia ao ensino ao vivo sem sair da plataforma.
Dentro da Estação do Visualizador D3
Como o resto do Workshop, você obtém um espaço de trabalho familiar: molde o pacote de um lado, veja o resultado D3 ao vivo do outro.
- Seis famílias de catálogo — hierárquicas, de fluxo, geográficas, estatísticas, de rede e tempo
- Editor visual de GUI com deslizadores e controles gerados a partir do pacote
- Modo script quando quiser trabalhar mais de perto com o JSON de conteúdo D3
- Colar CSV na seção Dados para que conjuntos de dados da turma possam conduzir o visual
- JSON avançado com Aplicar e Sincronizar para controle total do pacote
- Exportar SVG / PNG / JSON, comcompartilhamentor, incorporar e enviar com um clique para o Whiteboard
Como um pacote se torna num visual
Abrir um gráfico do catálogo ou colar um pacote paramétrico
Comece a partir de um visual pronto para ensinar, não de um tela em branco.
Editar controles, dados ou Modo de Script
A pré-visualização D3 em ambiente isolado re-renderiza à medida que altera o pacote.
Exportar, salvar ou enviar ao vivo
Leve para o quadro, para uma questão ou exporte como um arquivo que é seu.
Um visual. Todas as suas versões.
O Visualizador D3 é construído em torno de pacotes paramétricos: visuais de ensino conduzidos por controles — deslizadores, alternadores, menus suspenso, cores e faixas etárias — em vez de reescrever código cada vez que o exemplo muda.
Mude enquanto ensina
Desloque um layout, filtre uma série ou recoloque uma categoria sem reconstruir o gráfico.
Mantenha a estrutura, varie os dados
O mesmo pacote pode tornar-se na atividade inicial de amanhã ou num conjunto de dados de acompanhamento mais difícil.
Adapte a sala em um passo
As faixas etárias alteram a aparência para Educação Pré-Escolar, Primário, Secundário e Ensino ao Longo da Vida.
Fique perto da avaliação
Controles e pacotes JSON podem alimentar muitas versões de prática no Quest Ladder.
Esta Estação tem prioridade para o paramétrico. Prefere controle mais profundo? O Modo de Script e o JSON Avançado permanecem disponíveis — ainda dentro do mesmo instrumento de sala de aula.
Visuais prontos para começar
Abra o catálogo e comece com objetos prontos para ensinar, depois adapte-os à sua aula:
| Área | O que você pode abrir |
|---|---|
| Hierárquico | Treemap; Sunburst; Dendrograma; Circle packing |
| Fluxo | Sankey; Chord; Alluvial; Diagrama de arcos |
| Geográfico | Coroplético; Mapa de bolhas; Cartograma; Linhas de fluxo |
| Estatístico | Brush/zoom; Dispersão com regressão; Violino/caixa; Contorno; Linha numérica |
| Rede e tempo | Força direcionada; Matriz; Bipartida; Stream; Barra em corrida; Linha do tempo radial |
Ajuda de IA do seu jeito
Precisa de um primeiro rascunho? Use a IA como assistente — depois revise, edite e aprove antes que algo chegue aos alunos.
Copiar o prompt
Gere um prompt pronto e cole na ferramenta de chat que você já usa.
Use sua própria GPU
Conecte um endpoint de modelo local nas configurações e rode a geração no hardware que você controla.
Use sua própria chave de API
Adicione a chave do provedor nas configurações, escolha o modelo e gere com sua própria conta.
A IA pode estar errada. É exatamente por isso que um professor permanece no circuito.
Leve o visual para onde o ensino acontece
- Whiteboard — coloque-o no quadro ao vivo e ajuste na frente da turma
- Quest Ladder — coloque em perguntas e explicações
- Virtual Lab — reutilize em trabalho de laboratório interativo
- Comunidade — compartilhe o que você construiu e construa sobre o que outros educadores compartilharam