Visualisation ideas

[princiya]

We could retain the directed force graph from the existing version of Lightbeam to visualise all connections.

The graph could be made visually appealing this way:

Graph courtesy

Active third party connections are always highlighted in big circles. Each active third party connection is shown in the centre at a set interval. This should convey the potential threats to the user.

I like the overall circular connectivity in the graph here. With user in the centre of the circle, it's a nice way to represent that they are engulfed with third party connections which keep collecting data without their knowledge. As the no. of websites grow, this graph becomes dense, and in another way is a representation stating it's getting hard for the user to come out of it unless some nodes are broken, i.e. delete these third party connections.

When a lot of websites are visited, the above representation would be hard to interpret. We could have a bubble chart, where each bubble is the website and it's radius determines the third party connections corresponding to each website.

When a bubble (website) is clicked, we could show a popup listing of all the third party connections with statistics.

---

Alternatively, calendar view could be used to show the data for one year. Each box in the grid could be color coded based on the third party trackers visited per day.

Prev, Next navigation arrows to be used for previous/next year. This calendar view would also let choose a particular time period.

A popup, similar to the above bubble chart can be shown when each box in the grid is clicked.

---

[princiya]

Each tab can have this:

This could be toggled between numbers and the list view of actual website names.