Play prototype
Created by Luke Noothout and Roel de Jonge
Network activity visualizations
i
How can dynamic, code-driven visualizations effectively represent the scale and real-time nature of global cybersecurity data?

Background

Visualising cybersecurity data on a global scale can be a daunting task: huge amounts of digital traffic are being monitored and protected in real time, resulting in large volumes of data points. These datapoints are not static but dynamic, as they are continuously subjected to security efforts. Our challenge was to create visualisations that communicate the intensity and expanse of such cybersecurity capabilities.

What did we learn?

Because of the large volume and dynamic quality of the data we realised a static screen design approach to the visualisations was not going to work. Instead we used code as a creative tool to explore ideas and check their viability. Sketching with code allowed us to quickly bring visualisation concepts to life and play with them, exploring ideas and finding opportunities. This lead to quick, experiential iterations that would be impossible or inefficient to produce with a traditional design approach.

Ambitions

Through this experiment we uncover the possibilities and opportunities code offers in our creative process, which allows us to come up with more interesting dynamic concepts while closing the gap between design and development.

Read, see, play next
read10 min

Our colored view of the world

Exploring how we experience color and media

Dynamic color research visualizations
play

Dynamic color research visualizations

Visualizing the color data of our projects with motion

Smart city sensor visualization
see

Smart city sensor visualization

Real-time visualization of the Smart City sensors

AI Driven musical experience for Google
see

AI Driven musical experience for Google

What are the possibilities of AI for creating interactive engagements with music?