2c:null 2d:["$","title",null,{"children":"Ternary choropleth map | Eurostat's Workspace | Observable"}] 32: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; }33: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 } })34:[{"id":"f0302e9ec24cf4af74498fa9856cd151ba4f9287a8099446380716fecd6dcf421168a59ec9b73f93fd03c5bba0c3b1e499c203bf57844f4d603d173d5f1638fa","href":"https://static.observableusercontent.com/files/f0302e9ec24cf4af74498fa9856cd151ba4f9287a8099446380716fecd6dcf421168a59ec9b73f93fd03c5bba0c3b1e499c203bf57844f4d603d173d5f1638fa","name":"tertiary_education.csv","type":"text/csv","lastModified":1768819338469.382,"size":46779}] 30:{"id":"13c142588a9109c3","slug":"ternary-choropleth-map","title":"Ternary choropleth map","thumbnail":"59b535ce8b75bee519dbea5cf9aea8c577bf0161f24ddb311913a58dc101e25d","access_level":"public","create_time":"$D2026-01-19T10:02:02.557Z","update_time":"$D2026-08-19T08:35:34.124Z","view_time":null,"first_public_time":"$D2026-02-13T10:48:54.425Z","has_unpublished_edits":null,"fork":false,"stars":6,"starred":false,"owner":{"type":"team","id":"a74f19f52d75fb24","login":"eurostat-ws","name":"Eurostat's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/d298b18508a05146d470802a59abcc3c9e25b908a97a509956539a954f9359f4","tier":"starter_2024"},"version":337,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"dc51b4f7240f0553","login":"joewdavies","name":"Joe Davies","avatar_url":"https://avatars-next.observableusercontent.com/9b3334fa93f66c399554670429d5728ef2f24d2d28e3933c6c7e1fef7ff8eb7e","tier":null}],"members":[{"type":"team","id":"a74f19f52d75fb24","login":"eurostat-ws","name":"Eurostat's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/d298b18508a05146d470802a59abcc3c9e25b908a97a509956539a954f9359f4","tier":"starter_2024","role":"editor"},{"type":"individual","id":"dc51b4f7240f0553","login":"joewdavies","name":"Joe Davies","avatar_url":"https://avatars-next.observableusercontent.com/9b3334fa93f66c399554670429d5728ef2f24d2d28e3933c6c7e1fef7ff8eb7e","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"cd44389fd6d53000","slug":"eurostatmap-js","title":"Eurostat map","owner":{"id":"a74f19f52d75fb24","login":"eurostat-ws","name":"Eurostat's Workspace"}},"type":"notebook","body":{"titling":"auto","title":"Ternary choropleth map","cells":[{"id":0,"value":"# Ternary choropleth map","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":328,"value":"https://github.com/eurostat/eurostat-map","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":246,"value":"Based on [Tricolore.js](https://github.com/riatelab/tricolore.js).","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":60,"value":"viewof dataset = Inputs.select([\"Age\", \"Tertiary Education\"], {\n label: \"Dataset\",\n value: \"Age\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":131,"value":"viewof meanCentering = Inputs.toggle({\n label: \"Mean Centering\",\n value: true\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":137,"value":"viewof breaks = Inputs.range([0, 29], { label: \"Breaks\", step: 1, value: 29 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":143,"value":"viewof spread = Inputs.range([0, 5], { label: \"Spread\", step: 0.1, value: 3.5 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":166,"value":"viewof legendColorTarget = Inputs.radio([\"triangles\", \"points\"], {\n label: \"Legend colour\",\n value: \"triangles\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"