30:T4cc,# Forests in Europe This map shows forest coverage in Europe, as tree cover density (in percentage) and dominant leaf type (broadleaf, coniferous or mixed). Several years are available. Data sources: - [Copernicus layer tree cover density, 100m resolution](https://land.copernicus.eu/en/products/high-resolution-layer-tree-cover-density) - [Copernicus layer dominant leaf type, 100m resolution](https://land.copernicus.eu/en/products/high-resolution-layer-dominant-leaf-type) - [Eurostat administrative units Nuts2json](https://github.com/eurostat/Nuts2json) - [Eurostat geographical names Euronym](euronym) The map is drawn with WebGL via [GridViz library](https://github.com/eurostat/gridviz/). Input Copernicus data in GeoTIFF format were aggregated at different resolutions with [GDAL gdalwarp](https://gdal.org/programs/gdalwarp.html) and then tiled in [parquet format](https://parquet.apache.org/) using [GridTiler](https://github.com/eurostat/gridtiler) python tool. The entire data preparation code is available [here](https://github.com/jgaffuri/tiled-europe-forest/tree/main/src). The resulting prepared data is published and accessed from [this github repository](https://github.com/jgaffuri/tiled-europe-forest). 31:[] 2e:{"title":"Forests in Europe","cells":[{"id":368,"value":"$30","pinned":false,"hidden":false,"mode":"md"},{"id":410,"value":"viewof layer = Inputs.radio(\n new Map([\n [\"Tree cover density\", \"tcd\"],\n [\"Dominant leave type\", \"dlt\"],\n [\"Combined\", \"comb\"]\n ]),\n {\n value: \"tcd\",\n label: \"Layer\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":460,"value":"viewof year = Inputs.radio(\n new Map([\n [\"2012\", \"2012\"],\n [\"2015\", \"2015\"],\n [\"2018\", \"2018\"]\n ]),\n {\n value: \"2018\",\n label: \"Year\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":766,"value":"

","pinned":false,"hidden":false,"mode":"html"},{"id":229,"value":"container = DOM.element(\"div\", {\n style: `width:${width}px;height:${width / 2}px`\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":424,"value":"viewof showLabels = Inputs.toggle({ label: \"City names\", value: true })","pinned":false,"hidden":false,"mode":"ojs"},{"id":437,"value":"viewof showBoundaries = Inputs.toggle({\n label: \"Boundaries\",\n value: true\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":688,"value":"viewof showBackground = Inputs.toggle({\n label: \"Background\",\n value: true\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":455,"value":"-----","pinned":false,"hidden":false,"mode":"md"},{"id":268,"value":"map = new gridviz.Map(container, {\n x: 4200000,\n y: 2950000,\n z: 1200,\n legendDivId: \"ext_legend\"\n}).addZoomButtons()\n//.addFullscreenButton()","pinned":false,"hidden":false,"mode":"ojs"},{"id":584,"value":"### Dataset","pinned":false,"hidden":false,"mode":"md"},{"id":277,"value":"dataset = new gridviz.MultiResolutionDataset(\n [100, 200, 500, 1000, 2000, 5000, 10000, 20000, 50000],\n (resolution) =>\n new gviz_par.TiledParquetGrid(\n map,\n \"https://raw.githubusercontent.com/jgaffuri/tiled-europe-forest/main/pub/parquet/\" +\n resolution +\n \"/\"\n )\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":582,"value":"### Styles","pinned":false,"hidden":false,"mode":"md"},{"id":395,"value":"colorScale = (t) => d3.interpolateViridis(1 - t)","pinned":false,"hidden":false,"mode":"ojs"},{"id":464,"value":"attribute = layer + \"_\" + year","pinned":false,"hidden":false,"mode":"ojs"},{"id":522,"value":"dlcAttribute = \"dlt\" + \"_\" + year","pinned":false,"hidden":false,"mode":"ojs"},{"id":524,"value":"tcdAttribute = \"tcd\" + \"_\" + year","pinned":false,"hidden":false,"mode":"ojs"},{"id":748,"value":"filterTCDFun = (cell) => {\n const v = cell[tcdAttribute];\n return v > 0 && v <= 100;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":281,"value":"styleTCD = new gridviz.SquareColorWebGLStyle({\n filter: filterTCDFun,\n tFun: (cell) => {\n const v = +cell[attribute];\n if (v <= 0 || v > 100) return undefined;\n return v * 0.01;\n },\n color: colorScale,\n blendOperation: (zf) => (zf < 50 ? \"multiply\" : \"source-over\")\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":476,"value":"styleDLT = new gridviz.SquareColorCategoryWebGLStyle({\n filter: filterTCDFun,\n code: (cell) => cell[attribute],\n color: { 0: \"#acca76\", 1: \"#469e4a\", 2: \"#1c5c24\" },\n blendOperation: (zf) => (zf < 50 ? \"multiply\" : \"source-over\")\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":641,"value":"labelsDLT = {\n return { 0: \"Mixed\", 1: \"Broadleaf\", 2: \"Coniferous\" };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":515,"value":"styleCombined = new gridviz.ShapeColorSizeStyle({\n filter: filterTCDFun,\n color: (cell) => {\n const v = +cell[dlcAttribute];\n if (v == 0) return \"#acca76\";\n if (v == 1) return \"#469e4a\";\n if (v == 2) return \"#1c5c24\";\n return \"purple\";\n },\n size: (cell, resolution) => {\n const v = +cell[tcdAttribute];\n if (v < 0 || v > 100) return;\n return 1.4 * resolution * Math.pow(v * 0.01, 1);\n },\n shape: () => \"circle\",\n blendOperation: (zf) => (zf < 50 ? \"multiply\" : \"source-over\")\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":474,"value":"style = layer === \"tcd\" ? styleTCD : layer === \"dlt\" ? styleDLT : styleCombined","pinned":false,"hidden":false,"mode":"ojs"},{"id":578,"value":"### Layers","pinned":false,"hidden":false,"mode":"md"},{"id":538,"value":"minPixelsPerCell = layer == \"comb\" ? 5 : 1.4","pinned":false,"hidden":false,"mode":"ojs"},{"id":303,"value":"gridLayer = new gridviz.GridLayer(dataset, [], {\n minPixelsPerCell: minPixelsPerCell,\n cellInfoHTML: cellinfofun\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":636,"value":"cellinfofun = layer === \"tcd\"\n ? (c) =>\n !filterTCDFun(c)\n ? undefined\n : \"\" + c[attribute] + \"% tree cover density\"\n : layer === \"dlt\"\n ? (c) =>\n !filterTCDFun(c)\n ? undefined\n : c[attribute] == \"0\"\n ? \"Mixed\"\n : \"Mainly \" + labelsDLT[c[attribute]].toLowerCase() + \" trees\"\n : layer === \"comb\"\n ? (c) =>\n !filterTCDFun(c)\n ? undefined\n : c[tcdAttribute] +\n \"% tree density, \" +\n (c[dlcAttribute] != \"0\" ? \"mainly \" : \"\") +\n labelsDLT[c[dlcAttribute]].toLowerCase()\n : (c) => \"define cellinfofun for layer: \" + layer","pinned":false,"hidden":false,"mode":"ojs"},{"id":431,"value":"boundariesLayer = new gridviz.GeoJSONLayer(\n gridviz_eurostat.getEurostatBoundariesLayer()\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":421,"value":"labelLayer = new gridviz.LabelLayer(\n gridviz_eurostat.getEuronymeLabelLayer(\"EUR\", 20)\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":685,"value":"backgroundLayer = new gridviz.BackgroundLayer(\n gridviz_eurostat.giscoBackgroundLayer(\n \"OSMPositronBackground\",\n 18,\n \"EPSG3035\",\n {\n visible: () => false\n }\n )\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":843,"value":"backgroundLayer1 = new gridviz.BackgroundLayer({\n url: \"https://raw.githubusercontent.com/jgaffuri/mbxyz/main/pub/elevation_shading/\",\n resolutions: Array.from(\n { length: 9 },\n (_, i) => 28.00132289714475 * Math.pow(2, 10 - i)\n ),\n origin: [0, 6000000],\n filterColor: () => \"#ffffff60\",\n visible: () => false\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":661,"value":"### Legends","pinned":false,"hidden":false,"mode":"md"},{"id":679,"value":"legendTCD = new gridviz.ColorLegend({\n title: \"Tree cover density\",\n colorScale: colorScale,\n width: 200,\n ticks: 3,\n textScale: (t) => (t == 0 ? \"0%\" : t == \"1\" ? \"100%\" : t == 0.5 ? \"50%\" : \"X\")\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":683,"value":"(styleTCD.legends = [legendTCD])","pinned":false,"hidden":false,"mode":"ojs"},{"id":664,"value":"legendDLT = new gridviz.ColorCategoryLegend({\n title: \"Dominant leaf type\",\n colorLabel: [\n [\"#acca76\", \"Mixed\"],\n [\"#469e4a\", \"Broadleaf\"],\n [\"#1c5c24\", \"Coniferous\"]\n ],\n shape: \"square\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":666,"value":"(styleDLT.legends = [legendDLT])","pinned":false,"hidden":false,"mode":"ojs"},{"id":724,"value":"legendTCDSize = new gridviz.SizeLegend({\n label: () => \"100% tree cover\",\n size: (vs, r, z) => 1.4 * r,\n fillColor: \"darkgray\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":721,"value":"(styleCombined.legends = [legendTCDSize, legendDLT])","pinned":false,"hidden":false,"mode":"ojs"},{"id":580,"value":"### Refreshes","pinned":false,"hidden":false,"mode":"md"},{"id":284,"value":"{\n map.layers = [\n backgroundLayer,\n backgroundLayer1,\n gridLayer,\n boundariesLayer,\n labelLayer\n ];\n gridLayer.styles = [style];\n map.redraw();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":429,"value":"{\n backgroundLayer.visible = (z) => showBackground && z < 50;\n backgroundLayer1.visible = (z) => showBackground && z >= 50;\n boundariesLayer.visible = () => showBoundaries;\n labelLayer.visible = () => showLabels;\n map.redraw();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":575,"value":"### Libs","pinned":false,"hidden":false,"mode":"md"},{"id":180,"value":"gridviz = require(\"gridviz@3.0.8\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":371,"value":"gviz_par = require(\"gridviz-parquet@1.0.2\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":381,"value":"gridviz_eurostat = require(\"gridviz-eurostat@2.0.0\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}