How travis-bug/tensor-view works
Tensor-view is a browser app for entering and exploring interactions as a 3D dynamic multi-relational adjacency tensor. Users add or clear interactions, toggle individual nodes and action layers, and rotate the visualization. The sampled source shows state and rendering in one entry file; finer internal boundaries are conceptual, and unsampled wiring is omitted.
Main entry points: main.ts Visualization update
Components 13
Interaction data
- Input normalization
src/main.ts - Interaction state
src/main.ts
Tensor visualization
- Visualization update
src/main.ts - 3D tensor scene
src/main.ts - Interaction list
src/main.ts - Action legend
src/main.ts - Animation loop
src/main.ts
Browser interaction
- Interaction form
src/main.ts - Visibility controls
src/main.ts
Other components
- User
- Three.js
- Orbit controls
- CSS2D renderer
Connections 17
- User → Interaction form: submits entries
- Interaction form → Input normalization: normalizes input
- Interaction form → Interaction state: adds interactions
- User → Visibility controls: changes visibility
- Visibility controls → Interaction state: updates flags
- User → Interaction state: clears data
- Interaction form → Visualization update: refreshes view
- Visibility controls → Visualization update: refreshes view
- Interaction state → Visualization update: reads data
- Visualization update → 3D tensor scene: builds scene
- Visualization update → Interaction list: updates cards
- Visualization update → Action legend: updates layers
- Animation loop → Three.js: renders scene
- Animation loop → CSS2D renderer: renders labels
- Orbit controls → Three.js: controls camera
- 3D tensor scene → Three.js: uses scene objects
- 3D tensor scene → CSS2D renderer: adds labels