From Correlation to Causation through stories and math

-
Image
Correlation and causation are two concepts that people often mixup in their minds. I must admit that I myself have been guilty about this, and it unlikely that I would ever entirely grow out of it as it is wired deeply into our psychology. Let me use this article to briefly emphasise what the concepts of correlation and causation means, some interesting stories that have emerged from people misunderstanding these concepts and an algorithm that attempts to find causal relationship using correlation information. Here is a story that I heard a professor of mine, Prof. Dr. Ernst-Jan Camiel Wit, tell us during a lecture. There was a school that was involved in a study to see if providing free mid-day meals to students, which they could choose to be subscribed to this or not. At the end of the study, both the students who subscribed to it and did not where tested for different health indicators. It was observed that the students who chose to have meals from the programme had poorer health
Post a Comment

Slideshow on Google Images

-
I opened Google Images and searched for Batman, which is probably my favourite Super Hero. I had connected my laptop to a TV screen and I wanted to see all the images as a slideshow. And, just like many other posts in this blog, I started using the Chrome Developer Tools.

I clicked on the first image. The image was being displayed on the side and a button to move to the next image came in. I right-clicked on the button and did an Inspect and I found that the button was having classes KJaJCe irc-rab. I ran the following command to see if there are other elements with the same class.

document.getElementsByClassName('KJaJCe irc-rab')


I saw that there were three elements, but the button to go to the next image was always having an index of 1. So, I went ahead and did the following:

a = document.getElementsByClassName('KJaJCe irc-rab')[1];
a.click();

Each time I ran a.click it showed me the next pic on the right-hand side and I was convinced that if I keep this in a setInterval loop, I could have the slideshow running.

setInterval(function(){
    a = document.getElementsByClassName('KJaJCe irc-rab')[1];
    a.click();
}, 2000);
I was satisfied for a while that this worked, but I felt that I need the images to fill in the entire screen. The idea is to change the image width and height into 100%. I had a little trouble to get this done, but I was successful at the end.

As I simply tried to edit the style using both the console and JavaScript commands, I found that it would be hard to simply try to expand the image. Therefore, I decided to create a lightbox and append it to the body, then clone the new coming images into the lightbox. The following is the code to do that.

style = document.createElement('style');
style.innerHTML = `
#lightbox{
    background: #000000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-Index: 999;
}
#lightbox img{
    width: 100%;
    height: 100%;
}
`;
document.body.appendChild(style);
var lightbox = document.createElement("div");
lightbox.id = "lightbox";
document.body.appendChild(lightbox);
setInterval(function(){
    a = document.getElementsByClassName('KJaJCe irc-rab')[1]
    a.click();
    lightbox.innerHTML = '';
    divs = document.getElementsByClassName('KkFss');
    for(var i = 0; i < divs.length; i++){
        var clone = divs[i].cloneNode(true)
        clone.style.position = "fixed";
        clone.style.left = "0px";
        clone.style.top = "0px";
        clone.style.width = "100%";
        clone.style.height = "100%";
        clone.style.zIndex = 999 + parseInt(divs[i].parentElement.parentElement.parentElement.parentElement.parentElement.style.zIndex);
        clone.style.display = "block";
        clone.className = "changed";
        lightbox.appendChild(clone);
        console.log(divs.length);
    }
}, 2000);
You can copy paste the code above in your Chrome Developer Tools Console and see the effects as shown in the image below.



Now that you have the code to create Google Image Slideshow, you could go ahead and create your own extension out of it so that you don't have to copy-paste the code each time you wish to activate the slideshow. If you don't already know that, you could go ahead and read my blog post titled How to Create your own Ad Blocker Chrome Extension.

Comments

Post a Comment

Popular posts from this blog

Started a blog under HexHoot

-
I think it is for the best to start a separate blog under HexHoot. This will help me promote the project by making lots of content related to it, which could eventually drive traffic into the page. I really am betting on HexHoot taking off. I see a lot of potential in the project. Check it out:  https://blog.hexhoot.com/
Read more

Bought a new domain - chickfort.com

-
A couple of days ago, I bought a domain named 'chickfort.com'. I have been wanting to own a '.com' domain for quite a while now, and I didn't want to buy one from a reseller. Every now and then, I used to go to one of the domain registrants and search for interesting names that would come into my mind. This has been going on for quite a while, and I finally found a domain name that is short enough and is a combination of two simple English words. The aforementioned is not the main reason why I chose to buy this domain. The words 'chick' and 'fort' coupled together could be loosely translated into the endonym of my hometown, Kozhikode. Additionally, I believe that the domain name could be potentially used for a wide-variety of purposes. The interesting thing is that, I have been receive calls from a few software and web development companies after I made this purchase. I wonder if the domain registrar is secretly sending the data to the marketing team
Read more

First impression of Lugano - Mindblowing

-
Image
I started off from Zurich at around 7.30 in the morning. There was a direct train to Lugano from Zurich HB. I vaguely remember my internet searches on the cost to travel from Zurich to Lugano via train to be about 30 CHF, but in reality, taking the ticket from the station, it costed me double of that. I don't know if the tickets have surge prices or something. Anyway, the journey was nice as I was able to see some beautiful places along the way and I think I had a chance to go through Gotthard Base Tunnel, which is the longest tunnel in the world. Getting down at Lugano station and looking out, I saw one of the most beatiful scene that I have ever seen. I am not sure if I could describe that properly in words, nor do I think the following photograph that I took justifies how it looked to me in person. I had to walk down a lot of stairs from here with the heavy bags that I had, only to realize that I made a wrong turn at some point. I was informed that instead of going back up, it w
Read more