search

uber / react-vis

Data Visualization Components
https://uber.github.io/react-vis
MIT License
8.72k stars 834 forks source link

Support dropoffs in sankey diagram #35

Open bulyonov opened 8 years ago

bulyonov commented 8 years ago

In order to visualize the lost data/money/visitors, we should be able to show "dropoffs" on the sankey diagram (Google Analytics has a great example). Current d3-sankey does not support this behavior. Most likely we'll have to fork/adjust it.

This task should be implemented after #34.

wzup commented 6 years ago

@bulyonov

In to visualize the lost data/money/visitors, we should be able to show "dropoffs" on the sankey diagram

Google Analytics has a great example

Could you please provide a link to live example?

leonelgalan commented 6 years ago

I cannot link to it, it's behind authentication, but a quick google search for Google Analytics "Behavior Flow" (how the chart is labeled) does the trick.

SnchitGrover commented 6 years ago

+1

gs-hdavid commented 6 years ago

Do you guys have support for something like that? As you can see the drop offs portion is colored in orange, and the rest is colored blue.

screen shot 2018-07-19 at 4 32 42 pm

idris-rampurawala commented 3 years ago

Hi,

Please follow this post to create dropoffs/dropouts in the D3 Sankey chart. Though it is implemented in Angular, a similar approach can be used to implement it in react.

Post link: https://dev.to/idrisrampurawala/user-flow-with-dropouts-using-d3-sankey-in-angular-10-2m5j GitHub Repo link: https://github.com/idris-rampurawala/ng-d3-sankey