https://protectwise.github.io/troika/

A JavaScript framework for interactive 3D and 2D visualizations
https://protectwise.github.io/troika/

canvas data-visualization javascript javascript-framework threejs webgl webxr

Last synced: about 1 month ago
JSON representation

A JavaScript framework for interactive 3D and 2D visualizations

• Host: GitHub
• URL: https://protectwise.github.io/troika/
• Owner: protectwise
• License: mit
• Created: 2019-01-14T22:27:00.000Z (over 6 years ago)
• Default Branch: main
• Last Pushed: 2024-12-19T00:06:31.000Z (4 months ago)
• Last Synced: 2025-03-11T18:24:20.276Z (about 1 month ago)
• Topics: canvas, data-visualization, javascript, javascript-framework, threejs, webgl, webxr
• Language: JavaScript
• Homepage:
• Size: 16.6 MB
• Stars: 1,723
• Watchers: 35
• Forks: 135
• Open Issues: 83
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-canvas - troika - A JavaScript framework for interactive 3D and 2D visualizations.   (Libraries / 3D libraries)

README

        
# Troika JS

Troika is a collection of JavaScript tools for creating interactive graphics in the browser, with a focus on 3D/WebGL, and optimized for data visualization use cases.

The provided tools fall into two main categories:

- The [_Troika Framework_](https://protectwise.github.io/troika/#troika-framework), a fully featured framework for managing entire scenes with rich interactivity and high performance, and

- A growing set of [_other tools for Three.js_](https://protectwise.github.io/troika/#troika-threejs-tools), that do not depend on that framework.

The Troika project's main goal is to take aspects of developing interactive graphics that you almost always need, but are difficult to manage yourself, and make them as easy as possible.

[![3D Bar Chart Example](./docs/images/city-thumbnail.png)](https://troika-examples.netlify.com/#citygrid)

[![Layered Timeline](./docs/images/globe-connections-thumbnail.png)](https://troika-examples.netlify.app/#globeConnections)

[![ProtectWise: Protocol Threat Graph](./docs/images/pw-protocol-threats-thumbnail.png)](https://twitter.com/lojjic/status/1360290173427322883)

[![3D Text Rendering](./docs/images/text-thumbnail.png)](https://troika-examples.netlify.com/#text)

[![GPU Instancing](./docs/images/instancing-thumbnail.png)](https://troika-examples.netlify.com/#instanceable)

[![Layered Timeline](./docs/images/layered-timeline-thumbnail.png)](https://twitter.com/lojjic/status/1357102689210019844)

----

**[View the Troika Documentation](https://protectwise.github.io/troika)**

----

![Build Status](https://github.com/protectwise/troika/workflows/Continuous%20Integration/badge.svg?branch=master)

[![Netlify Status](https://api.netlify.com/api/v1/badges/523722ef-0c71-4bdc-935d-575c73ec1838/deploy-status)](https://app.netlify.com/sites/troika-examples/deploys)