45:["$","title",null,{"children":"Employment in retail trade, 2021 | Birkan E | Observable"}] 4d:Ta0f,insetConfigClassic = { // this config is used to replicate the inset maps seen in the PDF maps. For more info visit https://github.com/eurostat/eurostat-map.js/blob/master/docs/reference.md#insets let s = 100; // inset size let p = 4; //inset padding let config = [ { geo: "IC", x: 0, y: 0, width: s, height: s, pixSize: 8000, drawGraticule: false, title: "Canarias (ES)", titleFontSize: 12, titlePosition: [3, 11], titleFontWeight: 100 }, { geo: "GP", x: s + p, y: 0, width: s, height: s, title: "Guadeloupe (FR)", titleFontSize: 12, titlePosition: [3, 11], titleFontWeight: 100 }, { geo: "MQ", x: 0, y: s + p, width: s, height: s, title: "Martinique (FR)", titleFontSize: 12, titlePosition: [3, 11], titleFontWeight: 100 }, { geo: "GF", x: s + p, y: s + p, width: s, height: s, pixSize: 7000, title: "Guyane (FR)", titleFontSize: 12, titlePosition: [3, 11], titleFontWeight: 100 }, { geo: "RE", x: 0, y: 2 * s + 2 * p, width: s, height: s, title: "Réunion (FR)", titleFontSize: 12, titlePosition: [3, 11], titleFontWeight: 100 }, { geo: "YT", x: s + p, y: 2 * s + 2 * p, width: s, height: s, title: "Mayotte (FR)", titleFontSize: 12, titlePosition: [3, 11], titleFontWeight: 100 }, { geo: "MT", x: 0, y: 3 * s + 3 * p, width: s, height: s, title: "Malta", titleFontSize: 12, titlePosition: [3, 11], titleFontWeight: 100 }, { geo: "PT20", x: s + p, y: 3 * s + 3 * p, width: s, height: s, pixSize: 8000, drawGraticule: false, title: "Açores (PT)", titleFontSize: 12, titlePosition: [3, 11], titleFontWeight: 100 }, { geo: "PT30", x: 0, y: 4 * s + 4 * p, width: s, height: s, title: "Madeira (PT)", titleFontSize: 12, titlePosition: [3, 11], titleFontWeight: 100 }, { geo: "LI", x: s + p, y: 4 * s + 4 * p, width: s, height: s, title: "Liechtenstein", titleFontSize: 12, titlePosition: [3, 11], titleFontWeight: 100 } ]; config.forEach((inset) => { inset.frameStrokeWidth = 0.5; }); return config; }4e:T688,map = eurostatmap .map("chbi") .width(mapWidth) .title("") .nutsLvl(nutsLevel || 2) .nutsYear(2016) .stat("v1", { csvURL: "https://raw.githubusercontent.com/erguc/birkan/main/data-1.csv", geoCol: "NUTS_ID_2013", valueCol: "Share_of_retail_in_employment_2020" } ) .stat("v2", { csvURL: "https://raw.githubusercontent.com/erguc/birkan/main/data-1.csv", geoCol: "NUTS_ID_2013", valueCol: "Change_rate" } ) .clnb(3) .scale("60M") .legend({ boxFill: "none", squareSize: 100, label1: "Share of Retail in Employment →", label2: "← Change Rate", x:10, y:140, }) .drawGraticule(false) .seaFillStyle("#d3dee8") .drawCoastalMargin(true) .zoomExtent([1,2]) .classifier1((v) => (v >= sr1th2 ? 2 : v >= sr1th1 ? 1 : 0)) .classifier2((v) => (v >= sr2th2 ? 2 : v >= sr2th1 ? 1 : 0)) .classToFillStyle((i, j) => { if (i == 0 && j == 2) return colors[6]; if (i == 1 && j == 2) return colors[7]; if (i == 2 && j == 2) return colors[8]; if (i == 0 && j == 1) return colors[3]; if (i == 1 && j == 1) return colors[4]; if (i == 2 && j == 1) return colors[5]; if (i == 0 && j == 0) return colors[0]; if (i == 1 && j == 0) return colors[1]; if (i == 2 && j == 0) return colors[2]; return 'gray' }) .svgId("bivariate") .insets(insetConfigClassic) .build();4f:T10b1,schemes = [ { name: "Custom Colors", colors: [ color0_2, color1_2, color2_2, color0_1, color1_1, color2_1, color0_0, color1_0, color2_0 ] },{ name: "BuPu", colors: [ "#e8e8e8", "#ace4e4", "#5ac8c8", "#dfb0d6", "#a5add3", "#5698b9", "#be64ac", "#8c62aa", "#3b4994" ] }, { name: "CH01M03 - PalA", colors: [ "#17256B", "#2644A7", "#738CE5", "#9CC1FA", "#FF8080", "#EFD18C", "#C6AF5D", "#B09120", "#866110" ] }, { name: "CH02M03 - PalB", colors: [ "#E9E9E9", "#91B8E1", "#388AE2", "#CDA0D0", "#807EC8", "#2644A7", "#B656BD", "#6C41AE", "#17256B" ] }, { name: "CH02M03 - PalC", colors: [ "#003922", "#007243", "#33A033", "#A2DDB2", "#EFD18C", "#9CC1FA", "#738CE5", "#2644A7", "#17256B" ] }, // made using https://observablehq.com/@benjaminadk/bivariate-choropleth-color-generator, based on ESTAT style guide colors { name: "Sunset Red / Cornflower", colors: [ "#e9e9e9", "#91b8e1", "#3684d8", "#e19c9c", "#8c7b96", "#345890", "#d63d3d", "#86303b", "#312339" ] }, { name: "Sunset Red / Cobalt", colors: [ "#e9e9e9", "#8594c4", "#2441a0", "#e19c9c", "#806383", "#232b6b", "#d63d3d", "#7a2733", "#21112a" ] }, { name: "Sunset Red / Teal", colors: [ "#e9e9e9", "#85b5b6", "#1f7e80", "#e19c9c", "#807979", "#1d5456", "#d63d3d", "#7a2f30", "#1c2122" ] }, { name: "Fuscia / Forest Green", colors: [ "#e9e9e9", "#90c390", "#319931", "#cda0d0", "#7f8680", "#2b692b", "#b656bd", "#6c4570", "#243626" ] }, { name: "Fuscia / Cornflower", colors: [ "#e9e9e9", "#91b8e1", "#3684d8", "#cda0d0", "#807ec8", "#2f5ac0", "#b656bd", "#6c41ae", "#282fa8" ] }, { name: "Fuscia / Teal", colors: [ "#e9e9e9", "#85b5b6", "#1f7e80", "#cda0d0", "#757ca2", "#1b5672", "#b656bd", "#63408d", "#172d63" ] }, { name: "Berry / Cornflower", colors: [ "#e9e9e9", "#91b8e1", "#3684d8", "#cc8aa8", "#7f6ca2", "#2f4e9c", "#a71458", "#681055", "#260b52" ] }, { name: "Berry / Cobalt", colors: [ "#e9e9e9", "#8594c4", "#2441a0", "#cc8aa8", "#74588d", "#202673", "#a71458", "#5f0d4a", "#1a063c" ] }, { name: "Berry / Dark Orchid", colors: [ "#e9e9e9", "#a78dd3", "#632bbc", "#cc8aa8", "#925399", "#561987", "#a71458", "#780c50", "#470447" ] }, { name: "Sienna / Teal", colors: [ "#e9e9e9", "#85b5b6", "#1f7e80", "#c6a381", "#717e65", "#1a5847", "#a35b17", "#5d4612", "#15310d" ] } // { // name: "RdBu", // colors: [ // "#e8e8e8", // "#e4acac", // "#c85a5a", // "#b0d5df", // "#ad9ea5", // "#985356", // "#64acbe", // "#627f8c", // "#574249" // ] // }, // { // name: "GnBu", // colors: [ // "#e8e8e8", // "#b5c0da", // "#6c83b5", // "#b8d6be", // "#90b2b3", // "#567994", // "#73ae80", // "#5a9178", // "#2a5a5b" // ] // }, // { // name: "PuOr", // colors: [ // "#e8e8e8", // "#e4d9ac", // "#c8b35a", // "#cbb8d7", // "#c8ada0", // "#af8e53", // "#9972af", // "#976b82", // "#804d36" // ] // }, // { // name: "topologies", // colors: [ // "#71a8df", // "#286eb4", // "#1e5388", // "#fddba2", // "#faa519", // "#c87e04", // "#9dd58a", // "#5fb441", // "#468631" // ] // } ]50:[] 49:{"id":"a2f64998bbe1deab","slug":"employment-in-retail-trade-2021","title":"Employment in retail trade, 2021","thumbnail":"fbfea4a190fe29c31c825fea1d4c5e37f00f53aaf8386b17b8aef01b1330f7bd","access_level":"public","create_time":"$D2023-02-24T10:42:05.281Z","update_time":"$D2023-03-01T14:49:16.940Z","view_time":null,"first_public_time":"$D2023-02-24T10:42:05.281Z","has_unpublished_edits":null,"fork":{"id":"50a300f815beb05f","slug":"test-bivariate-maps","title":"Test Bivariate Maps","owner":{"id":"8804a4d47873e0d1","login":"birkan","name":"Birkan E"}},"stars":1,"starred":false,"owner":{"type":"team","id":"8804a4d47873e0d1","login":"birkan","name":"Birkan E","avatar_url":"https://avatars-next.observableusercontent.com/8c525e3efee95e978a700596f25a396a2143a04fbd3f9eb05ffb0ac90316ec83","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":463,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"c240d79b769b66f3","login":"birkan","name":"Birkan E","avatar_url":"https://avatars-next.observableusercontent.com/8c525e3efee95e978a700596f25a396a2143a04fbd3f9eb05ffb0ac90316ec83","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"c240d79b769b66f3","login":"birkan","name":"Birkan E","avatar_url":"https://avatars-next.observableusercontent.com/8c525e3efee95e978a700596f25a396a2143a04fbd3f9eb05ffb0ac90316ec83","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Employment in retail trade, 2021","cells":[{"id":0,"value":"# Employment in retail trade, 2021\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":112,"value":"## (%, share of regional non-financial business economy employment, NUTS${nutsLevel})\nNote that manual calculations done for this map","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":164,"value":"viewof nutsLevel = Inputs.radio([2], {value: 2, format: x => \"NUTS\" + x})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":194,"value":"Data Series-1 Threshold Values: ${Inputs.bind(html``, viewof sr1th1)} - ${Inputs.bind(html``, viewof sr1th2)}\n

\nData Series-2 Threshold Values: ${Inputs.bind(html``, viewof sr2th1)} - ${Inputs.bind(html``, viewof sr2th2)}

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":434,"value":"viewof colors = Inputs.select(new Map(schemes.map((s) => [s.name, s.colors])), {\n key: \"Custom Colors\",\n label: \"Color scheme\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":302,"value":" (colors == schemes[0].colors) &&\nhtml`

${viewof color0_0}

${viewof color1_0}

${viewof color2_0}

${viewof color0_1}

${viewof color1_1}

${viewof color2_1}

${viewof color0_2}

${viewof color1_2}

${viewof color2_2}

`\n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":102,"value":"