30:[] 2e:{"title":"eurostat-map.js","cells":[{"id":0,"value":"md`# eurostat-map.js`","pinned":false,"hidden":false,"mode":"ojs"},{"id":15,"value":"html`Eurostat-map.js is a library which allows you to quickly create and customise web maps showing Eurostat data directly retrieved from the Eurostat database.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"EstLib.map(\"ch\")\n .svgId(\"populationchange\")\n .width(width)\n .scale(\"20M\")\n .NUTSyear(2016)\n .nutsLvl(2)\n .datasetCode(\"demo_r_gind3\")\n .filters({ indic_de: \"GROWRT\", time: 2018 })\n .colorFun(d3.interpolateRdYlBu)\n .classifMethod(\"threshold\")\n .threshold([-15, -10, -6, -4, -2, 0, 2, 4, 6, 10, 15])\n .unitText(\"\")\n .tooltipShowFlags(false)\n .showLegend(true)\n .legend()\n .titleText(\"Population change from 2017 to 2018 (in ‰)\")\n .legend()\n .width(200)\n .legend()\n .height(410)\n .legend()\n .labelDecNb(0)\n .legend()\n .labelDelim(\"to\")\n .build()","pinned":true,"hidden":false,"mode":"ojs"},{"id":124,"value":"html `

It combines d3 with TopoJSON in order to display Eurostat's statistical data on the fly efficiently.

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":236,"value":"html `Different colour gradients suit different datasets. The gradients available are specified here. You can change the one used in the map below by selecting a value from this dropdown list...`","pinned":false,"hidden":false,"mode":"ojs"},{"id":301,"value":"md `## Life expectancy`","pinned":false,"hidden":false,"mode":"ojs"},{"id":315,"value":"viewof colorScheme = select({\n title: \"Colour scheme\",\n options: colorSchemes.map(scheme => {\n return { label: scheme.name, value: scheme.f };\n }),\n value: colorSchemes[0].f\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":121,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":118,"value":"EstLib.map(\"ch\")\n .svgId(\"map1\")\n .width(width)\n .scale(\"20M\")\n .NUTSyear(2016)\n .nutsLvl(2)\n .datasetCode(\"demo_r_mlifexp\")\n .filters({ time: \"2017\", sex: \"T\", age: \"Y_LT1\" })\n .colorFun(d3[colorScheme])\n .classifMethod(\"quantile\")\n .clnb(15)\n .unitText(\"years old\")\n .tooltipShowFlags(false)\n .showLegend(true)\n .legend()\n .titleText(\"Life expectancy at birth (2017)\")\n .legend()\n .width(200)\n .legend()\n .height(420)\n .legend()\n .labelDecNb(1)\n .legend()\n .labelDelim(\"to\")\n .build()","pinned":true,"hidden":false,"mode":"ojs"},{"id":281,"value":"md `## Unemployment`","pinned":false,"hidden":false,"mode":"ojs"},{"id":292,"value":"html``","pinned":true,"hidden":false,"mode":"ojs"},{"id":290,"value":"example = EstLib.map(\"ch\")\n .svgId(\"map3\")\n .width(width)\n .scale(\"20M\")\n .NUTSyear(2016)\n .nutsLvl(2)\n .datasetCode(\"lfst_r_lfu3rt\")\n .filters({ sex: \"T\", time: \"2018\" })\n .colorFun(d3.interpolateBuPu)\n .classifMethod(\"quantile\")\n .unitText(\"%\")\n .tooltipShowFlags(false)\n .legend()\n .titleText(\"Unemployment % 2018\")\n .showLegend(true)\n .legend()\n .height(250)\n .legend()\n .width(legend_width)\n .legend()\n .labelDecNb(1)\n .legend()\n .labelDelim(\"to\")\n .build()","pinned":true,"hidden":false,"mode":"ojs"},{"id":342,"value":"legend_width = 200","pinned":true,"hidden":false,"mode":"ojs"},{"id":152,"value":"width = 700","pinned":false,"hidden":false,"mode":"ojs"},{"id":318,"value":"md `## Dependencies`","pinned":false,"hidden":false,"mode":"ojs"},{"id":317,"value":"import {select} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"EstLib = require('eurostat-map@2.0.1')","pinned":false,"hidden":false,"mode":"ojs"},{"id":52,"value":"d3 = require(\"d3-scale-chromatic\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":158,"value":"colorSchemes = [\n { name: \"'magma'\", f: \"interpolateMagma\" },\n { name: \"greys\", f: \"interpolateGreys\" },\n { name: \"purples\", f: \"interpolatePurples\" },\n { name: \"oranges\", f: \"interpolateOranges\" },\n { name: \"greens\", f: \"interpolateGreens\" },\n { name: \"blues\", f: \"interpolateBlues\" },\n { name: \"yellow to red\", f: \"interpolateYlOrRd\" },\n { name: \"red to blue\", f: \"interpolateRdBu\" },\n { name: \"red to yellow to blue\", f: \"interpolateRdYlBu\" },\n { name: \"spectral\", f: \"interpolateSpectral\" },\n { name: \"'cool'\", f: \"interpolateCool\" }\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":262,"value":"md `## Appendix`","pinned":false,"hidden":false,"mode":"ojs"},{"id":265,"value":"html`Library: Eurostat-map.js`","pinned":false,"hidden":false,"mode":"ojs"},{"id":270,"value":"html `Data source: Eurostat database`","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}