Skip to main content

Branch Flow

Signals originate from a root source, travel along branching bezier splines to child nodes, and pulse on arrival.

  • 3.7 KB .bexode
  • 8 live inputs
  • Responsive fit Layout
Live runtime

Use it

The code follows your customizations. Install with npm i exodeui.

import { ExodeUICanvas } from 'exodeui';

// branch-flow.bexode goes in /public (download it below)
export function BranchFlow() {
  return (
    <ExodeUICanvas
      src="/branch-flow.bexode"
      fit="Layout"   // responsive: redraws at any container size
      autoPlay
      interactive
      onTrigger={(name) => {
        // fires: 'nodeClick'
      }}
      style={{ width: '100%', height: 560 }}
    />
  );
}

Inputs

InputTypeDefaultRange
rootTextSource—
branchesTextAuth,Database,Storage,Edge,AI—
speedNumber10.1 – 4
densityNumber62 – 20
accentText#5e17ebhex colour
accent2Text#00d68fhex colour
textText#f2f4f8hex colour
bgText#08070dhex colour

Events (via onTrigger): nodeClick