D3 Sankey Visualisation with Horizontal Bar-chart Breakdowns

This is a D3 project made with HTML, Javascript and CSS, visualising a dataset from a UK survey on costs on living post-covid. The data is curated and converted into a JSON file by either a Python script or internal Javascript code. Then the JSON , which contains all the definitions for the nodes and links, is used to create a Sankey Diagram with many interactivity features, as well as a Horizontal Bar-chart that portrays all the data from source and target nodes.

[shubhamnamdev]

Could you please share the code details?

[TheCryptoSithLord-fnxv]

Is there a way to make this work in a mobile application, doing all the mouse click actions by touch?

[createinfinity]

Hey I'm working with a similar project can you please send the code

[ciprian-florinifrim]

I have just realised after the video was finished that I forgot to talk about the checkbox feature present next to the alignment dropdown menu. The video was already quite long, so my mind automatically skipped it.
The checkbox, when ticked, enables the node highlights to be permanent. So the user can hover their cursor over a node, and all the source and target nodes' links will be permanently highlighted, which is great for screenshots or the built-in PNG feature. In order to remove the highlight, the user can simply hover over the links and they will be reset.