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 →

Advertisements

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 →

Lightbeam – Behind the scenes

It's more than 2 weeks now. I haven't had the time to write anything down. So here's a quick post on what's happening! San Fransisco - Mozilla All Hands 2017 Before The week of June 26 - 30 was Mozilla All Hands 2017 at San Fransisco. It was my first time into the United States... Continue Reading →

Lightbeam – ‘tale of 2 stores’

Thanks to Bianca, my fellow Outreachy-Lightbeam project partner for coining the above title in her blog and asking me questions to explain about the bug(PR) I recently fixed for Lightbeam. I  started explaining her last evening via quick diagrams and I already had an idea to make my next blog post colourful 😉 I have... Continue Reading →

Lightbeam 2.0 – MVP

It's been 4 weeks now, since we started working on Lightbeam 2.0. And we have an MVP! Here are my earlier posts on Outreachy and Lightbeam: Outreachy – suspense unfolds Lightbeam – why & what Lightbeam – Q & A The first milestone in this internship is this initial MVP. Every time, I and Bianca... Continue Reading →

Lightbeam – Q & A

The Mozilla Learning Network rallies and connects leaders who want to advance the promise of the Internet for learning in a networked world. This is done by fuelling new approaches to digital learning through Mozilla Hives, Clubs and Gigabit cities. As part of the Internet Health Basics learning activity, there is a module on Privacy and... Continue Reading →

Lightbeam – why & what

Lightbeam is a key tool for Mozilla to educate the public about privacy. In this blog post, you will know why I chose Lightbeam and what does it do. As I was browsing through the Outreachy project list, Lightbeam caught my attention for the following reasons: front-end web development (all things JavaScript) visualisations (D3.js) a... Continue Reading →

Create a free website or blog at WordPress.com.

Up ↑