D3.js Flood Map Killer

Question

Here is an example Flood Map using D3.js and topojson.

http://bl.ocks.org/cappelaere/6472064

https://gist.github.com/cappelaere/6472064

This is really a D3 tax. Simplifying topojson at boot time seems to hang Firefox. We really need to get this work to support our disaster management work. It would be great to have adaptive simplification as we get closer. Any help would be greatly appreciated. Thanks,

Pat.

Answer 1

To a large extent, your only choice for this is to have pre-simplified data sets that load according to the zoom level. That is, after each increase, you will need to determine whether to upload a new, higher resolution dataset for the region to which the user has zoomed. If so, you need to clear the existing elements and add new ones.

That would be quite a lot of effort. At this point, you can also have pre-processed bitmap fragments (for example, on Google Maps) and use a library like Leaflet , which makes a heavy lift for you. In addition to this pre-prepared map, you can still use D3 for dynamic material.