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

Encoding

This is the second episode of the BaseCS podcast. Encoding was on my reading list from a long time and I am very happy to check it off today.   Resources Hacking with Unicode - Mathias Bynens The absolute minimum about Unicode - Joel Spolsky  

Bits, Bytes & Binary

If you are following the tech feed on Twitter, then you couldn't have missed the news of a new Podcast being released to teach Computer Science fundamentals. It is the BaseCS Podcast with Vaidehi Joshi & Saron Yitbarek. If you haven't listened yet, please do! Tech-cartoons is my new found hobby and this series 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 →

Lightbeam updates

Here are two quick updates about Lightbeam because I can't contain the excitement to myself. Lightbeam goes responsive, yayyyyy!!! Responsive UI I am extremely happy for achieving this today. Making the UI responsive was there in our to-dos, but this one got done today accidentally in an attempt to answer few of the comments on... 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 →

princiya.com

Yesterday, I launched my website! Yayyy... after months of purchasing the domain name, here it is..¬†princiya.com‚ô• It is a¬†Hugo¬†powered website and hosted on¬†Github. I started with¬†Jekyll, but ended up using Hugo. Thanks to my Groovy on Grails knowledge, it helped me with setting up and understanding Hugo. For those of you wondering what's Jekyll or... Continue Reading →

Create a free website or blog at WordPress.com.

Up ↑