Docs / Trees & network

Sankey

Pro

Flow diagrams where link width encodes magnitude.

Illustration — rendered output uses live data.

Example

blade 
<chart:sankey
    :nodes="[['name' => 'A'], ['name' => 'B'], ['name' => 'C']]"
    :links="[
        ['source' => 'A', 'target' => 'B', 'value' => 5],
        ['source' => 'B', 'target' => 'C', 'value' => 3],
    ]"
/>

Props

Prop Type Default Description
nodes array [] Node objects ([name]).
links array [] [source, target, value] links.

Plus the common props (height, theme, model, class).

This is a Pro component

Unlock it and every other Pro chart with a one-time license.

Get WireCharts Pro
Next Network graph →