Three Flow

Three Flow is a native Three.js diagramming library for adding to a scene. Nodes and edges are rendered using Three.js objects and materials. This allows visuals to have volume, shadows, reflections and dynamic material effects.

This library is still under active development. Updates and improvements may have breaking changes.

Live Demo

Documentation

Overview - understand the big picture

Examples - review examples and what features they're using

Getting Start - just the basics

How To - learn to use specific parameters and methods

Customizing - customize the appearance of three-flow classes to make your diagrams stand out

Reference - detailed documentation on parameters, classes and events

Roadmap - changes and features being planned

Installation

To add three-flow to your existing three project

npm install three-flow-js