Visualização planetária 3D em tempo real para educação, geografia e formação cidadã
O Globo Interativo é uma aplicação web que coloca o planeta Terra nas mãos de estudantes, educadores e curiosos — literalmente. Em um globo 3D navegável, é possível explorar fronteiras políticas, fusos horários, trópicos e equador, cabos submarinos, rotas de dados, satélites e dossiês detalhados de cada país, com estatísticas demográficas atualizadas em tempo real.
A interface adota uma estética high-tech / HUD, pensada para estimular o engajamento visual de jovens e adultos, sem sacrificar rigor geográfico. O projeto é 100% gratuito, roda no navegador (sem instalação) e foi concebido como ferramenta didática alinhada à BNCC — especialmente aos componentes de Geografia e Computação (BNCC Tecnologia).
🌐 Acesse agora: globo.educar.workers.dev
| Camada | Ícone | Descrição |
|---|---|---|
| Globo 3D | 🌐 | Terra texturizada com rotação, zoom e navegação orbital |
| Fronteiras | ▢ | Limites políticos de ~195 países (Natural Earth) |
| Nomes | ⬡ | Rótulos com nomes dos países em português |
| Fusos horários | ⌚ | Meridianos UTC a cada 15° com hora local ao vivo |
| Trópicos e Equador | ≡ | Paralelos do Equador, Câncer e Capricórnio |
| Cabos submarinos | ≋ | 700+ rotas reais de telecomunicações submarinas |
| Arcos de dados | ⤳ | Fluxos ilustrativos entre grandes polos digitais |
| Satélites | ✦ | Constelações artificiais em órbita |
| Dia / Noite | ◐ | Terminador solar em tempo real (shader dinâmico) |
| Modo noite | ☾ | Textura noturna com luzes urbanas |
| Dossiê do país | 📋 | População, capital, idiomas, fusos IANA, bandeira e resumo da Wikipédia |
| Busca | 🔍 | Localização rápida de países por nome (com acentos PT-BR) |
| Estatísticas ao vivo | 📊 | Nascimentos, óbitos e crescimento populacional estimados |
A geografia não se aprende apenas com mapas planos. A visualização esférica desenvolve:
- Noção de escala — distâncias, áreas e densidade populacional ganham proporção real
- Consciência espacial — latitude, longitude, hemisférios e fusos horários deixam de ser abstrações
- Pensamento sistêmico — cabos submarinos, rotas de dados e satélites conectam geografia física à geografia digital
- Formação cidadã — compreender fronteiras, diversidade cultural e interdependência global
Ferramentas digitais interativas reduzem a barreira de acesso a atlas caros, globos físicos frágeis e mapas desatualizados — especialmente relevante em escolas públicas e comunidades com recursos limitados.
| Código / Campo | Competência / Habilidade | Como o Globo Interativo contribui |
|---|---|---|
| EF06GE01 | Compreender o conceito de espaço geográfico | Navegação 3D com coordenadas LAT/LON em tempo real |
| EF07GE01 | Problematizar preconceitos vinculados a generalizações | Dossiês individuais por país combatem estereótipos |
| EF08GE01 | Descrever processos de formação territorial | Fronteiras políticas e comparação de áreas |
| EF08GE04 | Compreender fluxos populacionais | Estatísticas de nascimentos, óbitos e crescimento |
| EF08GE10 | Identificar problemas ambientais globais | Camada dia/noite e consciência planetária |
| EF08GE18 | Elaborar mapas temáticos | Múltiplas camadas sobrepostas (fusos, trópicos, cabos) |
| EF09GE01 | Compreender dinâmicas de globalização | Cabos submarinos e arcos de conectividade |
| EF09GE03 | Analisar fluxos de informação e capital | Rotas de dados e infraestrutura digital |
| EM13CHS201 | Analisar processos de territorialização | Seleção de países com dados demográficos e culturais |
| Eixo / Prática | Relação com o projeto |
|---|---|
| Pensamento computacional | Camadas modulares, estados ON/OFF, busca e filtros |
| Cultura digital | Compreensão de infraestrutura global (cabos, satélites, IXPs) |
| Mundo digital | Visualização de redes físicas que sustentam a internet |
| Ciência de dados | Estatísticas populacionais, séries temporais e APIs abertas |
| Tecnologia e sociedade | Debate sobre desigualdade digital, conectividade e cidadania |
Globos físicos de qualidade são caros; mapas mural impressos envelhecem; softwares proprietários exigem licenças. Uma aplicação open source, hospedada na edge cloud (Cloudflare Workers), carrega em segundos em qualquer dispositivo com navegador moderno — celular, tablet, Chromebook ou laboratório de informática.
O projeto não inventa dados: integra bases reconhecidas internacionalmente (Natural Earth, TeleGeography, World Bank, Wikipedia, dr5hn). Isso ensina, na prática, que informação confiável tem fonte — competência essencial na era da desinformação.
Estudos em educação digital indicam que aprendizagem ativa (explorar, clicar, comparar) supera passividade em retenção de conteúdo. O globo transforma o aluno de receptor em investigador geográfico.
Compreender fusos horários ajuda a respeitar ritmos de outras culturas; ver cabos submarinos revela a fragilidade e a maravilha da internet; explorar dossiês de países cultiva empatia intercultural — pilares de uma cidadania digital responsável.
| Tecnologia | Versão / Uso |
|---|---|
| Three.js | 0.160 — renderização WebGL |
| globe.gl | 2.34 — globo 3D interativo |
| solar-calculator | 0.3 — posição solar / terminador |
| Cloudflare Workers | Hospedagem edge + assets estáticos |
| Wrangler | Deploy e CI |
| HTML5 / CSS3 / ES Modules | Interface HUD responsiva |
| Python + Pillow | Geração da imagem Open Graph |
Todas as bases externas são utilizadas conforme suas licenças originais. Agradecemos aos mantenedores:
| Fonte | Dado utilizado | Licença / Link |
|---|---|---|
| Natural Earth via globe.gl | Fronteiras políticas (110m) | Public Domain |
| mledoze/countries | Metadados: capital, idioma, moeda, área | ODbL / MIT |
| dr5hn/countries-states-cities | Fusos horários IANA por país | ODbL 1.0 |
| TeleGeography | Cabos submarinos (GeoJSON) | CC BY-NC-SA 3.0 |
| NASA Blue Marble / Black Marble via three-globe | Texturas diurna e noturna da Terra | Public Domain (NASA) |
| World Bank Open Data | População mundial (SP.POP.TOTL) | CC BY 4.0 |
| Wikipedia PT (REST API) | Resumos enciclopédicos por país | CC BY-SA 3.0 |
| flagcdn.com | Bandeiras SVG/PNG | Uso público de bandeiras nacionais |
| Roboto via @compai/font-roboto | Fonte 3D para rótulos (acentos PT) | Apache 2.0 |
| Share Tech Mono / Orbitron | Tipografia da interface HUD | Open Font License |
| Estimativas demográficas | Nascimentos (~134M/ano) e óbitos (~61M/ano) | ONU / World Population Prospects (referência) |
⚠️ Nota sobre cabos submarinos: os dados TeleGeography são licenciados sob CC BY-NC-SA 3.0 — uso educacional e não comercial permitido, com atribuição. Consulte a licença antes de usos comerciais.
- Node.js 18+
- Conta Cloudflare (para deploy)
git clone https://github.com/dduenhas/globo-interativo.git
cd globo-interativo
npm install
npx wrangler devAbra o endereço local indicado pelo Wrangler (geralmente http://localhost:8787).
# Sincronize arquivos-fonte para public/ (se editou na raiz)
cp app.js styles.css index.html public/
# Gere imagem Open Graph (opcional, após alterações visuais)
python scripts/generate-og-image.py
# Deploy
npm run deployglobo-interativo/
├── app.js # Lógica principal (fonte)
├── index.html # HTML + meta tags Open Graph
├── styles.css # Estilos HUD
├── public/ # Assets servidos pelo Cloudflare Workers
│ ├── app.js
│ ├── index.html
│ ├── styles.css
│ ├── og-image.webp # Preview WhatsApp / redes sociais (66 KB)
│ ├── og-image.jpg # Fallback JPEG para crawlers legados
│ └── data/
│ └── cable-geo.json
├── scripts/
│ └── generate-og-image.py
├── wrangler.jsonc # Configuração Cloudflare Workers
├── LICENSE # MIT
└── README.md
O projeto inclui meta tags Open Graph e uma imagem de preview (og-image.webp, 1200×630 px, ~66 KB) para exibir título, descrição e miniatura ao compartilhar o link:
- Título: Globo Interativo — Conheça o Planeta em Tempo Real
- Descrição: Visualização 3D interativa da Terra com camadas geográficas, dados ao vivo e dossiês de países.
Para regenerar a imagem de preview:
python scripts/generate-og-image.pyContribuições são bem-vindas! Abra uma issue para reportar bugs ou sugerir melhorias, ou envie um Pull Request.
Áreas de interesse:
- Traduções (EN, ES)
- Modo offline / PWA
- Camadas adicionais (clima, biomas, relevo)
- Integração com LMS (Google Classroom, Moodle)
Este projeto está licenciado sob a Licença MIT — Copyright © 2026 Diego Duenhas.
Desenvolvido por Diego Duenhas · GitHub · Demo ao vivo
🌍 “A geografia não descreve apenas onde estamos — revela quem somos no mundo.”