Hey Marco, I thought I’d just put together a short bit about the choices I made building this, so you have a better understanding of what I was trying to do.

Please use a laptop or desktop to view the site. I made the assumption that users would mostly use the site on their computers, so I didn’t really optimise for any responsiveness. That said, given more time, I would definitely make it responsive.

I wanted to create something that was more than a visualisation. Since security information should always be about quickly getting necessary info, I wanted to optimise for usability over crazy graphics.

To this end, I added search, even though it wasn’t a core requirement, just because a user would want an easy way to get a detailed view of each incident. I wanted to add a way for users to click on a search result and get all the information specific to that search result, but this was a bit too out of scope.

I came up with a way that users could get all the information they need in 3 clicks or less. Try clicking on any graph.

I intentionally kept the design minimalist to avoid distracting users from their core needs.

The site is modelled as a fictional dashboard for Bryan Chesky, CEO of Airbnb. The site is as he would see it. That’s why if you click the profile icon on the top right we see the links to go to his profile or sign out. The sidebar continues with this approach, that’s why you see device settings, integrations, etc. This is what I crudely imagine a Canary Console needing.

There is a minor bug with the search, but nothing that isn’t easily fixed given a bit more time. Additionally the incident log doesn’t sort the date column correctly, also easily fixed given time.

I enjoyed learning D3, thanks for the challenge, I hope it meets your expectations! Ping me if you have any questions.