The 2016 Connected Enterprise Report provides a comprehensive global overview of the state of collaboration implementation strategies, and highlights trends and disruptions in key markets. The website we designed and developed for Dimension Data dynamically filters and displays all data from this report, in almost-infinite combinations.

Similar, existing projects that Dimension Data had been delivered used server-side generated image graphs, which had a few issues: the images weren’t responsive, didn’t display well on retina screens or smartphones – and the latency made the process feel less interactive and cumbersome.

We decided to resolve these issues, using existing technology in new ways. We used Javascript as the foundation of our data visualisation, in tandem with libraries such as D3 and Crossfilter – this allowed us to run all the data interactions in browser rather than on a remote server – resulting in much faster load times, and better user experience.

In addition to this, using Javacript had many other advantages. The graphs are fully vector, and therefore look wonderful on all devices – Javascript also allowed us to have super-smooth transition animations, to see the data being filtered live on screen. Having everything browser-side also allowed the data to be transparent, and easily demonstrable.

More polishing was done to enable the graphs to be very compatible with social media – this included some bespoke work which allowed all graph filters to be stored in a querystring in the URL, allowing pre-filtered graphs to be shared in any combination. For other applications, the graphs are also exportable as fully-branded image files.

The work we’ve done on the Connected Enterprise represents some of our most ambitious and polished data visualisation to date, and we’re delighted with the outcome.