Flow

Funnel, sankey and network graphs for conversion and collaboration flows.

Import @texuli/charts/flow· Components: FunnelChart, SankeyChart, NetworkGraph

Signup funnel and acquisition flow for Harbor Notes (illustrative).

Data contract

FieldTypeRequiredNotes
steps{ id, label, value }[]—Funnel ordered stages
nodes{ id, label, value? }[]—Sankey / network nodes
links{ source, target, value }[]—Directed edges between node ids
titlestringyes—
descriptionstringyes—

Flow examples

Signup funnel

Harbor Notes signup flow from visit to paid account.

Signup funnelHarbor Notes signup flow from visit to paid account.Visit: 1,200 (100%)Trial: 760 (63.3%)Account: 420 (35%)Paid: 190 (15.8%)
View data table
Signup funnel
StepCountConversion
Visit1,200100%
Trial76063.3%
Account42035%
Paid19015.8%

Acquisition flow

Website and referrals flow through trials to paid accounts.

Acquisition flowWebsite and referrals flow through trials to paid accounts.WebsiteTrialPaidReferral
View data table
Acquisition flow
FromToValue
WebsiteTrial760
TrialPaid190
ReferralTrial240

Team network

Connections between four fictional Harbor teammates.

Team networkConnections between four fictional Harbor teammates.AdaLinSamRen
View data table
Team network
FromToValue
AdaLin3
AdaSam2
LinRen1
SamRen2