For a project I have to use four sets of JSON datas (and one of the files is bigger than 10M).

I am loading these files asynchronously using queue.js. Once it's fully loaded and displayed I am meeting two problems.

Firstly, there is no animation when I zoom in or out the window. It's jerky and laggy. Secondly when I tried to zoom with the mouse the the zoom is systematically centered in the top-left corner.

I self-hosted my code here: http://adrienrahier.com/test/SFmap/

you can found the sources here: https://github.com/FracArt/ChallengeSF

  • No time to look into this right now, but whith all the JSON data you are loading a jerky and laggy experience is what you would expect! – Decio Oct 8 '13 at 9:43
  • it's part of the specifications unfortunately. By the way, I am interested if you have another solution to offer. – Mr Washington Oct 9 '13 at 9:17
  • If the specification is about loading huge amounts of vector data, then I do not think there are very good solutions yet, but as you are already using d3, have a look at: topojson and bl.ock... – Decio Oct 10 '13 at 12:36
  • I will take a look at bl.ocks. Thank you for your answer :-). – Mr Washington Oct 11 '13 at 11:05

You should check these code blocks from Mike Bostock.

  1. Click to zoom, please also check the comments on this example, links to another series of examples.
  2. Zoomable Geography

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.