Uma biblioteca JavaScript 3D que facilita criar e renderizar cenas 3D no navegador com WebGL e WebGPU.
protectwise/troika
Toolkit e framework JavaScript para visualizações interativas de dados em 3D/WebGL e 2D no navegador, desenvolvido sobre o Three.js.
- Estrelas
- 1,986
- Forks
- 160
- Issues abertas
- 94
- Último commit
- há 5 dias
O que é?
Troika é uma coleção de ferramentas JavaScript para criar gráficos interativos no navegador, com foco em renderização 3D com WebGL e visualização de dados. O projeto atende a tarefas comuns, mas difíceis de gerenciar manualmente, como gerenciamento de cenas e interatividade.
O projeto tem duas partes: um framework completo para gerenciar cenas inteiras com interatividade avançada e alto desempenho; e um conjunto crescente de ferramentas independentes para Three.js que não dependem desse framework. A documentação inclui exemplos como gráficos de barras 3D, visualizações de conexões em globos, linhas do tempo em camadas, renderização de texto 3D e instancing na GPU.
Troika é escrito em JavaScript e funciona sobre o Three.js e o WebGL. Os tópicos do projeto também listam WebXR e canvas, indicando suporte a essas APIs gráficas do navegador.
Recursos principais
- 01Framework completo para gerenciar cenas 3D interativas
- 02Ferramentas independentes para Three.js que funcionam sem o framework
- 03Renderização de texto 3D
- 04Suporte a instancing na GPU
- 05Exemplos de gráficos de barras 3D, linhas do tempo e visualizações de globos
Casos de uso
- Criar gráficos de barras 3D interativos ou visualizações de dados baseadas em globos no navegador
- Renderizar texto e rótulos em cenas WebGL
- Adicionar objetos com instancing na GPU a cenas grandes do Three.js
- Criar linhas do tempo em camadas ou visualizações no estilo de gráficos de ameaças
Em coleções
Tópicos
Perguntas frequentes
- O que é troika?
- Toolkit e framework JavaScript para visualizações interativas de dados em 3D/WebGL e 2D no navegador, desenvolvido sobre o Three.js. Troika é uma coleção de ferramentas JavaScript para criar gráficos interativos no navegador, com foco em renderização 3D com WebGL e visualização de dados. O projeto atende a tarefas comuns, mas difíceis de gerenciar manualmente, como gerenciamento de cenas e interatividade.
- troika é gratuito? Qual é a licença?
- troika é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
- troika ainda é mantido?
- Manutenção ativa. O último commit de troika foi em 2 de nov. de 2026.
- Para que posso usar troika?
- Criar gráficos de barras 3D interativos ou visualizações de dados baseadas em globos no navegador Renderizar texto e rótulos em cenas WebGL Adicionar objetos com instancing na GPU a cenas grandes do Three.js Criar linhas do tempo em camadas ou visualizações no estilo de gráficos de ameaças
- Onde consigo troika?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/protectwise/troika
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Engine de jogos 3D e renderização em JavaScript/TypeScript que roda no navegador com WebGL, WebGPU e WebXR.
Uma biblioteca rápida de renderização 2D para a web que desenha gráficos, sprites e texto com WebGL e WebGPU.
Um renderer React para Three.js que permite criar cenas 3D de forma declarativa com componentes JSX.
Coleção de componentes auxiliares e hooks prontos para criar cenas 3D com react-three-fiber.
Um wrapper React para a biblioteca postprocessing que permite aplicar efeitos de pós-processamento a cenas do react-three-fiber de forma declarativa, usando componentes JSX.