A sankey diagram is a visualization used to depict a flow from one set of values to another. The things being connected are called nodes and the conne

Sankey Diagram | Charts | Google for Developers

submited by

Style Pass

2024-04-30 22:00:03

A sankey diagram is a visualization used to depict a flow from one set of values to another. The things being connected are called nodes and the connections are called links. Sankeys are best used when you want to show a many-to-many mapping between two domains (e.g., universities and majors) or multiple paths through a set of stages (for instance, Google Analytics uses sankeys to show how traffic flows from pages to other pages on your web site).

For the curious, they're named after Captain Sankey, who created a diagram of steam engine efficiency that used arrows having widths proportional to heat loss.

Sankey diagrams are rendered in the browser using SVG or VML, whichever is appropriate for the user's browser. Google's sankey layout code is derived from D3's sankey layout code.

Suppose you had two categories, A and B, that connect to three other categories, X, Y, and Z. Some of those connections are heavier than others. For instance, B has a thin connection to X and a much thicker connection to Y.