Export Code

3D Sankey

Curran Kelleher

Last edited Feb 25, 2025
Created on Feb 25, 2025
Forked from ThreeJS Starter

3D Sankey Diagram with Three.js

This project demonstrates a 3D Sankey diagram visualization built with Three.js.

Features

  • Interactive 3D Sankey diagram
  • Custom data flow visualization
  • Orbital camera controls for rotation and zoom
  • Responsive design

How to Use

  1. Open the index.html file in a browser
  2. Use mouse to rotate the diagram (click and drag)
  3. Use scroll wheel to zoom in/out

Implementation Details

The diagram represents data flows between nodes in a 3D space. Each link's thickness represents the volume of flow. The project uses Three.js for rendering and OrbitControls for camera manipulation.

Colors represent different node categories, and the connections maintain the source node color.

MIT Licensed