EstLib.map("ch")
.svgId("populationchange")
.width(width)
.scale("20M")
.NUTSyear(2016)
.nutsLvl(2)
.datasetCode("demo_r_gind3")
.filters({ indic_de: "GROWRT", time: 2018 })
.colorFun(d3.interpolateRdYlBu)
.classifMethod("threshold")
.threshold([-15, -10, -6, -4, -2, 0, 2, 4, 6, 10, 15])
.unitText("")
.tooltipShowFlags(false)
.showLegend(true)
.legend()
.titleText("Population change from 2017 to 2018 (in ‰)")
.legend()
.width(200)
.legend()
.height(410)
.legend()
.labelDecNb(0)
.legend()
.labelDelim("to")
.build()
EstLib.map("ch")
.svgId("map1")
.width(width)
.scale("20M")
.NUTSyear(2016)
.nutsLvl(2)
.datasetCode("demo_r_mlifexp")
.filters({ time: "2017", sex: "T", age: "Y_LT1" })
.colorFun(d3[colorScheme])
.classifMethod("quantile")
.clnb(15)
.unitText("years old")
.tooltipShowFlags(false)
.showLegend(true)
.legend()
.titleText("Life expectancy at birth (2017)")
.legend()
.width(200)
.legend()
.height(420)
.legend()
.labelDecNb(1)
.legend()
.labelDelim("to")
.build()
html`<svg id="map3"></svg>`
example = EstLib.map("ch")
.svgId("map3")
.width(width)
.scale("20M")
.NUTSyear(2016)
.nutsLvl(2)
.datasetCode("lfst_r_lfu3rt")
.filters({ sex: "T", time: "2018" })
.colorFun(d3.interpolateBuPu)
.classifMethod("quantile")
.unitText("%")
.tooltipShowFlags(false)
.legend()
.titleText("Unemployment % 2018")
.showLegend(true)
.legend()
.height(250)
.legend()
.width(legend_width)
.legend()
.labelDecNb(1)
.legend()
.labelDelim("to")
.build()
legend_width = 200
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
