CASE STUDY – SOFTWARE DESIGN & DEVELOPMENT
Mapping the Network
Developing & Testing a New Data Visualization Approach
![](https://www.taivara.com/wp-content/uploads/2019/05/taivara-icon.png)
by Taivara, Technology Innovation
Too Much Data
At a glance, this sounds great. The more data we have about anything, the more we can understand and learn. However, industries are reaching a point where there is just too much data for them to analyze. Especially in cybersecurity.
Old Visualizations
At the time, there were tools available to help visualize this data to make them more digestible. However, once the network reaches a certain size, the visualizations became unintelligible and ended up looking like a giant hairball. Yuck.
Mapping the Solution
The better solution was to take a “Circle Packing” approach. This design allowed for a clearer understanding of how data is organized as well as great interaction with thousands of data points through zooming, filtering, and highlighting.
They had built a prototype using this new approach and, even though it was an improvement from other solutions, it still needed to be a turnkey solution for giant data sets. They needed a productized solution and asked Taivara to build it for them.
Building through Experimentation
The prototype had unknown devices (read: potential threats) orphaned in the diagram. At a large scale, these unknown devices were scattered throughout and unrecognizable. We played with a few options but decided on grouping them together so that defenders can find all threats in one place.
We also tested various different zooming, panning, and filtering interactions to find the right balance of each to make navigating the diagram easy.
To do all this we used a combination of D3.js, React, Redux, RxJS, and Ramda.js to make the UI clean and snappy.
Result
Need help bringing your next digital product to life?
Be our next case study