31:T430,EstLib.map() .svgId("mapdensitydot") .width(width) .scale("60M") .datasetCode("demo_r_d3dens") .filters({ time: 2016 }) .classifMethod("threshold") .threshold([35, 50, 80, 100, 140, 180, 300, 500, 1300]) .filtersDefinitionFun( EstLib.getFillPatternDefinitionFun({ patternSize: 5, shape: "circle", bckColor: "white", symbColor: "black" }) ) .classToFillStyleCH(EstLib.getFillPatternLegend()) .nutsbnStroke({ 0: "#777", 1: "#777", 2: "#777", 3: "#777", oth: "#444", co: "#777" }) .nutsbnStrokeWidth({ 0: 1, 1: 0.2, 2: 0.2, 3: 0.2, oth: 1, co: 1 }) .nutsrgSelectionFillStyle("darkblue") .cntrgFillStyle("white") .cntbnStroke({ def: "#777", co: "white" }) .seaFillStyle("#e9e9e9") .coastalMarginColor("#777") .coastalMarginStdDev(10) .coastalMarginWidth(5) .graticuleStroke("#888") .unitText("people/km²") .tooltipShowFlags(false) .legendTitleText("Population density (people/km²)") .legendLabelDecNb(0) .legendBoxHeight(260) .legendBoxWidth(190) .build()32:[] 2f:{"title":"Eurostat-map.js - Examples","cells":[{"id":0,"value":"md`# Eurostat-map.js - Examples\n\nThis page provides few examples of [eurostat-map.js](https://github.com/eurostat/eurostat.js/blob/master/docs/README-map.md) package.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":132,"value":"md`## Population density`","pinned":false,"hidden":false,"mode":"ojs"},{"id":79,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":72,"value":"EstLib.map()\n .svgId(\"mapdensity\")\n .width(width)\n .scale(\"20M\")\n .NUTSyear(2016)\n .datasetCode(\"demo_r_d3dens\")\n .classifMethod(\"threshold\")\n .threshold([50, 75, 100, 150, 300, 850])\n\n .unitText(\"people/km²\")\n .tooltipShowFlags(false)\n\n .legendTitleText(\"Population density (people/km²)\")\n .legendLabelDecNb(0)\n .legendBoxHeight(290)\n .legendBoxWidth(190)\n .build()","pinned":false,"hidden":false,"mode":"ojs"},{"id":135,"value":"md`## Population density with dot pattern`","pinned":false,"hidden":false,"mode":"ojs"},{"id":93,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":138,"value":"md`## Population with proportional circles`","pinned":false,"hidden":false,"mode":"ojs"},{"id":112,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":94,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":118,"value":"EstLib.map()\n .svgId(\"mapdensitypropcircles\")\n .scale(\"60M\")\n .width(width)\n .datasetCode(\"demo_r_pjangrp3\")\n .filters({ age: \"TOTAL\", sex: \"T\", unit: \"NR\", time: 2016 })\n\n .type(\"ps\")\n .psMaxSize(25)\n .psStrokeWidth(0.3)\n\n .unitText(\"inhabitants\")\n .tooltipShowFlags(\"long\")\n\n .legendTitleText(\"Population\")\n .legendLabelDecNb(0)\n .legendBoxHeight(160)\n .legendBoxWidth(140)\n\n .build()","pinned":false,"hidden":false,"mode":"ojs"},{"id":143,"value":"md`## Population change`","pinned":false,"hidden":false,"mode":"ojs"},{"id":96,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":124,"value":"EstLib.map()\n .svgId(\"mappopchange\")\n .width(width)\n .scale(\"60M\")\n .NUTSyear(2016)\n .nutsLvl(3)\n .datasetCode(\"demo_r_gind3\")\n .filters({ indic_de: \"GROWRT\", time: 2016 })\n\n .colorFun(d3.interpolateRdYlBu)\n .classifMethod(\"threshold\")\n .threshold([-15, -10, -6, -4, -2, 0, 2, 4, 6, 10, 15])\n\n .drawCoastalMargin(false)\n .seaFillStyle(\"#333\")\n .nutsbnStroke({\n 0: \"#777\",\n 1: \"#777\",\n 2: \"#777\",\n 3: \"#777\",\n oth: \"#444\",\n co: \"none\"\n })\n .cntbnStroke({ def: \"#777\", co: \"none\" })\n .drawGraticule(false)\n\n .unitText(\"‰\")\n .tooltipShowFlags(\"long\")\n .bottomTextFill(\"white\")\n\n .legendTitleText(\"Population change from 2015 to 2016 (in ‰)\")\n .legendBoxWidth(200)\n .legendBoxHeight(400)\n .legendLabelDecNb(0)\n .legendLabelDelimiter(\"to\")\n\n .build()","pinned":false,"hidden":false,"mode":"ojs"},{"id":148,"value":"md`## NUTS typology as a categorical map`","pinned":false,"hidden":false,"mode":"ojs"},{"id":98,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":127,"value":"EstLib.map()\n .svgId(\"mapnutstypo\")\n .width(width)\n .scale(\"60M\")\n .NUTSyear(2013)\n .nutsLvl(3)\n .csvDataSource({\n url:\n \"https://raw.githubusercontent.com/eurostat/eurostat.js/master/assets/data/urb_rur_typo.csv\",\n geoCol: \"NUTS_ID_2013\",\n valueCol: \"urban_rural\"\n })\n\n .type(\"ct\")\n .classToFillStyleCT({\n urb: \"#fdb462\",\n int: \"#ffffb3\",\n rur: \"#ccebc5\"\n })\n .classToText({ urb: \"Urban\", int: \"Intermediate\", rur: \"Rural\" })\n\n .legendLabelDecNb(0)\n .legendBoxHeight(140)\n .legendBoxWidth(130)\n\n .build()","pinned":false,"hidden":false,"mode":"ojs"},{"id":55,"value":"md`---\n## Annex`","pinned":false,"hidden":false,"mode":"ojs"},{"id":51,"value":"EstLib = require('https://bundle.run/eurostat.js@0.9.25/dist/eurostat.js')\n//https://unpkg.com/eurostat.js@0.9.25/dist/eurostat.js\n//https://bundle.run/eurostat.js@0.9.25/dist/eurostat.js\n//https://bundle.run/eurostat.js@0.9.25","pinned":true,"hidden":false,"mode":"ojs"},{"id":199,"value":"d3 = import(\"d3-scale-chromatic\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":238,"value":"md`### To do\n- fix zoom\n- legend component\n- pc legend\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":63,"value":"md`### Notes\n\nhttps://observablehq.com/@observablehq/how-to-require-stubborn-modules\nhttps://observablehq.com/@observablehq/module-require-debugger\n\n- How to use webpack to produce a npm module?\nhttps://medium.com/@vmarchesin/how-to-publish-a-npm-package-in-four-steps-4344ab88e852\n- https://zellwk.com/blog/publish-to-npm/\n- https://rollupjs.org/guide/en/\n- https://docs.npmjs.com/?utm_source=nurture&utm_medium=email&utm_campaign=welcome\n- https://github.com/jsonstat/euro\n`","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}