holyjs HolyJS 2018 Msc (24.11.2018)

Visualising third-party website trackers

img

We’ll discuss the lessons we took from migrating a visual third-party website tracker tool using D3.js and ES6 from SVG to Canvas. You’ll learn how to tackle some of Canvas challenges, how to get better graph performance and how all of this can be converted to an immersive virtual reality experience using A-Frame!

In this talk, we shall look into the lessons learned from migrating a visual third-party website tracker tool using D3.js and ES6 from SVG to Canvas, synchronous to asynchronous data capture and storage using IndexedDB, with performance being the key factor. Canvas comes with its own challenges and we shall look into practical examples of how we tackled them. We shall also look into the concepts behind JavaScript physical simulations in order to understand the graph networks and hierarchies and the web-worker based approach for better graph performance. Lastly, let’s see how all of this can be converted to an immersive virtual reality experience using A-Frame!