What this visualization was supposed to do was to visualize data from all the components in a power plant, like tanks, pumps, wells, etc. This would help provide a thorough understanding of all the functions in the power plant in real time, to remote stakeholders What we and the client liked a lot about D3.js is that it utilizes SVG, which makes all the graphics highly adaptable to variable user resolution. There's no pixel loss at all in high resolution screens. And by using SVG we could also bind click events to DOM elements drawn using the library. There's one in particular, some developers might find the amount of coding required in D3.js to be challenging as it's relatively extensive, but you also have to factor in how this means you can also implement endless ideas to customize it as per your needs. It's open-source basically, so you have direct access to the source code where you can add your own features, and that's exactly what we needed and what we did. We visualized the components of the power plants in a tree-like graph structure. This dynamic connected graph highlighted different components with different color, nodes and edges. Since, we cannot reveal client product information, we'll share a sample graph generated through d3.js to show the kind of visualization we were going for.