I Love Blr : Visualizing Bangalore Temperature

I was going through weather data exposed by India Water Portal and I was thinking about an interesting application which would show my love to Bangalore. The best part of Bangalore is its temperature, rains and clouds. So I wrote this small app which uses the data provided by India Water Portal (which in turn is by CRU). IWP has data for all the districts in India, for every month and for multiple parameters. They have data for 100 years. It quite an amount of data to play with if you are interested. They have an easy way of filtering and downloading.

It uses Jquery and data is JSON format. View source the page to get the code. I am not much of a visual guy. I browsed many sites to get a color pattern. Here is what I am using for different temperatures 20,21,22,23,24,25,26,27,28,29,30. All temperatures are monthly averages and are in degree centigrade.

It took two hours for me to code it. Go check the application and let me know what do you think.

I Love Bangalore..because

I will add rain and cloud information once I demystify that data.

24 Responses

  1. Naveen says:

    Nice man…the screen flickered me to a trance-like state :)

  2. Vams says:

    Nice one :)..
    I want to make a similar one. can u pls suggest how to start ?

  3. PD says:

    Fantastic! Suggestions? Hmmm Is the colour coding random or changes from blue to pink /red based on the temp rise or dip?

  4. Kiran Hegde says:

    Interesting one Thej, Had seen u blog in Infy internal blogs….many a times technical :)
    This one is good :D

  5. Thejesh GN says:

    @Vams start with reading/seeing the present visualizations

    @PD added color details.

    @Kiran cool. now keep coming here :)

  6. Farheen says:

    It is amazing, Thejesh!!! Eager to say more of your creativity sooooon.

  7. Thejesh GN says:

    @Farheen thanks. I will try :)

  8. sandeep says:

    Maga add a prominent pic of Bangalore instead of colors at different temp. say have pic of a park at temp 21 make it cloudy as the temp increases make it brighter…

  9. Veera says:

    wow! cool (or hot!? :P )

    now i’m getting few ideas too.. lets see what I could do for Chennai.. thanks for the data link.

  10. Santhosh says:

    Wow! Great idea and nice application.

  11. Thejesh GN says:

    @sandeep : I will probably do that with rains :)
    @veera : You can do so many things. All you need is imagination.
    @Santhosh : thanks :)

  12. Sunish says:

    Hey Thej…as usual..you simply rock…why no data beyond Dec 2002? Or is it a problem with my browser :-)

  13. Thejesh GN says:

    @sunish they don’t have data available beyond 2002. Your browser is working quite well.

  14. vasistha says:

    too good thejesh…. i like your creativity…. keep doing stuff like this … is there any other way to get data beyod 2002 because after 2008 the real temperature varies and is too important..

  15. Hari says:

    Nice man

  16. Thejesh GN says:

    @vasistha thanks. I will see how I can get that data.
    @Hari thanks

  17. Shweta says:

    Amazing! am as usual quite impressed with your e-creativity! :)

  18. Anusha says:

    wow.. really cool app

  19. Harsha says:

    At first I thought it was webservice call.. got it after seeing the code.

    Nice app :)

  20. Thejesh GN says:

    @shweta ethanks :)

    @Anusha thanks

    @Harsha webservice would make it really slow. All the required data is in a JSON file. It makes it faster.

  21. Anush says:

    I have a suggestion, have the labels (Month/Year) above the slider

  22. amazing post…. thnks for posting it!!

  23. I like your application.it gave us knowledge about temperature,rains and clouds.