D3.js force layout

Debugging the ALPHA! While I have worked with D3.js in the past, the d3-force layout library was entirely new to me and it was very interesting to learn the concepts behind the physical simulations in order to understand the networks and hierarchies of the first and the third party trackers for Lightbeam. It did take... Continue Reading →

Advertisements

Web workers for Lightbeam

This is an initial attempt to improve the graph's performance for large number of nodes using web workers. This PR is a work in progress. The idea here is to off-load the heavy force layout computations to the web worker. This improves performance during page load. I am also experimenting on passing the logic to... Continue Reading →

React & Observables

Over the weekend, I attempted to learn about Observables and I tried to combine React & Observables. Considering my growing obsession to create zines, here is my attempt at tech-cartoons inspired by this great article from Julia Evans. The code can be found here.

Lightbeam – the launch

Drum roll.....!!! We released Lightbeam yesterday and I am super proud of my Outreachy work. You can find Lightbeam at the Mozilla add-ons page. What is new? Below are the highlights of Lightbeam 2.0.1: Re-written from scratch to adapt to the browser web-extension API Asynchronous data capture and storage IndexedDB for data storage (data is... Continue Reading →

WebRTC – behind the browser

In this blog post I shall discuss how WebRTC works in the browser. Here is the full blog series. The browser abstracts most of the WebRTC complexity behind three primary JavaScript APIs: MediaStream: acquisition of audio and video streams RTCPeerConnection: communication of audio and video data RTCDataChannel: communication of arbitrary application data Connections between two peers... Continue Reading →

WebRTC – architecture & protocols

In this blog post I shall discuss the architecture & protocols powering WebRTC. This blog series is for my upcoming WebRTC workshop at the Web Summer Camp, Croatia 2017. While WebRTC has greatly simplified real time communication on the web through the browser, it's background comprises of a collection of standards, protocols, and JavaScript APIs! The power of... Continue Reading →

Lightbeam goes virtual!

Here is a gif from my latest aframe experiments for Lightbeam. For Mozfest 2017, I had submitted the following proposal - 'Lightbeam, an immersive experience'. While the proposal is still being reviewed, I have been experimenting with Aframe and the above gif is an initial proof of concept 🙂 Here is the excerpt from the proposal:... Continue Reading →

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 →

WebRTC – a detailed history

The Past The need to connect virtually and have video conferences and communications on the web has been around for a while. In the past, Flash was one of the popular ways to achieve this. The alternate to this was plug-ins or an installable application on the PC. From a user's perspective, all these methods... Continue Reading →

Blog at WordPress.com.

Up ↑