Skip to content

Instantly share code, notes, and snippets.

@martgnz

martgnz/.block

Last active September 13, 2019 09:32
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 2 You must be signed in to fork a gist
  • Save martgnz/a61c2da0e45a108c857e to your computer and use it in GitHub Desktop.
Save martgnz/a61c2da0e45a108c857e to your computer and use it in GitHub Desktop.
Download ZIP
Spam.js Choropleth IV
Raw
.block
license: mit
height: 650
border: none
Raw
README.md

An example of a zoomable choropleth made with spam.js, this time with a tooltip, a legend and a quantile scale.

Display the source blob
Display the rendered blob
Raw
bcn.json
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Display the source blob
Display the rendered blob
Raw
districtes.json
{"type":"Topology","objects":{"districtes":{"type":"GeometryCollection","crs":{"type":"name","properties":{"name":"urn:ogc:def:crs:OGC:1.3:CRS84"}},"geometries":[{"type":"Polygon","properties":{"codi":"01","districte":"Ciutat Vella"},"arcs":[[0,1,2,3]]},{"type":"Polygon","properties":{"codi":"02","districte":"Eixample"},"arcs":[[-4,4,5,6,7,8,9]]},{"type":"Polygon","properties":{"codi":"03","districte":"Sants-Montjuïc"},"arcs":[[-3,10,11,-5]]},{"type":"Polygon","properties":{"codi":"04","districte":"Les Corts"},"arcs":[[12,-6,-12,13]]},{"type":"MultiPolygon","properties":{"codi":"05","districte":"Sarrià-Sant Gervasi"},"arcs":[[[14]],[[15]],[[16,17,-7,-13,18]]]},{"type":"Polygon","properties":{"codi":"06","districte":"Gràcia"},"arcs":[[-8,-18,19]]},{"type":"Polygon","properties":{"codi":"07","districte":"Horta-Guinardó"},"arcs":[[20,21,-9,-20,-17,22,23]]},{"type":"Polygon","properties":{"codi":"08","districte":"Nou Barris"},"arcs":[[24,-24,25]]},{"type":"Polygon","properties":{"codi":"09","districte":"Sant Andreu"},"arcs":[[26,-21,-25,27]]},{"type":"Polygon","properties":{"codi":"10","districte":"Sant Martí"},"arcs":[[28,-1,-10,-22,-27]]}]}},"arcs":[[[7351,4923],[60,-54],[65,-57],[128,110],[61,-56],[70,-63],[191,-170],[23,-21],[22,-20],[11,-9],[5,3],[121,103],[7,-23],[28,-8],[188,-164]],[[8331,4494],[-9,-8],[-23,-13],[-155,-74],[-56,-106],[108,-46],[-32,-61],[-107,45],[-55,-117],[-19,-42],[-38,-82],[-193,-438],[24,-66],[67,-20],[26,49],[27,-11],[-238,-431],[-37,-113],[4,-2],[-6,-16],[-13,3],[-84,-255],[-50,13],[11,32],[27,-7],[103,312],[-31,8],[8,25],[35,8],[114,207],[-79,33],[-17,-32],[-16,-46],[-28,-39],[-47,-42],[14,-24],[39,-17],[-10,-18],[-45,19],[-20,34],[-15,-6],[-12,42],[-10,-2],[-9,31],[30,7],[6,-20],[70,96],[15,81],[-24,3],[3,18],[22,-2],[17,109],[-13,2],[-13,-79],[-16,2],[-10,-67],[-69,8],[4,25],[-34,4],[20,124],[-23,2],[5,36],[142,-17],[3,24],[-84,8],[12,84],[84,-8],[7,52],[-21,2],[-20,7],[6,14],[-8,5],[20,23],[20,42],[-43,16],[-38,-18],[-17,-130],[-48,5],[-40,22],[9,10],[33,-18],[3,19],[-35,16],[5,8],[31,-14],[3,20],[-36,12],[4,9],[33,-12],[3,20],[-38,9],[3,9],[36,-9],[3,20],[-38,7],[2,10],[37,-7],[3,20],[-32,3],[2,9],[30,-3],[86,38],[4,17],[-13,3],[2,12],[13,-2],[22,99],[-51,147],[-7,4],[-4,12],[-80,45],[-29,-5],[-36,-11],[83,-246],[-123,-180],[-105,55],[-12,37],[41,-21],[-5,19],[100,145],[-42,123],[-3,1],[-159,-234],[68,-33],[12,-37],[-83,44],[-38,-56],[-37,-55],[279,-147],[-60,-88],[-251,134]],[[7082,3659],[-1,4],[-41,21],[-3,3],[0,6],[-26,14],[-41,22],[-3,2],[44,63],[-68,20],[-111,10],[-28,2],[-1,0],[-46,4],[-104,8],[-25,0],[-60,-4],[-40,2]],[[6528,3836],[-12,13],[-11,13],[-51,45],[-25,23],[-1,1],[-35,33],[-45,41],[-18,16],[-63,58],[-7,6],[13,105],[0,7],[8,60],[2,21],[4,30],[2,15],[0,3],[14,115],[1,5],[8,69],[1,10],[45,34],[294,-30],[76,96],[52,66],[25,33],[3,3],[1,1],[35,33],[18,0],[118,-2],[86,77],[64,27],[76,34],[1,1],[20,19],[1,1],[64,57],[59,-52]],[[6528,3836],[-10,1],[-40,2],[-45,-1],[-40,0],[-12,0],[-68,0],[-37,0],[-17,0],[-54,0],[-28,0],[-40,0],[-11,0],[-16,0],[-63,1],[-52,0],[-41,-1],[-73,0],[-16,0],[-16,0],[-83,0],[-15,-1],[-6,0],[-138,1],[-60,0],[-39,19],[-10,5],[-15,7],[-17,13],[-1,1],[-8,5],[-37,33],[-67,58],[-64,56],[-10,9],[-28,28],[-22,18],[-54,47],[-52,48],[-1,0],[-1,2],[-24,24],[-13,12],[4,81],[2,22],[6,98],[0,13],[5,92]],[[5101,4529],[1,12],[6,63],[10,67],[7,41],[14,64],[12,58],[7,27],[2,13],[16,50],[24,62]],[[5200,4986],[23,3],[3,4],[9,8],[-4,18],[37,11],[19,5],[15,5],[91,26],[6,2],[95,29],[96,28],[106,32],[88,25],[4,1],[51,15]],[[5839,5198],[206,61],[13,11],[3,3],[7,5],[16,13],[90,80],[15,13],[60,53],[4,4],[64,56],[64,56],[0,1],[61,54],[64,-57],[68,59],[64,56],[63,55],[64,56],[-65,58],[-62,56],[-64,58]],[[6574,5949],[72,64],[60,53],[62,54],[63,56],[61,54],[64,55]],[[6956,6285],[34,-27],[32,-30],[32,-29],[33,-29],[63,-55],[5,-2],[61,-57],[62,-55],[64,-56],[48,-43],[16,-14],[64,-56],[83,-74],[-14,-16],[-6,-11],[-5,-23],[-6,-7],[2,-7],[2,-4],[6,-15],[3,-5],[3,-6],[3,-7],[12,-5],[-1,-1],[34,-11],[15,0],[0,-34],[0,-231],[1,-91],[-4,-13],[-2,-4],[2,-76],[-2,-38],[-1,-21],[-50,-43],[-130,-111],[-64,-55]],[[7082,3659],[-11,-16],[-18,2],[-18,-145],[20,-2],[-4,-37],[-20,2],[-16,-124],[18,-2],[-10,-19],[173,-73],[8,16],[61,-27],[-19,-33],[101,-42],[2,3],[25,7],[-6,21],[29,7],[7,-29],[-9,-2],[12,-44],[9,-59],[-21,-5],[-218,-399],[-110,-198],[-73,-143],[1,-27],[-9,-18],[-28,-39],[-9,-29],[-188,-1010],[-111,-565],[180,-619],[-48,-11],[-178,622],[115,580],[-79,11],[32,171],[-34,4],[133,717],[-20,2],[4,18],[3,10],[9,16],[18,-8],[142,257],[-15,6],[14,23],[14,-7],[169,306],[-18,8],[14,26],[18,-8],[214,387],[-101,43],[-58,-107],[-24,11],[16,29],[-181,77],[-149,-228],[193,-83],[-75,-134],[-254,110],[-56,-101],[179,-141],[-322,-572],[-14,6],[18,31],[-238,187],[-9,-3],[-33,45],[-62,-35],[8,-11],[-6,-4],[251,-347],[-30,-17],[-208,287],[-74,-41],[21,-30],[-21,-11],[65,-91],[-467,-311],[-23,4],[14,113],[-21,2],[9,73],[-117,13],[-14,-107],[-57,-497],[-224,-7],[1,-17],[-19,8],[-56,-106],[170,-69],[-81,-154],[13,-6],[-10,-19],[143,-59],[408,774],[198,105],[84,-38],[334,-64],[-47,-124],[-46,9],[-327,-869],[-39,1],[20,51],[-238,2],[-11,-44],[-35,0],[-8,-33],[-16,-45],[-15,-52],[-13,-54],[-28,-80],[29,-12],[-23,-44],[-32,13],[-53,-102],[-574,39],[-484,-22],[-218,26],[-95,17],[-158,36],[-189,46],[-234,75],[-131,79],[-68,123],[-149,194],[-3,0],[-68,64],[-41,55],[-65,68],[-69,66],[-130,86],[-29,11],[-51,27],[-47,33],[64,35],[52,16],[132,56],[96,40],[22,5],[187,76],[857,333],[49,29],[-20,35],[78,55],[23,-35],[11,4],[3,-6],[33,13],[-2,4],[21,9],[5,-9],[23,8],[3,-5],[22,18],[66,44],[33,30],[18,2],[14,-9],[41,24],[-23,27],[81,41],[21,-32],[97,43],[4,2],[9,6],[-53,54],[-39,47],[2,4],[-58,82],[-9,-4],[-29,43],[-4,10],[-4,6],[-6,10],[-6,15],[-6,14],[-6,15],[-5,9],[-69,103],[16,6],[16,7],[8,7],[6,10],[11,37],[6,28],[4,30],[0,25],[-1,32],[1,20],[0,4],[1,22],[2,16],[1,19],[2,10],[3,13],[5,10],[3,4],[12,11],[22,22],[4,3],[6,5],[13,11],[36,31],[12,8],[26,27],[-113,101],[-15,14],[-42,104],[-7,27],[-1,12],[-21,34],[-14,24],[-21,71],[-11,24],[-2,3],[0,1],[-5,20],[-4,0],[-15,28],[-15,22],[-7,12],[-22,27],[-15,15],[-2,2],[-25,24],[3,3],[-11,9],[-15,12],[-4,-1],[-10,7],[1,3],[-18,7],[-26,11],[-29,19],[-11,6],[-16,9],[3,2],[-20,16],[-17,14],[-4,0],[-6,5],[-8,7],[-46,37],[-18,13],[-5,2],[-35,23],[-4,3],[-14,29],[-5,2],[-11,19],[3,2],[-19,21],[-8,5],[-59,33],[-21,19],[-3,4],[-2,6]],[[3924,3886],[56,-4],[52,39],[56,40],[32,23],[26,17],[29,21],[40,29],[20,11],[12,7],[90,61],[1,0],[16,10],[27,16],[18,10],[28,15],[40,21],[18,9],[37,11],[66,21],[109,44],[40,16],[5,2],[73,33],[36,16],[48,26],[68,45],[4,4],[79,64],[27,22],[10,7],[14,7]],[[2855,5562],[2,0],[1,0],[2,0],[3,0],[2,-1],[1,0],[2,0],[2,1],[2,0],[6,1],[5,-1],[6,-1],[5,-1],[4,-2],[5,-1],[4,-1],[9,-4],[23,-8],[10,-4],[19,-6],[23,-2],[2,-1],[4,-1],[1,-1],[1,-1],[1,-1],[1,-3],[1,-1],[1,-1],[1,-1],[1,-1],[1,-1],[1,0],[1,0],[1,0],[1,0],[1,0],[2,-1],[1,0],[4,-2],[2,-1],[3,-1],[1,-1],[1,0],[1,0],[1,-1],[3,-1],[1,-1],[1,-1],[13,-6],[3,-1],[2,0],[2,-1],[2,-2],[2,0],[1,-1],[2,0],[1,-1],[1,-1],[3,-1],[3,-2],[1,-1],[2,0],[1,-2],[0,-1],[1,-1],[2,-1],[1,-1],[1,-1],[5,-2],[2,-2],[1,-1],[1,0],[1,-1],[3,-2],[1,0],[1,-1],[1,-2],[1,-2],[1,-2],[2,-2],[1,-2],[0,-1],[1,-1],[0,-1],[1,-2],[0,-2],[2,-3],[1,-1],[0,-2],[1,-1],[1,-1],[1,-1],[2,-1],[2,-1],[3,-3],[3,-1],[1,-1],[5,-2],[2,0],[3,-1],[2,-1],[1,-1],[24,-25],[4,-11],[1,-1],[1,-1],[1,-1],[1,-1],[1,-1],[5,-3],[12,-7],[6,-9],[-2,-2],[-1,-2],[1,-4],[3,-10],[1,-2],[5,-12],[1,-3],[4,-6],[0,-2],[0,-2],[0,-2],[-1,-1],[0,-1],[0,-1],[3,-6],[1,-1],[0,-1],[2,-1],[5,-5],[4,-3],[2,-1],[1,-1],[1,-2],[2,-2],[1,-2],[0,-3],[1,-8],[13,-17],[14,-39],[25,-22],[12,-2],[6,1],[31,6],[38,23],[19,15],[31,34],[26,16],[70,-46],[17,-11],[63,-40],[39,-14],[24,-5],[21,-7],[17,-10],[16,-11],[12,-15],[9,-14],[8,-16],[3,-20],[-1,-41],[-5,-24],[-11,-18],[-10,-15],[-24,-27],[13,-11],[25,-11],[27,-7],[49,-17],[15,-8],[4,-3],[8,-5],[20,-20],[6,-7],[7,-10],[4,-12],[6,-12],[7,-16],[49,22],[44,20],[25,9],[6,0],[5,1],[38,11],[98,29],[82,25],[132,40],[11,3],[10,3],[11,-1],[39,-4],[62,-11],[42,-8],[133,-23],[91,-17],[65,-12],[42,-10],[56,15],[144,41],[54,15],[68,19],[20,-15]],[[3924,3886],[-2,7],[-1,45],[0,37],[1,14],[0,10],[0,3],[-4,14],[-8,21],[-6,-3],[-1,0],[-99,-68],[-50,-35],[-55,-39],[-28,0],[-25,1],[-151,4],[-59,1],[-46,0],[-176,4],[1,36],[-2,39],[-27,47],[-7,8],[-4,2],[-6,0],[-3,-1],[-4,1],[-2,2],[-2,2],[-2,6],[-3,6],[-12,9],[-17,11],[-31,12],[-9,3],[-27,5],[-9,4],[-8,5],[-5,3],[-4,3],[-4,4],[-2,4],[-7,12],[-5,5],[-3,1],[-41,0],[-11,-1],[-8,1],[-25,16],[-25,18],[-67,47],[-22,13],[-16,17],[-18,39],[-1,2],[-3,11],[0,14],[12,96],[40,3],[13,7],[15,15],[14,15],[4,5],[4,4],[5,4],[12,20],[0,4],[-6,7],[-10,7],[-1,1],[0,1],[-1,6],[-6,2],[-5,2],[-1,0],[-1,0],[-1,2],[-1,1],[0,1],[-1,4],[-3,1],[-4,3],[-1,1],[0,1],[-1,6],[-5,4],[1,3],[-4,3],[-2,6],[-6,1],[-6,3],[-5,6],[1,5],[-2,2],[-2,3],[-2,2],[-5,2],[-10,7],[-2,3],[-5,7],[-14,14],[-6,4],[-10,10],[-19,16],[4,4],[3,2],[5,4],[12,5],[10,3],[25,7],[5,3],[-1,1],[-6,3],[-6,1],[-6,3],[-17,15],[-9,7],[-12,3],[-5,1],[-15,7],[-15,14],[-6,24],[-8,26],[-2,5],[-1,6],[-6,50],[-3,7],[-4,17],[-3,22],[4,15],[-3,13],[-3,11],[1,4],[-2,25],[2,19],[-5,10],[-16,17],[-20,29],[-11,10],[-9,7],[-13,6],[-12,3],[-20,7],[-4,5],[-2,4],[-2,25],[-1,12],[5,7],[3,5],[10,10],[6,10],[7,15],[4,15],[8,10],[8,7],[14,14],[1,12],[-2,12],[12,20],[9,14],[13,11],[9,11],[13,26],[6,24],[4,7],[9,20],[5,10],[2,4],[2,35],[1,4],[17,12],[17,10],[22,9],[8,6],[9,11],[9,6],[7,6],[5,9],[0,22],[12,23],[8,17],[4,8],[-3,27],[1,4],[3,0],[9,-2],[4,0],[5,1]],[[1112,6329],[-91,-35],[11,30],[-6,46],[-13,41],[3,16],[39,56],[101,53],[39,49],[18,34],[3,29],[1,1],[8,-21],[-4,-17],[66,-63],[-1,-1],[-43,-47],[-23,-19],[-108,-152]],[[443,7728],[7,-2],[16,2],[26,6],[84,30],[31,-129],[-4,-11],[47,0],[24,1],[26,2],[59,-6],[153,-14],[-39,-150],[-4,-9],[-4,-15],[2,-6],[1,-12],[-15,-32],[-9,-25],[-15,-20],[-12,-25],[-4,-14],[3,-16],[7,-21],[10,-36],[144,-37],[89,-183],[-45,-259],[-1,0],[-135,-38],[-18,-5],[-17,-8],[-16,-9],[-20,-1],[-104,1],[-44,-19],[40,-82],[-12,-66],[-29,-101],[-122,-42],[-180,-61],[32,-19],[15,-11],[10,-9],[9,-10],[6,-11],[4,-10],[10,-10],[-132,-88],[-192,264],[30,28],[23,25],[24,38],[25,33],[24,38],[3,20],[6,51],[6,31],[4,20],[0,7],[-1,8],[-13,22],[-4,18],[-13,28],[-6,47],[-9,17],[-3,12],[0,7],[3,12],[3,5],[1,7],[-2,14],[-7,14],[-15,18],[-17,15],[-14,10],[-13,5],[-22,6],[-16,8],[-3,4],[-3,7],[0,8],[-29,-5],[-10,19],[-12,19],[-13,15],[-11,8],[-5,2],[-11,1],[-3,2],[-9,7],[-13,17],[5,4],[18,16],[15,12],[20,11],[24,4],[30,9],[28,9],[91,37],[20,9],[21,16],[16,8],[9,6],[5,10],[5,13],[-2,35],[3,32],[4,15],[18,55],[2,9],[0,23],[-2,35],[-41,327],[3,102],[119,4],[18,1],[4,0],[1,-1],[2,-2],[0,-5],[-3,-8],[-4,-37],[-3,-26],[0,-30],[8,-24],[4,-15],[5,-6]],[[3887,7194],[5,-4],[4,-6],[1,-6],[0,-6],[-6,-13],[-40,-76],[-4,-15],[0,-15],[5,-39],[0,-8],[-3,-5],[-2,-8],[1,-6],[3,-7],[8,-16],[8,-21],[5,-9],[5,-6],[10,-9],[14,-17],[5,-10],[4,-14],[-2,-8],[-2,-2],[-4,-3],[-15,-7],[3,-1],[0,-1],[3,-1],[0,-1],[9,-4],[7,-4],[0,2],[15,-8],[8,-3],[6,-3],[26,-14],[20,-9],[7,-4],[73,-36],[6,-3],[19,-9],[6,-2],[5,-2],[13,-5],[2,-1],[3,-2],[4,-2],[6,-3],[25,-13],[33,-17],[20,-10],[70,-37],[7,-3],[35,-19],[1,2],[5,-3],[2,4],[-9,11],[-16,16],[-23,15],[-8,7],[-3,6],[0,4],[3,3],[8,8],[4,6],[1,5],[-2,5],[-12,15],[-10,5],[-9,3],[-6,4],[-1,11],[7,8],[16,6],[10,8],[7,1],[9,-2],[7,2],[14,12],[5,1],[4,-1],[3,-3],[5,-13],[7,-6],[9,-3]],[[4346,6780],[4,-2],[3,-2],[4,-2],[2,0],[2,-1],[3,0],[3,1],[3,1],[3,2],[2,2],[3,2],[2,2],[2,2],[2,2],[3,1],[2,0],[3,-1],[2,-2],[1,-3],[-1,-4],[-1,-9],[-3,-17],[9,-29],[17,-24],[43,-6],[49,23],[9,-2],[107,-49],[56,-54],[62,-66],[-13,-40],[15,-16],[47,-50],[29,-12],[11,-10],[1,-1],[110,-98],[7,-8],[15,-13],[27,-24],[13,-8],[1,0],[3,-1],[2,0],[50,-7],[49,-5],[20,-3],[79,-7],[27,-4],[12,-8],[7,-6],[1,-2],[19,-27],[6,-13],[9,-25],[19,-28],[23,-34],[27,-41],[14,-20],[10,-12],[26,-26],[34,-32],[-4,-3],[-12,-11],[7,-6],[-6,-5],[3,-4],[2,2],[1,-1],[1,0],[1,0],[11,-11],[4,3],[8,-8],[4,3],[-9,9],[13,9],[3,-3],[21,-21],[25,-23],[5,-12],[1,-10],[-4,-14],[-1,-10],[3,-14],[19,-57],[-1,-15],[-17,-25],[-8,-35],[5,-12],[11,-17],[39,-60],[9,-13],[7,-14],[4,-27],[-3,-21],[1,-13],[26,-32],[22,-26],[61,-72],[7,-7],[1,-1],[45,-51],[52,-62],[20,-30],[20,-46]],[[2855,5562],[7,16],[5,19],[3,27],[5,18],[11,18],[13,27],[4,15],[3,17],[0,17],[-10,29],[-9,19],[-5,5],[-13,5],[-13,7],[-12,6],[-20,6],[-24,5],[-3,6],[-4,6],[-5,15],[-1,37],[-3,27],[-7,11],[-8,9],[-1,9],[-3,27],[0,4],[-2,4],[-4,6],[-20,28],[-16,34],[-24,4],[-65,27],[-11,4],[-36,11],[-22,4],[-15,-1],[-10,-3],[-8,-5],[-7,-11],[-11,-23],[-13,-15],[-26,-19],[-40,-10],[-82,14],[-59,11],[-29,4],[-38,-3],[-19,-3],[-3,1],[-41,8],[-51,6],[-36,9],[-27,5],[-50,19],[-18,7],[-17,12],[-15,16],[-19,11],[-12,4],[-22,3],[-23,-2],[-11,-2],[-11,-6],[-9,-4],[-22,-19],[-11,-12],[-13,-11],[-61,-57],[-28,-32],[-7,-12],[4,-9],[-12,-9],[-14,-9],[-48,-26],[-8,-3],[-10,-6],[-3,-8],[-6,-5],[-20,-13],[-2,-6],[4,-46],[-3,-12],[-2,-13],[-12,-20],[-18,-19],[-22,-20],[-27,-30],[-9,-7],[-9,-6],[-15,-5],[-11,-13],[-9,-4],[-10,-1],[-9,1],[-48,13],[-27,4],[-31,2],[-14,-2],[-15,-4],[-17,-8],[-13,-9],[-14,17],[-25,21],[-26,18],[-41,-11],[-44,22],[-33,46],[-37,44],[-11,15],[-25,23],[-39,32],[-10,38],[17,13],[18,1],[22,3],[36,4],[17,2],[11,6],[11,11],[7,12],[1,6],[-12,29],[-10,25],[-3,12],[-2,15],[0,9],[5,18],[9,25],[5,10],[10,17],[48,-4],[12,0],[8,2],[10,3],[15,10],[9,10],[48,34],[12,5],[9,5],[21,6],[20,2],[15,-3],[11,-4],[15,-9],[9,-9],[3,-4],[6,17],[6,11],[8,11],[22,13],[12,9],[-54,35],[101,123],[2,1],[-6,8],[4,32],[7,20],[6,-1],[43,-1],[15,2],[5,3],[10,6],[6,7],[5,12],[1,10],[0,5],[-5,15],[-10,16],[-9,10],[-13,9],[-5,13],[-2,2],[-2,6],[-7,6],[-3,2],[-2,9],[-1,12],[-8,25],[-5,7],[-17,11],[3,11],[6,18],[-2,5],[-5,10],[-54,-3],[-11,30],[-8,12],[-19,16],[-4,9],[-1,9],[6,56],[0,11],[4,10],[-1,6],[-5,5],[-16,11],[-10,4],[-40,25],[-28,24],[-20,34],[9,5],[11,3],[4,2],[2,0],[1,0],[2,0],[2,-1],[8,-2],[9,-3],[4,-1],[4,-2],[5,0],[5,-2],[8,0],[8,-1],[10,-1],[6,-1],[8,0],[18,0],[6,0],[4,1],[16,4],[20,-1],[2,1],[2,1],[3,2],[3,1],[5,2],[6,1],[7,1],[9,2],[8,2],[7,1],[3,2],[5,1],[4,1],[4,2],[4,1],[9,4],[4,2],[4,1],[4,1],[4,1],[4,2],[3,1],[4,2],[3,2],[3,2],[2,2],[1,3],[1,3],[0,4],[0,5],[-1,4],[1,5],[1,4],[1,4],[1,7],[1,5],[0,4],[1,3],[1,4],[1,4],[0,3],[-1,13],[10,2],[5,1],[6,2],[6,2],[-1,6],[-2,1],[-2,1],[-4,0],[-4,0],[-4,0],[-7,-1],[-4,1],[-7,0],[-7,1],[-6,1],[-7,0],[-5,1],[-6,1],[-6,0],[-7,1],[-5,2],[-6,2],[-8,2],[-12,4],[-9,3],[-3,1],[-6,2],[-10,3],[-3,1],[-13,4],[-5,2],[-5,2],[-21,4],[-14,2],[-13,-1],[-11,2],[-16,-2],[-36,-6],[-18,2],[-9,2],[-8,0],[-31,-12],[-22,0],[-20,3],[-19,6],[-12,1],[-37,8],[4,28],[3,37],[3,4],[5,6],[2,4],[-2,10],[7,31],[8,22],[0,11],[91,48],[9,5],[18,6],[76,24],[-1,2],[-26,21],[-8,8],[-6,6],[-7,8],[-10,10],[-9,6],[-21,10],[-11,5],[-15,7],[-38,29],[-19,6],[-25,15],[-6,7],[-20,33],[-4,12],[-13,25],[-12,13],[-38,56],[-8,18],[-23,80],[3,42],[41,86],[41,32],[45,25],[-36,-122],[13,-16],[26,5],[52,14],[22,9],[12,-8],[24,-66],[-16,-49],[-2,-13],[1,-7],[13,-18],[13,-9],[12,-3],[47,2],[20,-6],[8,-4],[17,-17],[19,-14],[18,-11],[17,-5],[78,-8],[12,-2],[10,-1],[10,-6],[6,-12],[1,-13],[-2,-11],[0,-4],[-3,-11],[0,-8],[8,-7],[12,-6],[18,-5],[15,2],[6,2],[1,5],[-5,18],[-1,13],[3,8],[10,7],[4,7],[2,7],[3,5],[9,7],[10,4],[15,4],[12,0],[9,-4],[6,-6],[5,-11],[0,-5],[-1,-2],[-9,-15],[-1,-7],[5,-23],[4,-7],[12,0],[14,2],[24,7],[8,1],[10,-1],[6,-2],[5,-4],[3,-3],[1,-2],[0,-4],[-3,-4],[-12,-12],[-5,-8],[-2,-8],[2,-5],[8,-8],[90,-50],[6,-5],[2,-2],[3,-9],[4,-4],[4,-2],[25,1],[28,0],[5,-1],[16,-6],[20,-3],[3,-2],[3,-2],[2,-6],[18,-21],[11,-6],[10,-3],[25,23],[4,5],[1,3],[7,7],[17,29],[16,-8],[6,-1],[17,-10],[9,-7],[23,-12],[25,23],[0,-1],[1,1],[2,8],[1,4],[3,2],[8,3],[1,-1],[9,2],[4,9],[15,7],[15,4],[15,5],[2,8],[7,24],[4,8],[8,4],[7,10],[4,4],[5,14],[5,3],[7,6],[12,12],[13,13],[6,13],[14,18],[8,17],[5,12],[12,19],[2,4],[11,9],[4,8],[14,4],[15,4],[8,2],[2,4],[26,4],[36,-4],[5,-5],[0,-3],[18,-19],[20,-8],[10,-6],[11,-8],[13,-4],[25,-10],[24,-11],[5,-4],[4,-4],[3,-4],[1,-4],[-12,-44],[17,-40],[4,-6],[0,-6],[15,3],[7,2],[6,-1],[23,-6],[17,-8],[14,-3],[16,-5],[16,-6],[2,-1],[2,-3],[2,-4],[12,-17],[7,-7],[7,-7],[16,-23],[6,-12],[12,-5],[7,-5],[1,1],[6,-4],[9,0],[8,-4],[23,-20],[8,2],[26,12],[12,9],[78,25],[7,-1],[2,0],[9,0],[1,-1],[1,-1],[50,-9],[40,0],[59,7],[53,-7],[11,-2],[89,-19],[42,3],[7,3],[7,9],[2,3],[4,1],[6,2],[5,-1],[3,0],[26,-16],[4,1],[19,7],[40,-17],[2,0],[5,-4],[2,-1],[2,-1],[8,-3],[10,-3],[11,-5],[15,-1],[4,-2],[5,-2],[4,-4],[6,-10],[2,-3],[3,-6],[9,-24],[10,-17],[12,-11],[34,-17],[7,-2],[4,-4],[4,-2],[27,-9],[7,0],[14,2],[9,-1],[7,-2],[5,-1],[2,0],[52,-22],[35,-15],[12,-2],[51,4],[8,2],[3,2],[8,1],[5,3]],[[4346,6780],[11,-2],[11,4],[8,13],[4,16],[13,6],[24,-10],[8,-8],[6,-18],[5,-7],[7,-3],[8,-1],[9,6],[19,11],[27,11],[5,5],[1,5],[-1,6],[-11,15],[-15,22],[-15,19],[-6,7],[-5,8],[-1,11],[2,3],[5,3],[15,1],[27,5],[20,2],[20,5],[8,8],[8,7],[11,2],[14,-3],[13,-1],[14,5],[11,3],[17,0],[11,-4],[27,-27],[2,0],[1,2],[0,2],[-12,25],[-19,26],[-3,4],[-2,2],[-7,5],[-4,3],[-7,6],[-2,3],[-2,4],[-1,6],[4,17],[7,16],[5,10],[9,13],[7,-1],[3,7],[1,2],[2,2],[5,4],[4,3],[7,7],[4,6],[4,7],[3,7],[1,3],[0,2],[-1,2],[-1,2],[-13,14],[-2,3],[-1,3],[-1,2],[0,2],[1,2],[5,3],[34,-13],[7,-4],[10,-11],[2,-5],[1,-33],[5,-12],[13,-7],[34,-4],[10,-2],[11,-5],[16,-10],[9,-9],[10,-15],[20,-56],[4,-10],[-2,-12],[-5,-7],[-7,-5],[-20,-9],[-8,-6],[-2,-6],[1,-11],[3,-6],[5,-4],[14,-6],[45,-15],[65,-21],[7,19],[14,35],[4,2],[6,3],[20,10],[12,4],[33,12],[8,2],[9,-2],[7,-2],[63,-57],[30,-28],[6,-4],[9,1],[8,8],[20,16],[9,11],[7,6],[19,7],[30,6],[71,17],[46,22],[3,1],[6,1],[79,1],[5,-1],[5,-5],[1,-7],[2,-45],[-1,-4],[0,-5],[-9,-11],[0,-4],[2,-1],[41,-4],[6,-1],[42,-6],[18,-2],[18,1],[8,-3],[-2,-21],[-2,-23],[-4,-21],[-11,-24],[-17,-26],[-10,-26],[0,-8],[2,-7],[15,-18],[29,-23],[9,-9],[1,-8],[44,-6],[13,-12],[1,0],[11,-9],[29,-30],[29,-29],[20,-16],[8,-9],[5,-2],[16,-14],[4,-2],[7,-2],[6,2],[6,3],[1,1],[7,6],[16,2],[17,11],[12,10],[10,6],[6,8],[29,51],[3,4],[8,4],[5,-1],[8,-3],[17,-41],[17,-31],[19,-24],[21,-25],[22,-20],[18,-16],[21,-10],[3,-1],[26,-7],[13,7],[18,8],[7,1],[11,-12],[1,-6],[1,-7],[-4,-6],[-1,-8],[40,-56],[2,-3],[16,-18],[17,-26],[48,-68],[24,-27],[21,-12],[7,-11],[43,-38],[40,-36],[35,-31],[37,-31],[37,-33],[49,-42]],[[6998,7170],[22,-29],[15,-21],[8,-11],[39,-48],[35,-43],[20,-27],[20,-25],[26,-33],[18,-22],[2,-3],[29,-36],[20,-26],[6,-11],[4,-13],[1,-12],[-2,-14],[-5,-26],[-2,-9],[-7,-35],[0,-4],[-2,-15],[-1,-4],[-4,-37],[-1,-18],[-1,-30],[1,-39],[0,-14],[2,-28]],[[7241,6537],[-12,-19],[-39,-33],[-31,-26],[-9,-8],[-67,-56],[-57,-50],[-70,-60]],[[3887,7194],[4,3],[39,43],[3,11],[10,22],[7,11],[2,2],[7,4],[2,6],[0,2],[8,12],[3,13],[4,7],[5,9],[-1,6],[1,3],[3,3],[9,25],[4,8],[29,15],[13,19],[4,10],[153,149],[-10,8],[5,9],[8,12],[24,28],[18,24],[49,48],[2,10],[-2,13],[4,18],[10,21],[15,32],[2,13],[2,5],[8,11],[3,8],[8,13],[4,5],[-11,15],[-4,12],[-8,23],[-2,6],[0,6],[1,6],[11,21],[9,27],[13,43],[4,26],[-1,26],[-7,27],[-2,19],[5,36],[14,14],[9,13],[5,15],[-1,13],[-5,13],[-9,12],[-5,10],[-1,8],[8,28],[6,7],[9,15],[0,25],[18,19],[11,18],[7,16],[3,6],[1,3],[5,1],[4,1],[17,1],[12,5],[23,8],[15,2],[15,7],[5,5],[28,31],[2,6],[1,30],[0,9],[-1,2],[4,3],[9,3],[19,9],[12,13],[5,8],[9,14],[3,8],[9,16],[3,2],[4,7],[6,9],[3,8],[13,18],[1,6],[0,10],[1,4],[2,5],[48,-8],[8,-3],[14,-4],[13,1],[5,3],[19,15],[5,7],[12,-3],[21,-4],[2,2],[16,14],[7,0],[4,-2],[20,-2],[89,-13],[37,-2],[7,0],[10,-1],[8,-1],[6,-2],[15,-12],[8,-9],[2,-2],[3,-3],[7,-5],[8,1],[17,3],[19,8],[20,11],[23,3],[9,2],[24,9],[13,-7],[16,-6],[13,-4],[14,1],[23,3],[9,-2],[8,-4],[3,2],[5,1],[14,8],[3,1],[17,2],[30,0],[8,-1],[12,-3],[24,-22],[6,-4],[8,-2],[8,-5],[15,-6],[7,2],[28,-10],[6,2],[18,16],[11,8],[9,5],[11,3],[8,0],[44,-1],[52,4],[7,-1],[5,-2],[13,-3],[10,2],[14,5],[15,10],[11,10],[19,36],[10,20],[2,11],[2,8],[4,7],[4,4],[7,8],[5,3],[12,7],[12,6],[11,2],[9,2],[20,6],[6,2],[21,13],[27,12],[8,2],[26,0],[10,-2],[33,-15],[6,-4],[13,2],[12,5],[77,47],[1,2]],[[6034,8823],[4,-6],[11,-11],[6,-16],[0,-12],[-3,-9],[-1,-3],[1,-6],[0,-4],[-5,-3],[-19,-32],[-37,-53],[-15,-17],[-19,-16],[-8,-6],[-13,-4],[-15,0],[-4,-3],[0,-5],[3,-4],[20,-12],[4,-9],[2,-7],[-1,-13],[-18,-41],[-7,-4],[-56,-13],[-16,1],[-7,-3],[-2,-4],[1,-4],[3,-5],[13,-1],[15,-2],[19,-10],[13,-8],[15,-11],[18,-3],[7,-2],[4,-3],[14,-13],[4,-8],[4,-22],[4,-10],[13,-9],[4,-5],[6,-13],[3,-20],[3,-5],[9,-25],[9,-14],[11,-17],[8,-9],[11,-8],[17,-7],[5,9],[10,7],[2,-2],[7,-10],[12,-5],[27,-13],[9,-5],[7,-4],[25,-13],[8,2],[29,-15],[7,-1],[11,0],[7,-1],[5,-3],[4,-7],[0,-12],[-1,-5],[-4,-7],[-4,-2],[-20,0],[-8,-2],[-5,-1],[-7,-2],[-7,-5],[-8,-10],[-8,-21],[-1,-13],[1,-5],[4,-11],[1,-12],[11,-22],[11,-17],[19,-22],[10,-8],[20,-13],[46,-31],[-3,-4],[-11,-12],[-7,-8],[-9,-9],[-1,-1],[2,-1],[6,0],[-3,-4],[4,-3],[5,-3],[9,-6],[-5,-8],[-5,-8],[-6,-11],[-1,-1],[-4,-7],[62,-20],[-30,-89],[-7,-26],[-7,-23],[-1,-4],[-6,-22],[-12,-47],[-1,-6],[-3,-18],[2,-18],[2,-12],[1,-7],[2,-5],[6,-13],[30,-53],[0,-1],[6,-15],[22,-12],[17,-10],[37,-26],[50,-34],[-15,-9],[-12,-4],[-1,-4],[-6,-6],[0,-3],[-2,-1],[-2,-2],[-1,-1],[-2,-1],[-7,-3],[-8,-1],[-21,-14],[-8,-5],[-58,-44],[3,-5],[3,-1],[11,-5],[27,-5],[23,-3],[10,-2],[21,-4],[36,-4],[42,-3],[22,-4],[8,-1],[8,-1],[55,-9],[89,-15],[3,-1],[7,0],[5,-2],[46,-16],[74,-24],[66,-23],[116,-38],[5,-2],[28,-9]],[[7637,9594],[3,-52],[5,-69],[4,-32],[6,-37],[10,-36],[6,-18],[10,-20],[12,-23],[11,-12],[12,-18],[-24,-15],[-11,0],[-26,-8],[-3,-2],[5,-6],[13,-21],[10,-19],[4,-9],[6,-14],[4,-10],[1,-5],[4,-10],[4,-13],[6,-22],[-7,-2],[-10,-2],[6,-23],[13,-55],[5,-32],[4,-38],[0,-6],[-1,-38],[-3,-39],[-1,-9],[-3,-33],[-9,-55],[-9,-41],[-4,-14],[-5,-18],[-6,-19],[-27,-103],[-1,-4],[-4,-7],[-16,-70],[-34,-125],[-15,-55],[-12,-41],[1,-8],[1,-8],[0,-3],[-29,-95],[-20,-67],[-19,-66],[-4,-16],[-14,-57],[-12,-42],[-6,-24],[-9,-38],[-5,-19],[-2,-6],[-13,-51],[-2,-6],[-10,-28],[-4,-15],[-21,-73],[-10,-37],[-13,-17],[-10,-28],[-4,-18],[-3,-33],[7,-27],[13,-22],[4,-6],[1,-1],[5,-12],[55,-88],[1,-1],[33,-54],[-20,-13],[-2,0],[-100,4],[-154,7],[-28,3],[-8,2],[-14,3],[-91,16],[-4,-25],[-1,-3],[0,-41],[0,-4],[0,-12],[4,-5],[3,-87],[-68,-3]],[[6034,8823],[2,4],[27,0],[20,-3],[14,-5],[106,-12],[92,-29],[5,1],[15,2],[1,0],[8,5],[80,105],[-34,76],[-4,128],[-7,12],[-24,27],[-17,21],[-19,27],[36,63],[10,18],[22,63],[57,35],[48,32],[19,33],[9,2],[31,16],[3,2],[2,1],[2,2],[4,3],[3,3],[2,3],[3,6],[2,5],[0,3],[24,5],[11,6],[3,1],[19,8],[5,1],[10,2],[15,2],[7,2],[11,4],[1,1],[8,1],[10,8],[5,3],[3,1],[4,0],[12,4],[6,1],[6,-1],[4,0],[4,3],[3,1],[4,-1],[10,-5],[5,0],[10,15],[3,3],[3,2],[3,11],[2,3],[1,1],[2,1],[10,5],[7,6],[5,3],[23,17],[10,8],[20,9],[8,3],[11,12],[7,8],[35,39],[31,19],[20,8],[55,17],[54,19],[2,1],[63,15],[7,2],[9,1],[5,2],[2,1],[1,0],[12,3],[7,1],[4,1],[28,7],[34,8],[2,2],[0,4],[-30,51],[6,9],[5,6],[4,3],[2,1],[1,5],[2,0],[2,9],[2,0],[3,15],[6,7],[1,9],[-7,-1],[-17,-24],[-26,-17],[-2,0],[-3,0],[-5,1],[-20,26],[-3,5],[-5,17],[-2,38],[-1,21],[0,7],[2,11],[44,-22],[53,8],[8,1],[11,0],[35,7],[24,8],[22,3],[5,0],[14,3],[2,3],[14,4],[6,0],[20,5],[8,2],[11,1],[11,1],[13,-1],[12,-3],[8,-2],[12,-10],[16,-9],[22,-12],[39,0],[7,0],[-1,8],[6,-1],[36,3],[1,0],[8,-97],[-1,-24],[11,-156],[7,-101]],[[8754,7310],[-92,50],[-21,11],[-95,51],[-3,2],[-39,19],[-27,10],[-24,11],[-37,11],[-22,5],[-39,3],[-27,-3],[-23,-5],[-40,-15],[-31,-20],[-13,-11],[-10,-12],[-15,-21],[-12,-25],[-7,-16],[-24,-55],[-8,-22],[-5,-24],[11,-8],[-36,-141],[-17,-116],[0,-3],[-4,-13],[-4,-8],[-15,2],[-12,-42],[-24,-79],[-29,-103],[-41,-119],[-7,-18],[-45,-148],[-2,-6],[-17,13],[-50,41],[-14,-13],[-46,-42],[-65,-59],[-62,56],[-19,19],[-37,31],[-1,1],[-68,61],[-9,9],[-22,19],[-19,16],[-21,19],[-60,53],[-66,-56],[-63,-53],[-20,-18],[-15,-12]],[[7637,9594],[12,-4],[3,-30],[7,-29],[15,-45],[12,-28],[23,-41],[23,-36],[30,-37],[22,-24],[-5,-3],[11,-15],[29,-27],[-1,-2],[10,-9],[2,1],[35,-32],[73,-63],[106,-88],[-1,-2],[40,-32],[21,-18],[43,-37],[16,-11],[41,-33],[33,-30],[49,-46],[31,-29],[84,-96],[21,-21],[37,-42],[10,-11],[37,-45],[29,-34],[29,-36],[44,-55],[17,-21],[18,-22],[17,-22],[40,-51],[31,-46],[27,-48],[10,-18],[16,-35],[19,-46],[15,-49],[17,-68],[24,-102],[15,-59],[-4,-13],[27,-83],[-1,-4],[0,-2],[16,-35],[10,-21],[25,-58],[-70,-14],[-40,-5],[-15,0],[-19,-3],[-31,-12],[-22,-9],[-5,2],[-29,-11],[-10,-4],[-8,-2],[0,-10],[6,-40],[10,-49],[10,-33],[4,-1],[0,-34],[49,-28],[2,-6],[-23,-30],[2,-42],[4,-23],[0,-8],[-1,-9],[-5,-11],[-1,-7],[-1,-2]],[[8754,7310],[-3,-5],[-1,-10],[-4,-13],[-2,-5],[-1,-2],[-8,-12],[-1,-1],[-2,-3],[-20,-26],[-7,-22],[-2,-6],[-8,-9],[-6,-17],[6,-4],[5,-1],[7,-2],[5,-2],[24,-8],[21,-12],[11,-8],[19,-2],[4,1],[14,4],[19,8],[3,-2],[15,-4],[14,-5],[7,-6],[2,2],[0,-1],[3,-10],[8,-21],[3,-14],[11,-9],[1,1],[5,-4],[6,-4],[5,-2],[20,-10],[8,-5],[8,-6],[10,-9],[10,-12],[4,-5],[4,-6],[4,-15],[2,-10],[8,-31],[4,-11],[7,-21],[0,-2],[8,-29],[41,-36],[16,-2],[10,-4],[5,-2],[18,-11],[31,-18],[9,-6],[2,-2],[3,-1],[22,-16],[9,-8],[27,-24],[5,-4],[8,-8],[48,-42],[13,-10],[6,-5],[5,-5],[5,-5],[7,-8],[6,-8],[17,-26],[15,-20],[19,-22],[14,-21],[10,-9],[4,-3],[4,-6],[3,-3],[11,-8],[29,-21],[20,-18],[3,-4],[16,-19],[8,-12],[14,-25],[10,-16],[12,-14],[16,-15],[16,-9],[10,-9],[5,-7],[1,-4],[0,-3],[-19,-25],[-2,-4],[1,-1],[3,-3],[69,-33],[10,-6],[5,-2],[12,-6],[5,-10],[9,-5],[5,-2],[7,-5],[147,-69],[66,-32],[10,-4],[114,-54],[-174,-284],[-81,71],[-17,-29],[-43,19],[-112,-104],[34,-29],[26,48],[32,34],[17,-16],[-29,-32],[-35,-66],[-20,-20],[-12,11],[7,16],[-112,97],[-123,-81],[-43,-67],[78,-61],[-12,-12],[-81,63],[-53,-47],[-93,-145],[82,-70],[-22,-20],[-63,54],[-145,-128],[-52,-82],[74,-69],[-31,-26],[-11,-10],[-88,81],[-165,-140],[-85,-142],[26,-27],[33,-29],[-2,-2],[-32,-28],[-42,38],[-163,-59],[-40,-81],[76,-67],[13,12],[39,-35],[-18,-36],[-18,-30],[-25,-35],[-22,-29],[-28,-32],[-29,-28],[-23,-21],[-38,-28],[-31,-18],[-24,21],[42,23],[7,-3],[21,15],[18,15],[28,28],[39,43],[44,60],[-16,14],[-62,-55],[11,-10],[-37,-33],[-41,36],[100,88],[-80,71],[-7,-6],[-7,6],[-103,-91],[7,-6],[-7,-6],[64,-56],[31,-45],[-20,-16]]],"transform":{"scale":[0.00001767693486277919,0.000015134271764693527],"translate":[2.052451255223287,41.31692359340865]}}
Raw
index.html
<!DOCTYPE html>
<meta charset="utf-8" />
<style>
body {
max-width: 960px;
position: relative;
}
.tooltip {
position: absolute;
width: 200px;
height: 60px;
padding: 8px;
background: rgb(255,255,255);
font-family: "Helvetica Neue", "Helvetica", Arial sans-serif;
font-size: 12px;
border: 1px solid rgba(0,0,0,0.2);
box-shadow: 0 3px 5px rgba(0,0,0,0.5),0 0 0 1px rgba(0,0,0,.08);
border-radius: 2px;
pointer-events: none;
}
.g-place {
border-bottom: 1px solid rgb(130,130,130);
padding-bottom: 3px;
margin-bottom: 5px;
}
.g-headline {
font-size: 16px;
}
.g-sub {
color: rgb(130,130,130);
}
.g-value {
float: right;
}
.legend {
position: absolute;
background: rgba(255,255,255,0.5);
right: 0;
top: 0;
font-family: "Helvetica Neue",sans-serif;
font-size: 12px;
display: block;
padding: 10px;
height: 65px;
width: 100px;
}
</style>
<body>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://d3js.org/topojson.v1.min.js"></script>
<script src="https://unpkg.com/rbush@1.4.3/rbush.js"></script>
<script src="https://unpkg.com/d3-svg-legend@1.13.0/d3-legend.min.js"></script>
<script src="https://unpkg.com/spamjs@1.1.0/spam.min.js"></script>
<script type='text/javascript'>
var mouseX, mouseY;
var hover = null;
var color = d3.scale
.quantile()
.range(["#f0f9e8", "#bae4bc", "#7bccc4", "#43a2ca", "#0868ac"]);
d3
.select("body")
.append("svg")
.attr("class", "legend");
var legend = d3.legend
.color()
.shapeHeight(10)
.shapeWidth(30)
.shapePadding(3)
.labelOffset(5)
.orient("vertical")
.labelAlign("start");
var tooltip = d3
.select("body")
.append("div")
.attr("class", "tooltip")
.style("opacity", 0);
document.onmousemove = handleMouseMove;
function handleMouseMove(event) {
mouseX = event.pageX;
mouseY = event.pageY;
tooltip.style("left", mouseX - 100 + "px").style("top", mouseY + 25 + "px");
}
d3.json("bcn.json", function(error, d) {
d3.json("districtes.json", function(error, districtes) {
topojson.presimplify(d);
topojson.presimplify(districtes);
color.domain(
d3.extent(d.objects["seccio-censal"].geometries, function(d) {
return d.properties.rate;
})
);
legend.scale(color);
d3.select(".legend").call(legend);
var map = new ZoomableCanvasMap({
element: "body",
zoomScale: 0.8,
projection: d3.geo
.mercator()
.center([29.6, 30.47])
.scale(250000)
.rotate([0, 0, -37.6]),
width: 960,
height: 650,
data: [
{
features: topojson.feature(d, d.objects["seccio-censal"]),
static: {
paintfeature: function(parameters, d) {
parameters.context.fillStyle = color(d.properties.rate);
parameters.context.fill();
}
},
dynamic: {
postpaint: function(parameters) {
if (!hover) {
tooltip.style("opacity", 0);
return;
}
parameters.context.beginPath();
parameters.context.lineWidth = 1 / parameters.scale;
parameters.path(hover);
parameters.context.stroke();
tooltip
.style("opacity", 1)
.html(
"<div class='g-place'>" +
"<span class='g-headline'>" +
hover.properties.districte +
"</span><br />" +
"<span class='g-sub'>" +
hover.properties.barri +
"</span>" +
"</div>" +
"<span>Birth rate</span>" +
"<span class='g-value'>" +
hover.properties.rate +
"‰</span>"
);
}
},
events: {
hover: function(parameters, d) {
hover = d;
parameters.map.paint();
}
}
},
{
features: topojson.feature(
districtes,
districtes.objects["districtes"]
),
static: {
paintfeature: function(parameters, d) {
parameters.context.lineWidth = 1 / parameters.scale;
parameters.context.strokeStyle = "rgb(70,70,70)";
parameters.context.stroke();
}
},
events: {
click: function(parameters, d) {
parameters.map.zoom(d);
}
}
}
]
});
map.init();
});
});
</script>
@gka
Copy link

gka commented May 13, 2016

the zoom-in jumps for me
zoom-in

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment