2d:null 2e:["$","title",null,{"children":"ECDC COVID-19 weekly notification rate | gjrichter | Observable"}] 33:T15e4, ixmaps.waitForMap('map1',map => map // 1. prepare the map view // ------------------------- .setView([52.61639023304539,24.301757812500004],4) .setMapTypeId("white") .setOptions({objectscaling: "dynamic"}) // 2. set the theme data // ----------------------- .setData(data,{type:"json",name:"movementindicators"}) // 3. load nuts layer from gisco-service // -------------------------------------- // level 0 .newTheme('title',{ "layer": "nuts_0", "field": "$item$", "field100": "", "style": { "type": "FEATURES|NOLEGEND|LOCKED", "colorscheme": [ "#eeeeee"], "fillopacity": "1", "autoopacity": "true", "dbtable": "nuts_0", "dbtableUrl": "https://gisco-services.ec.europa.eu/distribution/v2/nuts/geojson/NUTS_RG_10M_2021_4326_LEVL_0.geojson", "dbtableType": "geojson", "datacache": "false", "itemfield": "NUTS_ID", "lookupfield": "geometry", "linecolor": [ "white"], "linewidth": "1.5", "title": "Nuts_2" } },'clear') // level 3 // ------- .newTheme('title',{ "layer": "nuts_3", "field": "$item$", "field100": "", "style": { "type": "FEATURES|NOLEGEND|LOCKED", "colorscheme": [ "none"], "fillopacity": "1", "autoopacity": "true", "dbtable": "nuts_3", "dbtableUrl": "https://gisco-services.ec.europa.eu/distribution/v2/nuts/geojson/NUTS_RG_10M_2021_4326_LEVL_3.geojson", "dbtableType": "geojson", "datacache": "false", "itemfield": "NUTS_ID", "lookupfield": "geometry", "linecolor": [ "#ffffff"], "linewidth": "0.1", "titlefield": "NUTS_NAME", "title": "Nuts_3" } }) // level 2 // ------- .newTheme('title',{ "layer": "nuts_2", "field": "$item$", "field100": "", "style": { "type": "FEATURES|NOLEGEND|LOCKED", "colorscheme": [ "none"], "fillopacity": "1", "autoopacity": "true", "shadow": "false", "dbtable": "nuts_2", "dbtableUrl": "https://gisco-services.ec.europa.eu/distribution/v2/nuts/geojson/NUTS_RG_10M_2021_4326_LEVL_2.geojson", "dbtableType": "geojson", "datacache": "false", "itemfield": "NUTS_ID", "lookupfield": "geometry", "linecolor": [ "#ffffff"], "linewidth": "0.2", "title": "Nuts_2" } }) // level 1 // ------- .newTheme('title',{ "layer": "nuts_1", "field": "$item$", "field100": "", "style": { "type": "FEATURES|NOLEGEND|LOCKED", "colorscheme": [ "none"], "fillopacity": "1", "autoopacity": "true", "dbtable": "nuts_1", "dbtableUrl": "https://gisco-services.ec.europa.eu/distribution/v2/nuts/geojson/NUTS_RG_10M_2021_4326_LEVL_1.geojson", "dbtableType": "geojson", "datacache": "false", "itemfield": "NUTS_ID", "lookupfield": "geometry", "linecolor": [ "#ffffff"], "linewidth": "0.2", "title": "Nuts_2" } }) // level 0 again on top for country border // --------------------------------------- .newTheme('title',{ "layer": "nuts_00", "field": "$item$", "field100": "", "style": { "type": "FEATURES|NOLEGEND|LOCKED", "colorscheme": [ "none"], "fillopacity": "1", "autoopacity": "true", "dbtable": "nuts_00", "dbtableUrl": "https://gisco-services.ec.europa.eu/distribution/v2/nuts/geojson/NUTS_RG_10M_2021_4326_LEVL_0.geojson", "dbtableType": "geojson", "datacache": "false", "itemfield": "NUTS_ID", "lookupfield": "geometry", "linecolor": [ "#ffffff"], "linewidth": "0.5", "title": "Nuts_00" } }) // 4. make the choroplethe theme using the loaded Nuts geometries // ---------------------------------------------------------------- .newTheme('title',{ "layer": "nuts_1|nuts_2|nuts_3", "field": "subnational_rate_14", "field100": "", "style": { "type": "CHOROPLETH|RANGES|VALUES|DTEXT|VALUEBACKGROUND|SIMPLELEGEND", "colorscheme": [ "#F1D777", "#EAB954", "#DD9732", "#CD6B1B", "#C44910", "#A92910", "#7D1006" ], "fillopacity": "1", "shadow": "false", "dbtable": "movementindicators", "lookupfield": "geo_id_final", "ranges":"0,20,60,120,240,480,960,10000", "label": [ "< 25", "25 - 59.9", "60 - 119.9", "120 - 239.9", "240 - 479.9", "480 - 959.9", ">= 960", "10000"], "units": "", "refreshtimeout": "0", "scale": "1", "titlefield": "region", "valuescale": "1", "valuedecimals": "0", "title": "14-day case notification rate", "snippet": "nuovi casi per 100.000 abitanti accumulati per 14 giorni", "description": "

Questa mappa si genera da dati e confini territoriali scaricati direttamente da enti europei.

Al momento non tutti i dati sono mappati a causa della presenza di identità territoriali (NUTS) non standard.

dati: open data ECDC (copyright policy)

geo: gisco-services EU

" } }) ); 34:[] 31:{"id":"26386fb27951b1b5","slug":"ecdc-covid-19-weekly-notification-rate","title":"ECDC COVID-19 weekly notification rate","thumbnail":"a73ad964bdd0da62ccc2b2cd3137d6aeaa7fdb899acf00b0f0c200db553119c1","access_level":"public","create_time":"$D2021-05-14T16:02:26.812Z","update_time":"$D2021-07-29T21:43:13.070Z","view_time":null,"first_public_time":"$D2021-05-20T12:04:00.263Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"ab0359f3bbecf78a","login":"gjrichter","name":"","avatar_url":"https://avatars-next.observableusercontent.com/1dd94096da79a76babfe37a3431edc30377043a898592a3437e913920b189ed3","tier":"starter_2024"},"version":972,"publish_version":972,"role":null,"authored":false,"authors":[{"type":"individual","id":"921009d8ff1c586f","login":"gjrichter","name":"","avatar_url":"https://avatars-next.observableusercontent.com/1dd94096da79a76babfe37a3431edc30377043a898592a3437e913920b189ed3","tier":null}],"members":[{"type":"individual","id":"921009d8ff1c586f","login":"gjrichter","name":"","avatar_url":"https://avatars-next.observableusercontent.com/1dd94096da79a76babfe37a3431edc30377043a898592a3437e913920b189ed3","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"ECDC COVID-19 weekly notification rate","cells":[{"id":0,"value":"md`# ECDC COVID-19 weekly notification rate` \n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":761,"value":"md` Remake of the weekly ECDC map with the 14-day notification rate which serves for EU wide travel advices `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":730,"value":"{\n let div = html`

`;\n yield div\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":889,"value":"md` Above the hosting div for the map (abve) with an ixmaps map template in an iframe\n\n## load the data ##\n\nWe load the actual weekly data from the ECDC open data portal ` ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":846,"value":"data = d3.csv(\"https://api.allorigins.win/raw?url=https://opendata.ecdc.europa.eu/covid19/movementindicators/csv/data.csv\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":971,"value":"Inputs.Table(data)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":872,"value":"md` some nuts2 codes for Norway have to to be corrected to fit the standard nuts geometriy id's from the gisco-services` ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":835,"value":"{\n for ( var i in data){\n\t\t\tswitch(data[i].geo_id_final){\n\t\t\t\tcase \"NOCSR03\":\n\t\t\t\t\tdata[i].geo_id_final = \"NO081\";\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"NOCSR11\":\n\t\t\t\t\tdata[i].geo_id_final = \"NO0A1\";\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"NOCSR15\":\n\t\t\t\t\tdata[i].geo_id_final = \"NO0A3\";\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"NOCSR18\":\n\t\t\t\t\tdata[i].geo_id_final = \"NO071\";\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"NOCSR30\":\n\t\t\t\t\tdata[i].geo_id_final = \"NO082\";\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"NOCSR34\":\n\t\t\t\t\tdata[i].geo_id_final = \"NO020 \";\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"NOCSR38\":\n\t\t\t\t\tdata[i].geo_id_final = \"NO091\";\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"NOCSR42\":\n\t\t\t\t\tdata[i].geo_id_final = \"NO092\";\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"NOCSR46\":\n\t\t\t\t\tdata[i].geo_id_final = \"NO0A2\";\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"NOCSR50\":\n\t\t\t\t\tdata[i].geo_id_final = \"NO060\";\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"NOCSR54\":\n\t\t\t\t\tdata[i].geo_id_final = \"NO074\";\n\t\t\t}\n }\n return data;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":880,"value":"md` ## the map shapes ## \n\n>*** We need geometries for nuts level 1,2 and 3 to map all the data from the EDCD weekly report ***.\n\nTherefore we load the geometries **LEVL_0, LEVL_1 and LEVL_3** (geojson) directly from the **EU gisco-services** into named layer.\n\nThen we define the choropleth theme and refer to all these nuts layer by the option: **\"layer\": \"nuts_1|nuts_2|nuts_3\"**.\n\n>*The mapping function will uses all these layer to resolve the NUTS codes whithin the data.*` ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":903,"value":"md` To create the theme whitin the map template included above, we use the ixmaps API function *waitForMap()* to attend the map template and create the thematic map with the following steps: \n\n> 1. prepare the map and view\n\n> 2. set the data\n\n> 3. create the layer (FEATURES) to colorize later\n\n> 4. define the chloropleth theme\n\n` ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":732,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":925,"value":"md` ## See a story map with this theme ##\nThere is is a more complete version of the ECDC map at this link: [ECDC map](https://gjrichter.github.io/ixmaps/ui/dispatch.htm?ui=view&layout=badge&sidebar=30%&story=https://gjrichter.github.io/viz/COVID-19/stories/ECDC%20COVID-19/index.html)\n\nYou will find a small story with 3 themes from the ECDC data. The themes of the story are defined by ixmaps project JSON objects, which include the above steps within one single project definition`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"md`---\n\n## Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":151,"value":"ixmaps = require('https://gjrichter.github.io/ixmaps/ui/js/htmlgui_api.js')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":969,"value":"Inputs = require(\"@observablehq/inputs@0.7.21/dist/inputs.umd.min.js\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 32:"$31:body"