Skip to content

Instantly share code, notes, and snippets.

@tristen
Created September 16, 2016 16:20
Show Gist options
  • Save tristen/c0c4e5c328ceef2a65346679890dbfe0 to your computer and use it in GitHub Desktop.
Save tristen/c0c4e5c328ceef2a65346679890dbfe0 to your computer and use it in GitHub Desktop.
Pairing json data with a vector tileset
[{"country":"Canada","revenue":5332645000},{"country":"Taiwan","revenue":6060017000},{"country":"USA","revenue":6282660000},{"country":"USA","revenue":8371218000},{"country":"Canada","revenue":2973312000},{"country":"Canada","revenue":4355203000},{"country":"USA","revenue":8312087000},{"country":"Canada","revenue":4208092000},{"country":"United Kingdom","revenue":9071013000},{"country":"Belgium","revenue":2331693000},{"country":"USA","revenue":7704186000},{"country":"USA","revenue":1884702000},{"country":"USA","revenue":6410832000},{"country":"Normway","revenue":5002508000},{"country":"Canada","revenue":9885558000},{"country":"Russian","revenue":9719444000},{"country":"Japan","revenue":9590019000},{"country":"USA","revenue":4614095000},{"country":"Taiwan","revenue":2584888000},{"country":"Canada","revenue":5042647000},{"country":"Normway","revenue":48566000},{"country":"USA","revenue":8181471000},{"country":"USA","revenue":1239162000},{"country":"Canada","revenue":1343792000},{"country":"USA","revenue":1928763000},{"country":"USA","revenue":8542448000},{"country":"Canada","revenue":2292892000},{"country":"France","revenue":2982844000},{"country":"Normway","revenue":2075955000},{"country":"Spain","revenue":2988912000},{"country":"Canada","revenue":6425287000},{"country":"Turkey","revenue":8431464000},{"country":"USA","revenue":7174854000},{"country":"Denmark","revenue":5105970000},{"country":"USA","revenue":4851259000},{"country":"Denmark","revenue":4152883000},{"country":"Switzerland","revenue":6595727000},{"country":"Hong Kong","revenue":8666541000},{"country":"Hong Kong","revenue":6189440000},{"country":"China","revenue":590032000},{"country":"India","revenue":9070613000},{"country":"USA","revenue":1663208000},{"country":"Thailand","revenue":5915237000},{"country":"USA","revenue":7306990000},{"country":"Australia","revenue":8343586000},{"country":"France","revenue":3777891000},{"country":"Sweden","revenue":3370469000},{"country":"USA","revenue":8489815000},{"country":"Taiwan","revenue":5329885000},{"country":"Taiwan","revenue":4389193000},{"country":"China","revenue":617142000},{"country":"Russian","revenue":2491352000},{"country":"Taiwan","revenue":9545680000},{"country":"Canada","revenue":8244097000},{"country":"USA","revenue":5209989000},{"country":"Thailand","revenue":2502942000},{"country":"Germany","revenue":3587402000},{"country":"Mexico","revenue":6892084000},{"country":"Canada","revenue":4070430000},{"country":"USA","revenue":66016000},{"country":"Canada","revenue":8346584000},{"country":"Sweden","revenue":4556527000},{"country":"Japan","revenue":5046470000},{"country":"Canada","revenue":7372031000},{"country":"Taiwan","revenue":2278220000},{"country":"USA","revenue":6636205000},{"country":"Normway","revenue":4017480000},{"country":"USA","revenue":6831128000},{"country":"Spain","revenue":6123176000},{"country":"Taiwan","revenue":8330707000},{"country":"Canada","revenue":8240868000},{"country":"Canada","revenue":7862151000},{"country":"Sweden","revenue":8766653000},{"country":"USA","revenue":5142855000},{"country":"Italy","revenue":5004552000},{"country":"India","revenue":6740649000},{"country":"Spain","revenue":4582506000},{"country":"France","revenue":5152034000},{"country":"USA","revenue":2371533000},{"country":"Mexico","revenue":550666000},{"country":"USA","revenue":6611689000},{"country":"Belgium","revenue":4326148000},{"country":"Thailand","revenue":6830213000},{"country":"Japan","revenue":8652126000},{"country":"USA","revenue":8616343000},{"country":"Russian","revenue":642431000},{"country":"USA","revenue":7120512000},{"country":"USA","revenue":3453063000},{"country":"Canada","revenue":5225190000},{"country":"Canada","revenue":812295000},{"country":"Canada","revenue":6066305000},{"country":"China","revenue":4091632000},{"country":"Germany","revenue":2859082000},{"country":"Hong Kong","revenue":1512220000},{"country":"Canada","revenue":4269054000},{"country":"Canada","revenue":4878134000},{"country":"Italy","revenue":3724135000},{"country":"China","revenue":5105042000},{"country":"Japan","revenue":2708236000},{"country":"Singapore","revenue":9556408000},{"country":"Japan","revenue":4230147000},{"country":"Japan","revenue":571679000},{"country":"Thailand","revenue":1183360000},{"country":"Japan","revenue":1631772000},{"country":"Japan","revenue":8630787000},{"country":"Canada","revenue":6300425000},{"country":"France","revenue":9879503000},{"country":"Hong Kong","revenue":9158513000},{"country":"Turkey","revenue":2035068000},{"country":"Normway","revenue":1587890000},{"country":"Spain","revenue":270215000},{"country":"Turkey","revenue":5716642000},{"country":"Normway","revenue":752175000},{"country":"China","revenue":1934249000},{"country":"United Kingdom","revenue":7474844000},{"country":"India","revenue":1865275000},{"country":"Japan","revenue":6742939000},{"country":"Canada","revenue":3614135000},{"country":"Thailand","revenue":659145000},{"country":"Mexico","revenue":879960000},{"country":"Turkey","revenue":9473105000},{"country":"Japan","revenue":4899588000},{"country":"USA","revenue":1531910000},{"country":"USA","revenue":7657657000},{"country":"Japan","revenue":9980149000},{"country":"France","revenue":4384329000},{"country":"Thailand","revenue":2426079000},{"country":"India","revenue":1402465000},{"country":"Spain","revenue":9523537000},{"country":"Normway","revenue":9356966000},{"country":"Switzerland","revenue":6816681000},{"country":"USA","revenue":7007997000},{"country":"Korea","revenue":9553989000},{"country":"Japan","revenue":5310921000},{"country":"USA","revenue":9316143000},{"country":"Japan","revenue":2888924000},{"country":"Canada","revenue":9979049000},{"country":"Japan","revenue":8149610000},{"country":"Sweden","revenue":6202637000},{"country":"Thailand","revenue":8186666000},{"country":"United Kingdom","revenue":7430921000},{"country":"India","revenue":7694352000},{"country":"France","revenue":4366599000},{"country":"Switzerland","revenue":9424748000},{"country":"USA","revenue":9467492000},{"country":"USA","revenue":48481000},{"country":"Italy","revenue":5355183000},{"country":"Hong Kong","revenue":2128667000},{"country":"Japan","revenue":450226000},{"country":"Canada","revenue":7730437000},{"country":"USA","revenue":5512191000},{"country":"Switzerland","revenue":7818387000},{"country":"Canada","revenue":9526933000},{"country":"China","revenue":2385405000},{"country":"France","revenue":3578849000},{"country":"Canada","revenue":923787000},{"country":"Italy","revenue":1817964000},{"country":"Denmark","revenue":8111156000},{"country":"Sweden","revenue":5352174000},{"country":"France","revenue":8696446000},{"country":"China","revenue":9410821000},{"country":"Thailand","revenue":8381880000},{"country":"Canada","revenue":4770629000},{"country":"Canada","revenue":7394812000},{"country":"Sweden","revenue":9535990000},{"country":"Singapore","revenue":2483274000},{"country":"Japan","revenue":839554000},{"country":"Thailand","revenue":1923219000},{"country":"Turkey","revenue":6658341000},{"country":"Canada","revenue":5057557000},{"country":"USA","revenue":2299614000},{"country":"Mexico","revenue":6003417000},{"country":"USA","revenue":6630819000},{"country":"Canada","revenue":5088549000},{"country":"USA","revenue":6389786000},{"country":"USA","revenue":762786000},{"country":"USA","revenue":8980130000},{"country":"Taiwan","revenue":9315933000},{"country":"USA","revenue":2366997000},{"country":"USA","revenue":4575795000},{"country":"United Kingdom","revenue":4118913000},{"country":"Taiwan","revenue":5897485000},{"country":"Switzerland","revenue":6127363000},{"country":"Singapore","revenue":7596884000},{"country":"USA","revenue":2574001000},{"country":"Thailand","revenue":7663587000},{"country":"Spain","revenue":5329237000},{"country":"USA","revenue":8053845000},{"country":"USA","revenue":567313000},{"country":"Korea","revenue":3969913000},{"country":"USA","revenue":8623594000},{"country":"Russian","revenue":4197769000},{"country":"China","revenue":646563000},{"country":"Denmark","revenue":9736687000},{"country":"USA","revenue":338560000},{"country":"USA","revenue":9519392000},{"country":"Italy","revenue":1718569000},{"country":"USA","revenue":5880568000},{"country":"USA","revenue":6196679000},{"country":"Japan","revenue":3091301000},{"country":"USA","revenue":8674995000},{"country":"Canada","revenue":7759850000},{"country":"Korea","revenue":9611890000},{"country":"Japan","revenue":8668033000},{"country":"Australia","revenue":7851814000},{"country":"Hong Kong","revenue":2103102000},{"country":"Singapore","revenue":6368249000},{"country":"Sweden","revenue":7807348000},{"country":"France","revenue":1915795000},{"country":"USA","revenue":8069102000},{"country":"USA","revenue":2644401000},{"country":"Italy","revenue":9669632000},{"country":"Japan","revenue":2155300000},{"country":"Sweden","revenue":3857248000},{"country":"Korea","revenue":534811000},{"country":"USA","revenue":2689682000},{"country":"Sweden","revenue":8467283000},{"country":"USA","revenue":1246044000},{"country":"Canada","revenue":7346826000},{"country":"Denmark","revenue":1950218000},{"country":"Canada","revenue":4153586000},{"country":"Canada","revenue":7320406000},{"country":"USA","revenue":3781300000},{"country":"India","revenue":5202568000},{"country":"Germany","revenue":272664000},{"country":"Germany","revenue":2055867000},{"country":"United Kingdom","revenue":9785245000},{"country":"Switzerland","revenue":5300991000},{"country":"Denmark","revenue":7747681000},{"country":"USA","revenue":4815549000},{"country":"Canada","revenue":135718000},{"country":"USA","revenue":8911800000},{"country":"Taiwan","revenue":4002970000},{"country":"Canada","revenue":1716934000},{"country":"Switzerland","revenue":9662106000},{"country":"Spain","revenue":3523734000},{"country":"Denmark","revenue":4255311000},{"country":"USA","revenue":6032258000},{"country":"Taiwan","revenue":1512473000},{"country":"USA","revenue":8111707000},{"country":"Japan","revenue":6341811000},{"country":"Brazil","revenue":5926111000},{"country":"Canada","revenue":484120000},{"country":"Canada","revenue":3712130000},{"country":"USA","revenue":7454067000},{"country":"Taiwan","revenue":6323762000},{"country":"Turkey","revenue":2392966000},{"country":"Normway","revenue":8158268000},{"country":"France","revenue":5518317000},{"country":"Taiwan","revenue":1782328000},{"country":"Thailand","revenue":524464000},{"country":"Korea","revenue":880387000},{"country":"Canada","revenue":6672683000},{"country":"Sweden","revenue":738653000},{"country":"Normway","revenue":6548931000},{"country":"USA","revenue":855780000},{"country":"United Kingdom","revenue":5761583000},{"country":"Taiwan","revenue":1066069000},{"country":"USA","revenue":6149782000},{"country":"Taiwan","revenue":1092657000},{"country":"USA","revenue":2563601000},{"country":"Brazil","revenue":6762550000},{"country":"Canada","revenue":8597354000},{"country":"Spain","revenue":3889461000},{"country":"Canada","revenue":6196126000},{"country":"USA","revenue":9637390000},{"country":"Italy","revenue":865328000},{"country":"USA","revenue":7341837000},{"country":"China","revenue":5484388000},{"country":"USA","revenue":7994364000},{"country":"Germany","revenue":8349621000},{"country":"Canada","revenue":4030139000},{"country":"Japan","revenue":8509689000},{"country":"Taiwan","revenue":7984327000},{"country":"USA","revenue":9281380000},{"country":"Japan","revenue":3480247000},{"country":"USA","revenue":1118186000},{"country":"China","revenue":5339506000},{"country":"Australia","revenue":5140495000},{"country":"Japan","revenue":6024287000},{"country":"Japan","revenue":1157278000},{"country":"Canada","revenue":1716556000},{"country":"Taiwan","revenue":9564140000},{"country":"Japan","revenue":4857869000},{"country":"USA","revenue":7940615000},{"country":"Germany","revenue":5959231000},{"country":"Normway","revenue":2664995000},{"country":"Sweden","revenue":7493073000},{"country":"Korea","revenue":4327482000},{"country":"Australia","revenue":4524603000},{"country":"Mexico","revenue":664963000},{"country":"Japan","revenue":7069273000},{"country":"United Kingdom","revenue":1613507000},{"country":"USA","revenue":2192910000},{"country":"USA","revenue":6865960000},{"country":"China","revenue":3543125000},{"country":"Japan","revenue":3802159000},{"country":"Canada","revenue":9964522000},{"country":"Brazil","revenue":391218000},{"country":"Canada","revenue":5717446000},{"country":"United Kingdom","revenue":5457878000},{"country":"Italy","revenue":5261959000},{"country":"USA","revenue":4288549000},{"country":"United Kingdom","revenue":3299129000},{"country":"USA","revenue":4633200000},{"country":"Turkey","revenue":4631214000},{"country":"Canada","revenue":390160000},{"country":"Russian","revenue":3162334000},{"country":"Korea","revenue":9269197000},{"country":"Japan","revenue":6344536000},{"country":"USA","revenue":5598302000},{"country":"Japan","revenue":2482698000},{"country":"Mexico","revenue":7304487000},{"country":"USA","revenue":8158167000},{"country":"Australia","revenue":7554458000},{"country":"Taiwan","revenue":5402336000},{"country":"Mexico","revenue":6690520000},{"country":"Japan","revenue":1499181000},{"country":"Japan","revenue":2655231000},{"country":"China","revenue":5681836000},{"country":"Canada","revenue":1883236000},{"country":"India","revenue":2300374000},{"country":"USA","revenue":5947362000},{"country":"Russian","revenue":3395157000},{"country":"Canada","revenue":6861404000},{"country":"Thailand","revenue":855773000},{"country":"Germany","revenue":6495068000},{"country":"USA","revenue":6397606000},{"country":"USA","revenue":7523100000},{"country":"Japan","revenue":3565344000},{"country":"Canada","revenue":3522408000},{"country":"Russian","revenue":3307467000},{"country":"USA","revenue":4206107000},{"country":"Brazil","revenue":8454265000},{"country":"Russian","revenue":5904451000},{"country":"USA","revenue":8551711000},{"country":"USA","revenue":4574620000},{"country":"Sweden","revenue":9307737000},{"country":"Canada","revenue":6095307000},{"country":"France","revenue":2356404000},{"country":"USA","revenue":7941767000},{"country":"Germany","revenue":45682000},{"country":"Korea","revenue":9886225000},{"country":"Japan","revenue":8910866000},{"country":"Canada","revenue":8373928000},{"country":"Hong Kong","revenue":4994424000},{"country":"Canada","revenue":6032163000},{"country":"Switzerland","revenue":8703654000},{"country":"Canada","revenue":1515631000},{"country":"Singapore","revenue":5638251000},{"country":"United Kingdom","revenue":379368000},{"country":"India","revenue":3735975000},{"country":"USA","revenue":6894670000},{"country":"Singapore","revenue":2403324000},{"country":"Switzerland","revenue":8852766000},{"country":"Canada","revenue":2833062000},{"country":"Italy","revenue":600706000},{"country":"Switzerland","revenue":1475453000},{"country":"USA","revenue":4020781000},{"country":"Canada","revenue":2874009000},{"country":"USA","revenue":4032229000},{"country":"Canada","revenue":5641772000},{"country":"USA","revenue":9216627000},{"country":"Thailand","revenue":4400243000},{"country":"Germany","revenue":4227190000},{"country":"Canada","revenue":8924841000},{"country":"Sweden","revenue":7465054000},{"country":"Canada","revenue":7299641000},{"country":"USA","revenue":5880143000},{"country":"Japan","revenue":9829880000},{"country":"Thailand","revenue":1567346000},{"country":"India","revenue":7260879000},{"country":"USA","revenue":5168166000},{"country":"USA","revenue":9235292000},{"country":"Taiwan","revenue":9777055000},{"country":"Canada","revenue":2216917000},{"country":"Canada","revenue":772675000},{"country":"Thailand","revenue":1648850000},{"country":"Canada","revenue":3840275000},{"country":"Canada","revenue":9838001000},{"country":"Russian","revenue":3733347000},{"country":"Spain","revenue":3144029000},{"country":"USA","revenue":8288785000},{"country":"Japan","revenue":1558300000},{"country":"United Kingdom","revenue":3197205000},{"country":"United Kingdom","revenue":6453749000},{"country":"USA","revenue":3622328000},{"country":"Taiwan","revenue":8726408000},{"country":"Denmark","revenue":4659301000},{"country":"Canada","revenue":430310000},{"country":"Belgium","revenue":7147203000},{"country":"Normway","revenue":5416213000},{"country":"Germany","revenue":667196000},{"country":"USA","revenue":6712434000},{"country":"Australia","revenue":8425172000},{"country":"Japan","revenue":4069803000},{"country":"Denmark","revenue":7964220000},{"country":"Korea","revenue":225491000},{"country":"Canada","revenue":7322177000},{"country":"Brazil","revenue":3566230000},{"country":"Switzerland","revenue":5068956000},{"country":"Turkey","revenue":8807738000},{"country":"USA","revenue":7948900000},{"country":"Sweden","revenue":746040000},{"country":"Hong Kong","revenue":5610108000},{"country":"Russian","revenue":9458866000},{"country":"Japan","revenue":9214081000},{"country":"Canada","revenue":4913972000},{"country":"Sweden","revenue":7847863000},{"country":"USA","revenue":5895368000},{"country":"Hong Kong","revenue":2134976000},{"country":"Canada","revenue":6273560000},{"country":"India","revenue":4095273000},{"country":"Germany","revenue":5694491000},{"country":"France","revenue":1832833000},{"country":"Switzerland","revenue":7329669000},{"country":"Mexico","revenue":5705358000},{"country":"Canada","revenue":4774082000},{"country":"Thailand","revenue":8989396000},{"country":"China","revenue":9673884000},{"country":"Canada","revenue":7151006000},{"country":"Switzerland","revenue":2339444000},{"country":"USA","revenue":5312615000},{"country":"China","revenue":6584171000},{"country":"Canada","revenue":9861919000},{"country":"Korea","revenue":759892000},{"country":"Hong Kong","revenue":8697268000},{"country":"Germany","revenue":6109502000},{"country":"Canada","revenue":3201804000},{"country":"Sweden","revenue":8213546000},{"country":"United Kingdom","revenue":6923675000},{"country":"Japan","revenue":8510934000},{"country":"Canada","revenue":1115200000},{"country":"Hong Kong","revenue":1344100000},{"country":"Australia","revenue":822454000},{"country":"France","revenue":6172764000},{"country":"Switzerland","revenue":7529451000},{"country":"Hong Kong","revenue":2962968000},{"country":"Germany","revenue":1870269000},{"country":"Canada","revenue":2646960000},{"country":"France","revenue":9142521000},{"country":"Sweden","revenue":7056701000},{"country":"China","revenue":6716174000},{"country":"Japan","revenue":7772524000},{"country":"China","revenue":50579000},{"country":"Denmark","revenue":4447499000},{"country":"Canada","revenue":2493891000},{"country":"Taiwan","revenue":311875000},{"country":"USA","revenue":120832000},{"country":"Brazil","revenue":8667063000},{"country":"Germany","revenue":2448644000},{"country":"Singapore","revenue":2987926000},{"country":"United Kingdom","revenue":52982000},{"country":"Thailand","revenue":5602153000},{"country":"India","revenue":8177507000},{"country":"Korea","revenue":5337744000},{"country":"USA","revenue":8674775000},{"country":"USA","revenue":8140174000},{"country":"USA","revenue":8601151000},{"country":"India","revenue":6633242000},{"country":"Canada","revenue":9023989000},{"country":"Australia","revenue":820643000},{"country":"Canada","revenue":5384831000},{"country":"Korea","revenue":6705164000},{"country":"Spain","revenue":1531091000},{"country":"Canada","revenue":7120346000},{"country":"Russian","revenue":3127750000},{"country":"USA","revenue":3664046000},{"country":"Italy","revenue":3760275000},{"country":"Japan","revenue":6078617000},{"country":"Thailand","revenue":4867471000},{"country":"USA","revenue":8604206000},{"country":"Sweden","revenue":5181087000},{"country":"Canada","revenue":7974218000},{"country":"USA","revenue":4607078000},{"country":"Canada","revenue":2871518000},{"country":"Brazil","revenue":5711450000},{"country":"Korea","revenue":3489500000},{"country":"Germany","revenue":2958676000},{"country":"Thailand","revenue":6958256000},{"country":"Singapore","revenue":5344213000},{"country":"Canada","revenue":7330662000},{"country":"USA","revenue":3919172000},{"country":"Hong Kong","revenue":3298656000},{"country":"India","revenue":329557000},{"country":"China","revenue":2194564000},{"country":"USA","revenue":7115921000},{"country":"Switzerland","revenue":5431213000},{"country":"Belgium","revenue":5680970000},{"country":"Canada","revenue":5352058000},{"country":"Japan","revenue":2209819000},{"country":"Sweden","revenue":9006857000},{"country":"USA","revenue":586355000},{"country":"Turkey","revenue":7599978000},{"country":"USA","revenue":4606585000},{"country":"USA","revenue":3327309000},{"country":"Hong Kong","revenue":9388019000},{"country":"Korea","revenue":3818711000},{"country":"Italy","revenue":6840843000},{"country":"Canada","revenue":3579455000},{"country":"Normway","revenue":9989882000},{"country":"Normway","revenue":4063912000},{"country":"Japan","revenue":3677162000},{"country":"Mexico","revenue":5985350000},{"country":"Canada","revenue":3517514000},{"country":"Sweden","revenue":3356947000},{"country":"USA","revenue":7669275000},{"country":"USA","revenue":9133982000},{"country":"Korea","revenue":5682860000},{"country":"Canada","revenue":7660864000},{"country":"Canada","revenue":804169000},{"country":"United Kingdom","revenue":1185603000},{"country":"Mexico","revenue":5646623000},{"country":"Thailand","revenue":8713343000},{"country":"USA","revenue":9165588000},{"country":"Thailand","revenue":7828561000},{"country":"USA","revenue":7870725000},{"country":"USA","revenue":1471920000},{"country":"Canada","revenue":1351921000},{"country":"Japan","revenue":6170296000},{"country":"Canada","revenue":91987000},{"country":"India","revenue":6031815000},{"country":"China","revenue":6213418000},{"country":"Japan","revenue":9362721000},{"country":"USA","revenue":2220207000},{"country":"Canada","revenue":8314239000},{"country":"USA","revenue":6033729000},{"country":"USA","revenue":8817097000},{"country":"USA","revenue":595447000},{"country":"Japan","revenue":1334584000},{"country":"Japan","revenue":3573568000},{"country":"Singapore","revenue":512332000},{"country":"Russian","revenue":7511543000},{"country":"USA","revenue":3397819000},{"country":"Canada","revenue":6782520000},{"country":"Canada","revenue":21934000},{"country":"Switzerland","revenue":4407189000},{"country":"USA","revenue":8071997000},{"country":"Japan","revenue":6275344000},{"country":"USA","revenue":4130155000},{"country":"United Kingdom","revenue":725227000},{"country":"USA","revenue":6171631000},{"country":"Hong Kong","revenue":5700412000},{"country":"USA","revenue":3074358000},{"country":"Korea","revenue":5423067000},{"country":"Germany","revenue":7877154000},{"country":"Denmark","revenue":825761000},{"country":"United Kingdom","revenue":3191197000},{"country":"Sweden","revenue":1453824000},{"country":"USA","revenue":2154972000},{"country":"Switzerland","revenue":9038134000},{"country":"Canada","revenue":1961625000},{"country":"Canada","revenue":1309721000},{"country":"Canada","revenue":7373458000},{"country":"Brazil","revenue":5691738000},{"country":"France","revenue":4649230000},{"country":"United Kingdom","revenue":9759154000},{"country":"USA","revenue":6857837000},{"country":"Sweden","revenue":2426199000},{"country":"Sweden","revenue":9352525000},{"country":"Canada","revenue":6546736000},{"country":"USA","revenue":5903712000},{"country":"USA","revenue":5139694000},{"country":"China","revenue":7026929000},{"country":"Canada","revenue":1981000},{"country":"Italy","revenue":1805545000},{"country":"Canada","revenue":6267871000},{"country":"Russian","revenue":7179857000},{"country":"Japan","revenue":8537131000},{"country":"Canada","revenue":1563119000},{"country":"Canada","revenue":4479663000},{"country":"Japan","revenue":1300603000},{"country":"Canada","revenue":4146507000},{"country":"Denmark","revenue":3497363000},{"country":"Korea","revenue":273644000},{"country":"USA","revenue":6175193000},{"country":"France","revenue":128824000},{"country":"Germany","revenue":5677668000},{"country":"Normway","revenue":8236626000},{"country":"Canada","revenue":8329181000},{"country":"Australia","revenue":5180382000},{"country":"India","revenue":8766747000},{"country":"Japan","revenue":8723300000},{"country":"Japan","revenue":4156067000},{"country":"USA","revenue":5358244000},{"country":"Belgium","revenue":6426568000},{"country":"Switzerland","revenue":5294287000},{"country":"Canada","revenue":2884227000},{"country":"USA","revenue":1543160000},{"country":"USA","revenue":4446861000},{"country":"Taiwan","revenue":7184061000},{"country":"Japan","revenue":1669499000},{"country":"United Kingdom","revenue":3372476000},{"country":"USA","revenue":2829989000},{"country":"Normway","revenue":3897625000},{"country":"Singapore","revenue":6404003000},{"country":"USA","revenue":6659989000},{"country":"Canada","revenue":7715582000},{"country":"Brazil","revenue":2028378000},{"country":"Normway","revenue":6771237000},{"country":"Italy","revenue":7218754000},{"country":"USA","revenue":7063079000},{"country":"Korea","revenue":3013412000},{"country":"China","revenue":1346375000},{"country":"Russian","revenue":4284130000},{"country":"Sweden","revenue":720433000},{"country":"Canada","revenue":2593499000},{"country":"Turkey","revenue":1048892000},{"country":"USA","revenue":3222490000},{"country":"Japan","revenue":6376809000},{"country":"Canada","revenue":9999120000},{"country":"USA","revenue":6607525000},{"country":"Brazil","revenue":3498301000},{"country":"Hong Kong","revenue":4102648000},{"country":"Sweden","revenue":4163660000},{"country":"Canada","revenue":8119153000},{"country":"Taiwan","revenue":5513815000},{"country":"Japan","revenue":1056258000},{"country":"Sweden","revenue":4848181000},{"country":"Belgium","revenue":2431354000},{"country":"Switzerland","revenue":51644000},{"country":"USA","revenue":7864445000},{"country":"Canada","revenue":4867031000},{"country":"Canada","revenue":6476159000},{"country":"Denmark","revenue":696349000},{"country":"Korea","revenue":8979053000},{"country":"Japan","revenue":7984380000},{"country":"Spain","revenue":1087951000},{"country":"United Kingdom","revenue":5786604000},{"country":"Canada","revenue":4554820000},{"country":"Canada","revenue":6488452000},{"country":"USA","revenue":3189074000},{"country":"Singapore","revenue":5208284000},{"country":"USA","revenue":46912000},{"country":"France","revenue":3820339000},{"country":"USA","revenue":3434298000},{"country":"Singapore","revenue":7704791000},{"country":"Hong Kong","revenue":7183765000},{"country":"Canada","revenue":8559369000},{"country":"Germany","revenue":8581431000},{"country":"Thailand","revenue":6816951000},{"country":"USA","revenue":2762508000},{"country":"Brazil","revenue":4129896000},{"country":"China","revenue":7777311000},{"country":"Canada","revenue":2256124000},{"country":"USA","revenue":5216055000},{"country":"Sweden","revenue":5802693000},{"country":"Canada","revenue":5000495000},{"country":"USA","revenue":683316000},{"country":"Belgium","revenue":4860537000},{"country":"United Kingdom","revenue":8354700000},{"country":"Denmark","revenue":2672577000},{"country":"USA","revenue":7830953000},{"country":"China","revenue":6768959000},{"country":"Russian","revenue":7219263000},{"country":"Switzerland","revenue":7699474000},{"country":"Korea","revenue":7022828000},{"country":"Belgium","revenue":227648000},{"country":"Mexico","revenue":3000063000},{"country":"Sweden","revenue":4962270000},{"country":"Japan","revenue":2932973000},{"country":"Canada","revenue":9573433000},{"country":"USA","revenue":3666739000},{"country":"Italy","revenue":7894718000},{"country":"Russian","revenue":4639835000},{"country":"Canada","revenue":7668106000},{"country":"Canada","revenue":9598036000},{"country":"Brazil","revenue":9265253000},{"country":"USA","revenue":8201411000},{"country":"Japan","revenue":6680802000},{"country":"Switzerland","revenue":4727142000},{"country":"Australia","revenue":8648009000},{"country":"Belgium","revenue":8638746000},{"country":"China","revenue":5102231000},{"country":"Hong Kong","revenue":1698360000},{"country":"Normway","revenue":4347790000},{"country":"India","revenue":6760124000},{"country":"Canada","revenue":6938935000},{"country":"Italy","revenue":8848363000},{"country":"Hong Kong","revenue":6700585000},{"country":"India","revenue":656961000},{"country":"Russian","revenue":8043740000},{"country":"Turkey","revenue":6244526000},{"country":"Italy","revenue":3309970000},{"country":"United Kingdom","revenue":6208677000},{"country":"Thailand","revenue":6613090000},{"country":"Taiwan","revenue":590289000},{"country":"India","revenue":8165727000},{"country":"Normway","revenue":9029073000},{"country":"USA","revenue":3112938000},{"country":"Russian","revenue":1514254000},{"country":"Japan","revenue":3327160000},{"country":"Germany","revenue":2915208000},{"country":"USA","revenue":4251067000},{"country":"Normway","revenue":6557210000},{"country":"Germany","revenue":6994206000},{"country":"Singapore","revenue":9467825000},{"country":"China","revenue":5007135000},{"country":"Hong Kong","revenue":6010030000},{"country":"Canada","revenue":4171671000},{"country":"USA","revenue":5690428000},{"country":"Germany","revenue":2120476000},{"country":"USA","revenue":8877656000},{"country":"Taiwan","revenue":4928315000},{"country":"Japan","revenue":5085672000},{"country":"Russian","revenue":9403374000},{"country":"United Kingdom","revenue":8713230000},{"country":"Normway","revenue":8758419000},{"country":"Switzerland","revenue":8364505000},{"country":"Sweden","revenue":5764861000},{"country":"Normway","revenue":1492049000},{"country":"Hong Kong","revenue":5783415000},{"country":"Canada","revenue":420204000},{"country":"United Kingdom","revenue":107785000},{"country":"Canada","revenue":8219954000},{"country":"Turkey","revenue":44878000},{"country":"Canada","revenue":2644718000},{"country":"Normway","revenue":4192943000},{"country":"France","revenue":4036901000},{"country":"Thailand","revenue":5448961000},{"country":"Japan","revenue":2640502000},{"country":"Japan","revenue":6770380000},{"country":"Hong Kong","revenue":7827577000},{"country":"USA","revenue":5452690000},{"country":"USA","revenue":6361285000},{"country":"Hong Kong","revenue":4782292000},{"country":"USA","revenue":3659753000},{"country":"USA","revenue":147919000},{"country":"United Kingdom","revenue":6895117000},{"country":"Belgium","revenue":7855997000},{"country":"Italy","revenue":7621127000},{"country":"USA","revenue":2778267000},{"country":"Hong Kong","revenue":2383241000},{"country":"Normway","revenue":8925322000},{"country":"USA","revenue":9388086000},{"country":"Australia","revenue":1947163000},{"country":"Brazil","revenue":7396315000},{"country":"Canada","revenue":5228395000},{"country":"China","revenue":3768469000},{"country":"Spain","revenue":6966700000},{"country":"Hong Kong","revenue":6992857000},{"country":"USA","revenue":4947367000},{"country":"China","revenue":6155285000},{"country":"Korea","revenue":9536870000},{"country":"Hong Kong","revenue":3400064000},{"country":"France","revenue":2055373000},{"country":"Thailand","revenue":3700148000},{"country":"USA","revenue":6682591000},{"country":"USA","revenue":3675301000},{"country":"Thailand","revenue":5910015000},{"country":"USA","revenue":1310204000},{"country":"France","revenue":1062563000},{"country":"USA","revenue":9145155000},{"country":"Spain","revenue":9615266000},{"country":"Japan","revenue":9834897000},{"country":"China","revenue":7005125000},{"country":"Canada","revenue":4227612000},{"country":"United Kingdom","revenue":4632002000},{"country":"USA","revenue":4792232000},{"country":"Italy","revenue":5413502000},{"country":"USA","revenue":3475745000},{"country":"Thailand","revenue":2096337000},{"country":"Canada","revenue":5771375000},{"country":"USA","revenue":6658284000},{"country":"Russian","revenue":3012961000},{"country":"USA","revenue":2730852000},{"country":"USA","revenue":8258024000},{"country":"Korea","revenue":1822368000},{"country":"Japan","revenue":7603613000},{"country":"Japan","revenue":3194340000},{"country":"USA","revenue":1143138000},{"country":"Russian","revenue":7328779000},{"country":"Korea","revenue":29105000},{"country":"USA","revenue":2316194000},{"country":"Canada","revenue":4318141000},{"country":"Brazil","revenue":3800634000},{"country":"Sweden","revenue":6763556000},{"country":"Belgium","revenue":636477000},{"country":"Canada","revenue":7955002000},{"country":"France","revenue":8559855000},{"country":"Taiwan","revenue":1293139000},{"country":"Spain","revenue":1383373000},{"country":"Canada","revenue":9147135000},{"country":"Thailand","revenue":1919465000},{"country":"Canada","revenue":897785000},{"country":"India","revenue":7432959000},{"country":"Canada","revenue":6240397000},{"country":"Belgium","revenue":1120877000},{"country":"Australia","revenue":2900725000},{"country":"Canada","revenue":8995362000},{"country":"USA","revenue":2645125000},{"country":"USA","revenue":4553743000},{"country":"Korea","revenue":528839000},{"country":"Korea","revenue":8155379000},{"country":"Thailand","revenue":9505539000},{"country":"Sweden","revenue":6152038000},{"country":"France","revenue":6953277000},{"country":"Turkey","revenue":5056695000},{"country":"USA","revenue":8656632000},{"country":"Germany","revenue":6992159000},{"country":"Japan","revenue":251162000},{"country":"USA","revenue":8698684000},{"country":"Hong Kong","revenue":2676783000},{"country":"Hong Kong","revenue":2541145000},{"country":"USA","revenue":3664815000},{"country":"Italy","revenue":4522087000},{"country":"United Kingdom","revenue":7765825000},{"country":"Switzerland","revenue":83845000},{"country":"Australia","revenue":3559361000},{"country":"Mexico","revenue":3160020000},{"country":"USA","revenue":2282733000},{"country":"Japan","revenue":4242173000},{"country":"Canada","revenue":7227414000},{"country":"Belgium","revenue":2438901000},{"country":"Spain","revenue":381579000},{"country":"USA","revenue":4062584000},{"country":"Japan","revenue":1694797000},{"country":"Turkey","revenue":218875000},{"country":"USA","revenue":8901766000},{"country":"Switzerland","revenue":6930220000},{"country":"Canada","revenue":7398203000},{"country":"USA","revenue":7883891000},{"country":"Japan","revenue":7107366000},{"country":"USA","revenue":892212000},{"country":"Canada","revenue":2158762000},{"country":"Canada","revenue":1654701000},{"country":"Belgium","revenue":514859000},{"country":"Canada","revenue":7945555000},{"country":"Russian","revenue":1404113000},{"country":"Germany","revenue":838730000},{"country":"Canada","revenue":9330740000},{"country":"Japan","revenue":3999989000},{"country":"China","revenue":3364551000},{"country":"United Kingdom","revenue":6596021000},{"country":"USA","revenue":4512141000},{"country":"USA","revenue":2025810000},{"country":"Switzerland","revenue":9374825000},{"country":"Canada","revenue":2399917000},{"country":"Canada","revenue":5659911000},{"country":"India","revenue":850861000},{"country":"Korea","revenue":6846381000},{"country":"France","revenue":3864282000},{"country":"Canada","revenue":3339905000},{"country":"Denmark","revenue":8395130000},{"country":"Brazil","revenue":6483118000},{"country":"Canada","revenue":4871515000},{"country":"Taiwan","revenue":950314000},{"country":"USA","revenue":7537901000},{"country":"Germany","revenue":843695000},{"country":"Singapore","revenue":9741586000},{"country":"Belgium","revenue":9517634000},{"country":"Brazil","revenue":9356947000},{"country":"USA","revenue":6841145000},{"country":"USA","revenue":9440757000},{"country":"USA","revenue":6785437000},{"country":"USA","revenue":9806139000},{"country":"Denmark","revenue":2040964000},{"country":"Canada","revenue":4744992000},{"country":"USA","revenue":5664927000},{"country":"Japan","revenue":9975998000},{"country":"Japan","revenue":1109434000},{"country":"Japan","revenue":7676203000},{"country":"China","revenue":9575852000},{"country":"Australia","revenue":87121000},{"country":"USA","revenue":5818780000},{"country":"Brazil","revenue":187740000},{"country":"Hong Kong","revenue":6453267000},{"country":"USA","revenue":2357100000},{"country":"USA","revenue":7126687000},{"country":"Singapore","revenue":6673659000},{"country":"Thailand","revenue":8430823000},{"country":"Korea","revenue":3351465000},{"country":"Canada","revenue":8037887000},{"country":"Canada","revenue":2076468000},{"country":"France","revenue":1958904000},{"country":"Canada","revenue":461280000},{"country":"Taiwan","revenue":4000017000},{"country":"Hong Kong","revenue":3093379000},{"country":"Canada","revenue":6306557000},{"country":"Thailand","revenue":6387610000},{"country":"USA","revenue":1575746000},{"country":"USA","revenue":106158000},{"country":"Canada","revenue":9971446000},{"country":"Normway","revenue":8052546000},{"country":"Italy","revenue":2720950000},{"country":"USA","revenue":587757000},{"country":"Canada","revenue":9391950000},{"country":"Switzerland","revenue":6320772000},{"country":"USA","revenue":179017000},{"country":"Canada","revenue":1216213000},{"country":"China","revenue":4919002000},{"country":"Canada","revenue":2656538000},{"country":"Normway","revenue":281918000},{"country":"USA","revenue":408060000},{"country":"Hong Kong","revenue":5250472000},{"country":"USA","revenue":7534896000},{"country":"Canada","revenue":8281106000},{"country":"Korea","revenue":6480215000},{"country":"Russian","revenue":221021000},{"country":"Canada","revenue":1842553000},{"country":"Canada","revenue":3800763000},{"country":"Thailand","revenue":2800627000},{"country":"Singapore","revenue":5000313000},{"country":"USA","revenue":9689736000},{"country":"USA","revenue":5593901000},{"country":"Germany","revenue":2610480000},{"country":"Singapore","revenue":4005317000},{"country":"Canada","revenue":9402488000},{"country":"India","revenue":5771463000},{"country":"USA","revenue":9485524000},{"country":"Sweden","revenue":3235210000},{"country":"USA","revenue":7731274000},{"country":"Taiwan","revenue":6229890000},{"country":"USA","revenue":1121556000},{"country":"India","revenue":8622493000},{"country":"USA","revenue":4324112000},{"country":"Canada","revenue":7614126000},{"country":"Korea","revenue":5501530000},{"country":"USA","revenue":8856966000},{"country":"Spain","revenue":6320303000},{"country":"USA","revenue":1007324000},{"country":"Japan","revenue":2670878000},{"country":"Sweden","revenue":4649603000},{"country":"Canada","revenue":9946423000},{"country":"Canada","revenue":6010185000},{"country":"Canada","revenue":3257948000},{"country":"USA","revenue":7463543000},{"country":"Taiwan","revenue":5262642000},{"country":"Canada","revenue":412521000},{"country":"Switzerland","revenue":1205734000},{"country":"Japan","revenue":662205000},{"country":"Turkey","revenue":5271894000},{"country":"USA","revenue":8589543000},{"country":"France","revenue":8192155000},{"country":"Taiwan","revenue":4085219000},{"country":"Denmark","revenue":8032353000},{"country":"USA","revenue":7721657000},{"country":"Canada","revenue":7840562000},{"country":"Singapore","revenue":4571387000},{"country":"China","revenue":5131652000},{"country":"USA","revenue":3489053000},{"country":"Brazil","revenue":4937134000},{"country":"Spain","revenue":2420581000},{"country":"Sweden","revenue":1385152000},{"country":"Canada","revenue":2793158000},{"country":"Singapore","revenue":5029884000},{"country":"India","revenue":8929633000},{"country":"Turkey","revenue":5709430000},{"country":"USA","revenue":3233686000},{"country":"Mexico","revenue":5475011000},{"country":"Canada","revenue":5123264000},{"country":"Canada","revenue":8826447000},{"country":"Thailand","revenue":4282469000},{"country":"USA","revenue":7897897000},{"country":"USA","revenue":9793144000},{"country":"USA","revenue":937662000},{"country":"Denmark","revenue":1219867000},{"country":"Canada","revenue":9913758000},{"country":"Hong Kong","revenue":4564219000},{"country":"USA","revenue":3305808000},{"country":"Mexico","revenue":8023184000},{"country":"Turkey","revenue":470261000},{"country":"Italy","revenue":5917793000},{"country":"Canada","revenue":9555206000},{"country":"Canada","revenue":7453822000},{"country":"Canada","revenue":1451635000},{"country":"Brazil","revenue":7818944000},{"country":"Singapore","revenue":9642245000},{"country":"Japan","revenue":6284539000},{"country":"Switzerland","revenue":5136898000},{"country":"USA","revenue":9140787000},{"country":"Canada","revenue":1608524000},{"country":"Canada","revenue":8403463000},{"country":"Switzerland","revenue":7766639000},{"country":"Sweden","revenue":7424752000},{"country":"USA","revenue":862102000},{"country":"Normway","revenue":6114103000},{"country":"Canada","revenue":4793056000},{"country":"USA","revenue":3039215000},{"country":"Russian","revenue":3158194000},{"country":"Thailand","revenue":1265541000},{"country":"Canada","revenue":9069249000},{"country":"Turkey","revenue":4140445000},{"country":"Sweden","revenue":8325406000},{"country":"Australia","revenue":4312731000},{"country":"Canada","revenue":4665669000},{"country":"China","revenue":9349142000},{"country":"Australia","revenue":197478000},{"country":"USA","revenue":4561888000},{"country":"Canada","revenue":3633503000},{"country":"USA","revenue":9601011000},{"country":"USA","revenue":6748051000},{"country":"USA","revenue":4362864000},{"country":"Russian","revenue":790782000},{"country":"Korea","revenue":880502000},{"country":"Hong Kong","revenue":8237479000},{"country":"Mexico","revenue":5306527000},{"country":"Australia","revenue":670556000},{"country":"Korea","revenue":1628920000},{"country":"Switzerland","revenue":5041118000}]
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title></title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.23.0/mapbox-gl.css' rel='stylesheet' />
<style>
body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }
</style>
</head>
<body>
<div id='map'></div>
<script src='http://underscorejs.org/underscore-min.js'></script>
<script src='https://api.mapbox.com/mapbox-gl-js/v0.23.0/mapbox-gl.js'></script>
<script src='index.js'></script>
</body>
</html>
'use strict';
/* global mapboxgl, _ */
mapboxgl.accessToken = 'pk.eyJ1IjoidHJpc3RlbiIsImEiOiJiUzBYOEJzIn0.VyXs9qNWgTfABLzSI3YcrQ';
var map = new mapboxgl.Map({
container: 'map',
style: 'mapbox://styles/mapbox/light-v9',
center: [-27.5, 35],
minZoom: 2,
zoom: 2
});
var popup = new mapboxgl.Popup({
closeButton: false
});
var data = [];
var geojson = {
"type": "FeatureCollection",
"features": []
};
function init() {
// Add source for country polygons
map.addSource('countries', {
type: 'vector',
url: 'mapbox://tristen.6lhnhxai'
});
function findFeatures() {
var features = map.querySourceFeatures('countries', {
sourceLayer: 'ne_10m_admin_0_countries'
});
if (!features.length) return;
geojson.features = features.filter(function(d) {
// Return only the country centerpoints that have revenue.
return data[d.properties['GEOUNIT']];
}).map(function(d) {
// Map `data` to centerpoints based on the `country` key.
d.properties.revenue = data[d.properties['GEOUNIT']].reduce(function(memo, v) {
memo = memo + v.revenue;
return memo;
}, 0);
return d;
});
map.getSource('countries-highlighted').setData(geojson);
}
mapboxgl.util.getJSON('data.json', function(err, json) {
if (err) return console.error(err);
// Group entries in the data by any recurring countries
// to determine total revenue figures.
data = _.groupBy(json, function(d) {
return d.country;
});
map.addSource("countries-highlighted", {
"type": "geojson",
"data": geojson
});
map.addLayer({
"id": "all-countries",
"type": "fill",
"source": "countries",
"source-layer": "ne_10m_admin_0_countries",
"paint": { "fill-opacity": 0 }
});
map.addLayer({
"id": 'countries',
"type": "fill",
"source": "countries-highlighted",
"paint": {
"fill-color": {
"property": "revenue",
"stops": [
[1, '#3989bb'],
[100000000, "#469da1"],
[1000000000, "#56b880"],
[10000000000, "#f1ec74"],
[100000000000, "#f4be70 "],
[1000000000000, "#e96761"]
]
}
},
"filter": ["has", "revenue"]
}, "waterway-label");
map.on('mousemove', function(e) {
var features = map.queryRenderedFeatures(e.point, {
layers: ['countries']
});
map.getCanvas().style.cursor = (features.length) ? 'pointer' : '';
if (!features.length) {
popup.remove();
return;
}
var feature = features[0];
// Populate the popup and set its coordinates
// based on the feature found.
popup.setLngLat(e.lngLat)
.setHTML('$' + feature.properties.revenue.toLocaleString())
.addTo(map);
});
map.on('moveend', findFeatures);
window.setTimeout(findFeatures, 1000); // collect initially
});
}
map.on('load', init);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment