Support dropoffs in sankey diagram

[bulyonov]

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]

@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]

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]

+1

[gs-hdavid]

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.

[idris-rampurawala]

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