Convey the idea of how CASEI links between NASA focus areas, concepts, keywords.

[tania-pires]

3. Creating a page or a section of a page where the user can explore the relationships between the different concepts

[tania-pires]

this issue is related to #144 Science keywords linkages

[tania-pires]

I think that a Sankey Diagram is the best way to present these relationships between concepts because is easier for the user to read and understand. (I made a quick sketch to be easier to understand this possible solution.)
We can make this graphic interactive and enable/disable connections depending on the variable that the user selects. (Gif image example)

[AliceR]

d3 implementation example: https://observablehq.com/@d3/parallel-sets?collection=@d3/d3-sankey

[tania-pires]

d3 implementation example: https://observablehq.com/@d3/parallel-sets?collection=@d3/d3-sankey

Alice, is possible that we do this directly on the browser and then adjust the design? I'm saying this because I don't even know how to design that kind of chart in sketch (the app that I use to design the mockups), but I can foresee that it will take me a looooooooong time to do it!

[AliceR]

Oh yes maybe I can set up an observable notebook like the one I shared, just with our data. I'll have a look!

[AliceR]

I noticed that the d3 sankey chart is strictly hierarchical, means that one child element can always be mapped to one parent category. In our case, I think we don't have this 1:n relationship, but rather one child can have multiple parents (n:m). I am not sure if I can represent that with the example I shared above.

[rwegener2]

This ticket is on hold until January, after our push for AMS and after Stephanie, who was the mastermind behind the science concepts, is back from maternity leave.

[tania-pires]

During the interviews this model was tested with users. The design files are here.