Indecoded

by
  • Ashris Choudhury
A cartogram is a distorted map shows the impact of data on space. So, if a cartogram with Population were to be visualized, Uttar Pradesh would swell up because of high population and Odisha would shrink because of its low population. On clicking any of 14 parameters like Literacy, GDP, HDI or GDP/Capita, the map distorts to show the effect of the parameter on the individual states.
data visualization maps d3 web

Indecoded presents a simple interface to explore data visualization via cartograms. On clicking any of 14 parameters like Literacy, GDP, HDI or GDP/Capita, the Indian map distorts to show the effect of the parameter on the individual states.

As the transformation is animated, one can observe the gradual change in data as transition happens between variables. The colors change according to the ranks. Blue indicates high index (high population, high literacy) and Red indicates low index (low population, low literacy).

Screenshot of the landing page

Screenshot of the landing page

“It’s not about what you say, but how you say it”, the creator remarks on his take on this project. “I remember having to memorize maps for my Geography exams as a kid and I thought to myself, can there not be a better way of reading all this? Indecoded was sort of something I wish I had back in the days of Board exams.”, he explains.

Ashris decided to disable the website on mobile devices because of interaction issues. He talks about this decision with us.

“Designing for mobile is a whole different game than designing for the web. The experience just isn’t the same even if you can emulate the same functionalities. Even if the site technically worked on mobiles, it was hard to select the buttons or see the animation since the vertical layout on phones would force the user to scroll down. It just felt awkward on phones, so I thought let’s ditch the phones. Maybe if I was more experienced, I could have come up with a better interaction.”

Population cartogram

Population cartogram

Underneath the pretty front-end lies what Ashris calls “a jungle of mess”. The website uses SVG (Scalable Vector Graphics) format to visualize the states. Ashris used this format because SVG diagrams can be controlled programmatically. To create the cartograms, he used a cartogram software called ScapeToad.

The project is open sourced and the source code can be found here

Ashris Speaks

How did you come up with this idea?

The idea of cartograms isn’t new. I had seen a lot of cartograms made for the world on Facebook. One day my homie Bishnu sends me this dope site and I get interested in making something similar for India. Luckily they also had an article on how to make cartograms. Most of the code for Indecoded was based on their article.

World Cartogram showing Population distribution in the world | Credits: Benjamin D. Hennig

World Cartogram showing Population distribution in the world | Credits: Benjamin D. Hennig

You are probably tired answering this question but, even though you are an Architecture student, so how do you know how to code?

With the tools available online today, anyone can learn how to code. I don’t think what you learn in college should define what you can or should do.

I started with just copy-pasting code. I didn’t even know what I was doing then. But gradually by trial and error, I figured out how coding works and then gained some confidence to write my own code.

I took fancy to web development because you get a direct visual output and there’s this whole feeling of “Wow, I just made that thing move, appear or whatever on screen” which sort of motivates you to do more.

The first such hacky website I made was 2048 KGP Style, a ripoff of the popular 2048 game with the numbers replaced with images of Departments in IIT. It was such a trivial thing but it made me wildly happy because I made it ^_^

What do you think about the data visualization scene in India?

It is very nascent. It is only now that data viz, especially in its interactive form has been becoming relevant. Hindustan Times and Quint have been doing some really creative stuff of late which I am impressed by.

But then, I am not proud enough to believe that web data visualization is the “true” data visualization or anything. Print media has been making great content before the shiny websites came.

It will take some time not only for journalists to master the web but also for the readers to get used to this new form of media.

What are your inspirations?

Back in IIT, I was inspired by projects by Vivek Aithal, a senior at my college. I always wanted to do a project like him and Indecoded I guess was one such attempt.

Also, I was inspired by projects done by MIT Media Lab and I was trying to do projects to make a portfolio. So that drive was also conducive to me getting off my comfort zone and doing cool shizz.

What do you think about the creative scene in India?

It is coming in a strong and big way. The Internet has unleashed the creative energies, I feel. For long we have suffered from hackneyed content, both on television and movies. As a result, we rarely thought of doing something out of the box, experiment or create our own style of doing things.

Look at the scene now – such great content in music, comedy, short films. How is this happening? Creativity, as Matt Ridley says is “Ideas Having Sex”. We are seeing ideas merge and fuse to produce new ideas. It’s like “I have a technology” + “I have a design”… “Aunhh” = “Technology Design”, like the PPAP dude says.

What TVF and AIB did to the video scene in India should happen to technology and design. They simply had fun, got rid of the academic way of doing things and created a unique Indian version of comedy. They started with low budget videos, had fun, figured out the rigorous parts eventually like good camera control, improved script writing and all that – now they are a giant-ass production company.

That is what we need – the tech people and the design people to maybe stop worrying about their papers, publications, h-indexes or whatever and just come out and have fun – look at the world with eyes filled with curiosity and wonder.

A generation of uninspiring standardized education has made us forget what having fun while learning is like and we need to reawaken that in us.

So what do you recommend the plan should be to transform India into a creative place?

Start respecting the creative people first. India does very little to nurture its creative talent. It is almost like we have tried to seal it up and creativity is still somehow leaking through the cracks. Imagine if we could open the gates and allow creativity to flourish.

There are two approaches - top-down or bottom-up. Top-Down would be to have our broken education system fixed, encouraging individual initiatives and all that. The government is doing its bit there. The second approach is Bottom-Up which starts at home. It is something we can do individually. We should solve the big old Indian paradox of “Big achievements, Low Risk” mentality. We have to be comfortable with taking risks, trying new things, appreciate our kids when they want to learn something new.

Outliers is an attempt to gradually do this. We want to provide a platform for the creative right-brainers of this nation because we feel it has been squandered for long.

Any other thoughts?

In general, there are four phases every developed country goes through : hunter gatherers, agrarian, industrial, and information. India missed the third phase, so now we are somehow jumping directly from the second to fourth. There is a fifth phase which is coming in big ways, that’s AI. We shouldn’t miss this one.