# Sankey Diagram

**URL:** https://community.glideapps.com/t/sankey-diagram/16264
**Category:** Project Showcase
**Created:** [September 23, 2020, 8:02pm UTC](https://community.glideapps.com/t/sankey-diagram/16264 "2020-09-23T20:02:34Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![manyone](https://avatars.discourse-cdn.com/v4/letter/m/ee59a6/32.png) [@manyone](https://community.glideapps.com/u/manyone)
#### Post date: [September 23, 2020, 8:02pm UTC](https://community.glideapps.com/t/sankey-diagram/16264/1 "2020-09-23T20:02:34Z")

</div>

A Sankey diagram visually shows the flow of quantities, proportionally, from one set of categories to another.

convert this sheet  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/b/ba0f733dc11e8f0791d53cb43c95208cc47e0291.png)

to this  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/c/c8ea890ff92f02e73b9396e024bab500b29fa512.png)

here’s the link:

> **[Sankey Diagram](https://sankey-diagram.glideapp.io/)**
>
> A Sankey Diagram displays the flow on quantities, proportionally, from one set of categories to another.

---

<div class="post-metadata">

### Author: ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)
#### Post date: [September 23, 2020, 8:06pm UTC](https://community.glideapps.com/t/sankey-diagram/16264/2 "2020-09-23T20:06:27Z")

</div>

Have you try quick charts?

> [@heart\_eyes Quickchart.io: the Cloudinary of Charts —on the fly charts!](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946):
>
> GAME CHANGER! Stumbled upon this site today—a way to create on the fly charts using data from your Glide tables. Images render instantly and you can select one of 14 different charts, customize colors, styles etc all through URL parameters! The video below shows my first attempt to create a chart from scratch and implement it in Glide. Took me less than 5 minutes. End result:

It might help you keep the chart in the app.

---

<div class="post-metadata">

### Author: ![manyone](https://avatars.discourse-cdn.com/v4/letter/m/ee59a6/32.png) [@manyone](https://community.glideapps.com/u/manyone)
#### Post date: [September 23, 2020, 11:13pm UTC](https://community.glideapps.com/t/sankey-diagram/16264/3 "2020-09-23T23:13:20Z")

</div>

[quickchart.io](http://quickchart.io) does not do sankey diagrams - that’s why i used google charts.

---

<div class="post-metadata">

### Author: ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)
#### Post date: [September 23, 2020, 11:57pm UTC](https://community.glideapps.com/t/sankey-diagram/16264/4 "2020-09-23T23:57:16Z")

</div>

Oh I see!

---

<div class="post-metadata">

### Author: ![manyone](https://avatars.discourse-cdn.com/v4/letter/m/ee59a6/32.png) [@manyone](https://community.glideapps.com/u/manyone)
#### Post date: [September 24, 2020, 6:32am UTC](https://community.glideapps.com/t/sankey-diagram/16264/5 "2020-09-24T06:32:47Z")

</div>

did i mention that the resulting chart is “live”? as you hover your cursor over any of the curved segments it will show you what it represents (ie. so much quantity from this category to another, etc).

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [September 24, 2020, 8:53am UTC](https://community.glideapps.com/t/sankey-diagram/16264/6 "2020-09-24T08:53:27Z")

</div>

This is very cool! Thanks for sharing.
