March 27, 2014

Sri Lanka Cartogram with d3.js

We have been using d3js to visualize things on maps. And after struggling with topojson application my boss found a way to convert Sri Lanka Shape file (.shp) to topojson format. Then we wanted to use cartograms for our visualizations.

I found that there was a d3js cartogram implementation. - https://github.com/shawnbot/d3-cartogram/

With the help of this blog post - http://www.limn.co.za/2013/10/making-a-cartogram/, I finished cartogram Visualization. 

And Nisansa's co-ordinations for center of Sri Lanka was very helpful to calibrate Sri Lanka map.

You can find my sri-lanka-cartogram repository on GitHub - https://github.com/dedunumax/sri-lanka-cartogram

You find the live demo from here - http://web.dedunu.info/sri-lanka-cartogram/


Thanks https://github.com/mbostock for d3js library! He is a wizard in visualizations.
Thanks a lot https://github.com/shawnbot for cartogram.js! Hope this will be useful to you.

4 comments:

  1. Sounds Good! Sorry I didn't get that? What is the idea I can get from this implemented map?

    ReplyDelete
    Replies
    1. For this demo I used Sri Lankan Population. And this is a type of maps which you can visualize different variables.

      http://en.wikipedia.org/wiki/Cartogram

      Delete
    2. Wow! This Cartogram thing is amazing. Thanks bro.

      Delete