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. Abre 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.
Isto 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 partilhas 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, 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 controlos gerados a partir do pacote
- Modo script quando quiser trabalhar mais de perto com o JSON de conteúdo D3
- Colar CSV na secção Dados para que conjuntos de dados da turma possam conduzir o visual
- JSON avançado com Aplicar e Sincronizar para controlo total do pacote
- Exportar SVG / PNG / JSON, partilhar, 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 lienço em branco.
Editar controlos, dados ou Modo de Script
A pré-visualização D3 em ambiente isolado re-renderiza à medida que altera o pacote.
Exportar, guardar ou enviar ao vivo
Leve para o quadro, para uma questão ou exporte como um ficheiro 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 controlos — 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
Controlos e pacotes JSON podem alimentar muitas versões de prática no Quest Ladder.
Esta Estação tem prioridade para o paramétrico. Prefere controlo 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 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 reveja, edite e aprove antes que algo chegue aos aprendentes.
Copiar o prompt
Gere um prompt pronto e cole na ferramenta de chat que você já usa.
Utilize o seu próprio GPU
Ligue um endpoint de modelo local nas definições e execute a geração no hardware que controla.
Utilize a sua própria chave de API
Adicione a chave do fornecedor nas definições, escolha o modelo e gere com a sua própria conta.
A IA pode estar errada. É exactamente 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 — partilhe o que você construiu e construa sobre o que outros educadores partilharam