31:T57e,map = { const map = eurostatmap .map("trivariateChoropleth") .position({ x: 4900000, y: 3620000, z: 6440 }) .width(795) .title(config.title) .subtitle(config.subtitle) .nutsLevel(config.nutsLevel) .ternarySettings(config.ternarySettings) .legend(config.legend) .zoomButtons(true) .zoomButtonsPosition([740, 590]); if (dataset === "Age") { map .stat("v1", { label: "Population 15–29", eurostatDatasetCode: "demo_r_pjanind3", filters: { indic_de: "PC_Y15_29", time: 2023, unit: "PC" }, unitText: "%" }) .stat("v2", { label: "Population 45–64", eurostatDatasetCode: "demo_r_pjanind3", filters: { indic_de: "PC_Y45_64", time: 2023, unit: "PC" }, unitText: "%" }) .stat("v3", { label: "Population 75+", eurostatDatasetCode: "demo_r_pjanind3", filters: { indic_de: "PC_Y65_MAX", time: 2023, unit: "PC" }, unitText: "%" }); map.build(); } else { // to add data manually you can use... map .stat("v1", { label: "Bachelor" }) .stat("v2", { label: "Master" }) .stat("v3", { label: "PhD" }); map.build(); map.statData("v1").setData(filterNulls(bachelor_pct)); map.statData("v2").setData(filterNulls(masters_pct)); map.statData("v3").setData(filterNulls(phd_pct)); } return map; }32:Tebb,configs = ({ tertiary: { title: "Tertiary education students", subtitle: ` Bachelor, Masters or PHD students. `, ternarySettings: { hue: hue, chroma: chroma, lightness: lightness, contrast: contrast, spread: spread, breaks: breaks, meanCentering: meanCentering }, legend: { title: "Education level", subtitle: ` Compared to the average... Areas with more green have a higher % of bachelor students. Areas with more blue have a higher % of masters students and areas with more red have a higher % of PHD students. Hover your mouse over the legend to explore it. `, x: 490, y: 3, boxOpacity: 0.99, width: 250, height: 320, labels: legendLabelPosition == "corner" ? ["Bachelors", "Masters", "PHD"] : ["← Bachelors", "Masters →", "PHD →"], labelPosition: legendLabelPosition, padding: { top: 80, right: 30, bottom: 10, left: 50 }, showLines: true, showCenter: meanCentering, centerLabel: "Average", showData: true, colorTarget: legendColorTarget, // 'points' | 'triangles' centerAnnotationOffsets: { labelX: -35, labelY: 105, curveX: 0, curveY: 0 } }, nutsLevel: 2 }, age: { title: "Age structure", subtitle: "Population distribution by age groups, 2023", ternarySettings: { hue: hue, chroma: chroma, lightness: lightness, contrast: contrast, spread: spread, breaks: breaks, meanCentering: meanCentering }, legend: { title: "Age Structure", subtitle: `Compared to the average... Areas with more green have a higher % of 15–29 year olds. Areas with more red have a higher % of 75+ year olds and areas with more blue have a higher % of 45–64 year olds. Hover your mouse over the legend to explore it. `, x: 500, y: 3, boxOpacity: 0.99, width: 250, height: 300, labels: legendLabelPosition == "corner" ? ["15–29", "45–64", "75+"] : ["← 15–29 ", "45–64 →", " 75+ →"], labelPosition: legendLabelPosition, padding: { top: 75, right: 30, bottom: 10, left: 30 }, showLines: true, showCenter: meanCentering, centerLabel: "Average", showData: true, colorTarget: legendColorTarget, // 'points' | 'triangles' centerAnnotationOffsets: { labelX: -70, labelY: 5, curveX: -20, curveY: 0 } }, nutsLevel: 3 } })33:[{"id":"f0302e9ec24cf4af74498fa9856cd151ba4f9287a8099446380716fecd6dcf421168a59ec9b73f93fd03c5bba0c3b1e499c203bf57844f4d603d173d5f1638fa","href":"https://static.observableusercontent.com/files/f0302e9ec24cf4af74498fa9856cd151ba4f9287a8099446380716fecd6dcf421168a59ec9b73f93fd03c5bba0c3b1e499c203bf57844f4d603d173d5f1638fa","name":"tertiary_education.csv","type":"text/csv","lastModified":1768819338469.382,"size":46779}] 2f:{"title":"Ternary choropleth map","cells":[{"id":0,"value":"# Ternary choropleth map","pinned":false,"hidden":false,"mode":"md"},{"id":328,"value":"https://github.com/eurostat/eurostat-map","pinned":false,"hidden":false,"mode":"md"},{"id":246,"value":"Based on [Tricolore.js](https://github.com/riatelab/tricolore.js).","pinned":false,"hidden":false,"mode":"md"},{"id":60,"value":"viewof dataset = Inputs.select([\"Age\", \"Tertiary Education\"], {\n label: \"Dataset\",\n value: \"Tertiary Education\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":131,"value":"viewof meanCentering = Inputs.toggle({\n label: \"Mean Centering\",\n value: true\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":137,"value":"viewof breaks = Inputs.range([0, 29], { label: \"Breaks\", step: 1, value: 29 })","pinned":false,"hidden":false,"mode":"ojs"},{"id":143,"value":"viewof spread = Inputs.range([0, 5], { label: \"Spread\", step: 0.1, value: 3.5 })","pinned":false,"hidden":false,"mode":"ojs"},{"id":166,"value":"viewof legendColorTarget = Inputs.radio([\"triangles\", \"points\"], {\n label: \"Legend colour\",\n value: \"triangles\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":283,"value":"viewof legendLabelPosition = Inputs.radio([\"corner\", \"edge\"], {\n label: \"Legend axis label position\",\n value: \"corner\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"