Responsive Maps and Continuous Legends about datamaps

[ramnathv]

I managed to modify the legend plugin to achieve a continuous legend. It is a hack based on the article I linked to earlier. Here is a jsfiddle with code to reproduce it. I also like the threshold key legends by Mike, and think it will be useful to write more flexible legend plugins.

PS. The plugins idea is supercool. It makes it really easy to extend datamaps without having to dig into the core code base.

[markmarkoh]

I'm glad you were able to use the plugin system!

The technique used for the responsive map looks like listening for window.onresize and updating the geographies drawn. If I were to put that in the library, I'd probably have drawOnWindowResize boolean.

Typically the best way to make the map look good on mobile or desktop is using a % width and media queries for height for the container element. It would just break on window resizing.

[ramnathv]

Thanks for a prompt reply. I understand the technical challenges with making maps responsive. If you can provide me with an example of how you would make this work using media queries, I can try to see if I can send a pull request after implementing the same.

I am working on a blog post on how to use datamaps with bindings for rCharts to create interactive choropleths from R. I was able to hook it up with AngularJS to allow animation and more control for time-series choropleths. Here is a draft of the post. Please DO NOT share as it is still work-in-progress and I still need to add attributions, especially for datamaps. If you have any feedback/comments, I would appreciate that.

[markmarkoh]

That looks incredible. I'm very excited that you went with Datamaps for that portion of rCharts. Also glad you were able to use the new updateChoropleth function!

Let me know when this is finished and I'll add a link to rCharts from the Datamaps project page.

[ramnathv]

Thanks. I hope to complete the post this week and will then share. I will keep you posted.

[ramnathv]

Connected issue with the animated map. updateChoropleth allows me to update colors, but the hover data is still tied to the original data. Is there a way to update the hover data also dynamically?

[hoprocker]

Has this been resolved?