Lightbeam – All the Math!

In this post I shall discuss all (most of) the math involved in the visualisations. A quick recall: Lightbeam is now responsive and fully interactive. Tooltips The math behind tooltips is the sequel to my blog post Lightbeam – Tooltips (SVG). Read this blog post to understand Lightbeam's migration from SVG to Canvas. Ignore the transforms... Continue Reading →

Advertisements

Web of Things – Peer to Peer Web

At the end of this month, I am attending the Web Summer Camp at Rovinj, Croatia and I would be running a half-day workshop on 01.09.2017 about Web of Things - Peer to Peer Web. Here is a little abstract about the workshop: The web today is a growing universe. Over the years, web technologies... Continue Reading →

Lightbeam – SVG to Canvas

SVG is the preferred choice for D3. But when you expect a lot of DOM nodes (yes, in the case of Lightbeam) you need to start worrying about the DOM performance and have to take the call to step out of the SVG comfort zone. We chose Canvas over SVG for Lightbeam 2.0! In this... Continue Reading →

Lightbeam – Tooltips (SVG)

In this blog post I want to share my lessons learned from creating tooltips for the Lightbeam visualisations. Visualisations are the major part of this Outreachy - Lightbeam internship. We use D3-force to create a simulation for an array of nodes (websites), compose the desired forces, and then listen for tick events to render the nodes as they update. When we started,... Continue Reading →

Blog at WordPress.com.

Up ↑