Displaying crossover only in d3.js Slankey (Dynamic, Interactive)

Question

I am aiming to create a d3.js visualisation dashboard that shows the flow of mutual connections based on a selection for 'a', that provides a statistic for 'b', shaped like a Sankey/Parallel Set. For instance, if 'a' is the user selection, where they select 3 of 11 characteristics of people, then b would be a count of how many people in our sample have all three characteristics.

Think of this like a Sankey/Parallel Set diagram where on the left we see the characteristics (Happy, Loyal, Calm), flowing into one container (200/1000 (with characteristics selected/total population).

I am wondering if anyone knows a pre-established way to JUST displays the crossover that the user defines in a navbar pre-selection.

Thanks.

Data:

![It's a boolean array, with totals. It's like a permutations and combinations spreadsheet ]1

score 0 · Answer 1 · answered Mar 31 '20 at 10:45

0

try this for a variety of sankey's,

https://observablehq.com/search?query=sankey

answered Mar 31 '20 at 10:45

Arun Panneerselvam

2,263
1
17
24

Thank you for responding, I will check this out. Do you have an idea as to how I might be able to flow to one crossover node? – AliShahVis Mar 31 '20 at 10:47
do you have a sample data? if so, post it a few rows of 'a' and 'b'. – Arun Panneerselvam Mar 31 '20 at 10:55
Thanks for offering to help :) I've attached to main Q – AliShahVis Mar 31 '20 at 11:09

score 0 · Accepted Answer · answered Mar 31 '20 at 16:10

So if you're looking to make a crossover slankey like me, I recommend modelling here:

http://sankeymatic.com/build/

Once you get into it, it's very easy to label what the final node should be, and encourage output to flow to that node.

Hope this helps!

Displaying crossover only in d3.js Slankey (Dynamic, Interactive)

2 Answers2