The Basics: Nodes, Flows & Colors
The Basics: Nodes, Flows & Colors|
Labels & Units
Exporting & Publishing
Scaling Diagrams for Comparison
Unusual Facts & Settings
Type one “Flow” per line, as:
Then click Preview. SankeyMATIC will automatically lay out a diagram connecting all Source and Target “Nodes” using Flows with proportional thicknesses.
Note: Node names are case sensitive. (If you refer to the same Node in multiple lines, the names should match exactly.)
Getting Data from a Spreadsheet?
Given data laid out like this in a spreadsheet document:
Add another spreadsheet column containing a formula like this, applying it to all the necessary rows:
This will produce:
Then simply copy & paste the data from the new column into the SankeyMATIC form, and voilà:
Setting individual Node colors
You can set one specific Node's color by adding a Node definition line to the Inputs: section, in the format:
Note: Node definition lines can occur anywhere in the input; they are not required to be in a specific order.
Diagram Shape and Size
Is your data shown best using:
These three examples all share the same inputs.
Experiment with the Diagram Width and Height settings to find what shape communicates your data most clearly.
Space between Nodes
Small spaces between Nodes lead to crowded or muddy diagrams, difficult to parse visually.
Large spaces between Nodes lead to thin spidery Flows, making differences between them harder to distinguish.
Find a happy medium appropriate for making clear comparisons between Flows.
Setting colors for all Nodes
In the Colors control panel, for Node Colors you can have SankeyMATIC assign colors to your Nodes from the themes shown on the right.
Or, you can set all Nodes to a single color that you choose.
For help choosing specific HTML color codes, there are many sites you can visit for help; search for HTML color codes.
Setting colors for all Flows
In the Colors control panel, for Flow Colors you have three choices:
Note: Since Flows are more transparent than Nodes, the Flow colors will appear to be a lightened version of the Node colors.
To control the lightness/darkness of all Flow colors, use the Flow Opacity slider; the closer you get to 1.0, the stronger the colors will be—however, if any Flows overlap, making them more opaque will make it harder to see the covered-up Flows.
Setting individual Flow colors & opacity
Setting Flow colors to inherit from specific Nodes
You can override the general settings for Flow colors mentioned above by defining a Node as coloring the Flows to the left of it, or to the right, or both, by using the special tokens “<<” and “>>”.