Nw/stretch/sankey

[nswalters]

Got a working Sankey diagram on the dashboard page! ✨ 💯

• New Packages (Require npm install to be ran!):
  • chroma-js (colors)
  • d3
  • d3-sankey

[nswalters]

Resources used that helped create the diagram:

• https://github.com/d3/d3-sankey
  • d3-sankey documentation
• https://reactviz.holiday/sankey/
  • d3-sankey using React (without hooks)
• https://observablehq.com/@mbostock/flow-o-matic
  • very helpful for quick testing and validation of my nodes/links arrays
• https://codesandbox.io/s/04p78kyz4w?file=/src/Sankey.js:551-939
  • Another d3-sankey using React, but with hooks. Specifically used to check how the node field names were added.

[nswalters]