28:null 29:["$","title",null,{"children":"Dimension der Wettbewerbsfähigkeit | Lukas Schmoigl | Observable"}] 2e:T1398,view = { const selectLegend = vl .selectPoint('selectLegend') .fields('Variable') .toggle('event') .on('click') .bind('legend') .clear('none') .nearest(false); const bars = vl.markBar({ stroke: "none", zindex: 1, }) .params(selectLegend) .transform( vl.filter(selectLegend), vl.filter("datum.Variable != 'Produktion je beschäftigter Person in 1.000€ (rechte Achse)'"), ) .encode( vl.x({ sort: order.reverse(), }) .fieldN("Jahr") .axis({ title: null, // domain: false, labelAngle: 0, labelPadding: 10, minExtent: 25, grid: false, labelOverlap: true, labelSeparation: 2 }), vl.y() .fieldQ("Wert") .scale({ domain: [0, 4], }) .axis({ domain: false, ticks: false, title: null, grid: true, // title: "In %", // labelBound: true, // labelPadding: 10, // minExtent: 50, }), vl.fill({ sort: order, }) .fieldN("Variable") .legend({ // labelOffset: -5, // symbolOffset: -45, orient: "none", legendY: -100, legendX: -30, direction: "vertical", anchor: "middle", labelLimit: 10000, title: null, values: order }) .scale({ range: colorsDiscrete, domain: order, }), vl.xOffset() .fieldN("Variable"), vl.tooltip([ {field: 'Variable', title: 'Indikator'}, {field: 'WertTT', title: 'Wert', format: ",.1%" }, ]), ) .width(self.innerWidth > 1200 ? 900 : makeWidth(width)); const lines = vl.markLine({ point: {size: 50, opacity: 1} }) .transform( vl.filter("datum.Variable == 'Produktion je beschäftigter Person in 1.000€ (rechte Achse)'"), ) .encode( vl.x() .fieldN("Jahr") .axis({ title: null, // domain: false, domainColor: "black", domainWidth: 0.75, tickColor: "black", tickWidth: 0.75, labelAngle: 0, labelPadding: 10, minExtent: 25, grid: false, labelOverlap: true, labelSeparation: 2 }), vl.y() .fieldQ("Wert") .scale({ domain: [0, 400], }) .axis({ domain: false, ticks: false, title: null, // title: "In 1000 Euro", // titleAngle: -90, // labelBound: true, // labelPadding: 10, // minExtent: 50, }), vl.color() .fieldN("Variable") .legend({ // labelOffset: 5, // symbolOffset: 20, orient: "none", legendY: -33, legendX: -30, direction: "vertical", anchor: "end", labelLimit: 10000, title: null, symbolType: "stroke" }) .scale({ 'range': ["black"], }), vl.tooltip([ {field: 'Variable', title: 'Indikator'}, {field: 'WertTT', title: 'Wert', format: ",.0f" }, ]), ) .width(makeHeight(width)) .width(self.innerWidth > 1200 ? 900 : makeWidth(width)); return vl.layer(bars, lines) .resolve({ axis: {y: "independent"}, scale: {y: "independet"}, legend: {color: "independent"} }) // .resolve({ // legend: {fill: "independent", color: "independent", size: "independent", opacity: "independent", shape: "independent" }, // scale: {fill: "independent", color: "independent", size: "independent", opacity: "independent", shape: "independent", x: "independent", y: "independent"}, // axis: {x: "independent", y: "independent"}, // }) .data( inputData .map(d => ({ ...d, WertTT: d.Variable=='Produktion je beschäftigter Person in 1.000€ (rechte Achse)' ? Number(d.Wert) : Number(d.Wert) / 100 })) .filter(d => d.Jahr > 2011) ) .title({ text: " ", subtitle: "Q: IWF, Statistik Austria, WIFO.", // "Q: IMF, Statistik Austria, WIFO", orient: "bottom", anchor: "start" }) .config({ view: {stroke: null}, font: "FFDaxPro", axis: { labelFontSize: 14, titleFontSize: 14, titleFontWeight: "normal", }, legend: { labelFontSize: 14, titleFontSize: 14, titleFontWeight: "normal", }, mark: { fontSize: 14 }, title: { fontSize: 16, subtitleFontSize: 14 }, background: "transparent", locale: {number: { decimal: ",", thousands: "", format: ',.0f', grouping: [3] }} }) .render({renderer: 'svg'}); }2f:[] 2c:{"id":"8c32b917f06160c7","slug":"fg3_de","title":"Dimension der Wettbewerbsfähigkeit","thumbnail":"fd8a592503fac807140cfd2a614781f396cf5b3a61d1ad6a450ea16c998b5e35","access_level":"public","create_time":"$D2023-07-11T20:52:37.993Z","update_time":"$D2025-08-25T09:10:22.147Z","view_time":null,"first_public_time":"$D2023-07-11T20:52:37.993Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"5899a57f37c1c5bd","login":"schmoigl","name":"Lukas Schmoigl","avatar_url":"https://avatars-next.observableusercontent.com/a18b68154bac49cfe040df035c2eefd5f4ab5d461e944fe6b8953c00703e3960","tier":"starter_2024"},"version":331,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"2348f18d0d304950","login":"schmoigl","name":"Lukas Schmoigl","avatar_url":"https://avatars-next.observableusercontent.com/a18b68154bac49cfe040df035c2eefd5f4ab5d461e944fe6b8953c00703e3960","tier":null},{"type":"individual","id":"1d9fbc79aae6136b","login":"wirtschaftsforschungsinstitut-wien","name":"WIFO","avatar_url":"https://avatars-next.observableusercontent.com/1658f25280813588b3c66e1286031995e225c988fe8d20b53767200c3f385a9f","tier":null}],"members":[{"type":"individual","id":"2348f18d0d304950","login":"schmoigl","name":"Lukas Schmoigl","avatar_url":"https://avatars-next.observableusercontent.com/a18b68154bac49cfe040df035c2eefd5f4ab5d461e944fe6b8953c00703e3960","tier":null,"role":"editor"}],"comments":[{"id":"4a2c7642398c1674","reply_to_id":null,"content":"Legende: EU 28 mit Leerzeichen","create_time":"$D2024-03-06T13:41:06.925Z","update_time":null,"resolved":true,"user":{"type":"individual","id":"990d035a7adcbcb4","login":"earnold","name":"EArnold","avatar_url":"https://avatars-next.observableusercontent.com/936f94c144a38d248b9d39c65ed5b01136ec8b053a08d7a8b16b1fdf46776a60","tier":null}},{"id":"ca63c8dfeeb4dabb","reply_to_id":"4a2c7642398c1674","content":"Quelle: Punkt fehlt","create_time":"$D2024-03-06T13:41:34.089Z","update_time":null,"resolved":true,"user":{"type":"individual","id":"990d035a7adcbcb4","login":"earnold","name":"EArnold","avatar_url":"https://avatars-next.observableusercontent.com/936f94c144a38d248b9d39c65ed5b01136ec8b053a08d7a8b16b1fdf46776a60","tier":null}}],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"5d801b34d3a2eb89","slug":"fg-webgrafiken","title":"FG-Webgrafiken","owner":{"id":"5899a57f37c1c5bd","login":"schmoigl","name":"Lukas Schmoigl"}},"type":"notebook","body":{"title":"Dimension der Wettbewerbsfähigkeit","cells":[{"id":125,"value":"\n# Dimension der Wettbewerbsfähigkeit\n## FG3-Webgrafik\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":320,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":264,"value":"title = htl.html`\n

Dimension der Wettbewerbsfähigkeit

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"$2e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"---\n\n\n# Appendix\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":139,"value":"order = [\n \"Bruttoinlandsausgaben für F&E in % des BIP (linke Achse)\",\n \"Ausgaben des Unternehmenssektors für F&E in % des BIP (linke Achse)\",\n \"Österreichs Marktanteil am Export in die Welt in % (linke Achse)\",\n \"Österreichs Marktanteil am Export der Welt in die EU 27 in % (linke Achse)\",\n ]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":135,"value":"new Set(inputData.map(d => d.Variable))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":235,"value":"inputData = csv\n .map(d => ({...d, Variable: d.Variable == \"Produktion je Beschäftigtem/Beschäftigter (rechte Achse)\" ? \"Produktion je beschäftigter Person in 1.000€ (rechte Achse)\" : d.Variable + \" (linke Achse)\" }))\n.map(d => ({...d, Variable: d.Variable == \"AT Marktanteil am Export in die Welt in % (linke Achse)\" ? \"Österreichs Marktanteil am Export in die Welt in % (linke Achse)\" : d.Variable }))\n.map(d => ({...d, Variable: d.Variable == \"AT Marktanteil am Export der Welt in die EU28 in % (linke Achse)\" ? \"Österreichs Marktanteil am Export der Welt in die EU 27 in % (linke Achse)\" : d.Variable }))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"csv = d3.csv(\"https://raw.githubusercontent.com/WIFOat/fg_data/main/data_fg3.csv\", d3.autoType) ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"colorsDiscrete = [\n \"#72bb6f\",\n \"#559e8f\",\n \"#6dcbf3\",\n \"#2d76b3\",\n \"#96b428\",\n \"#c3423f\",\n \"#f3d039\",\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"import {vl} from '@vega/vega-lite-api-v5'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":282,"value":"makeHeight = function(inputWidth) {\n if (inputWidth<800) {\n return 200\n }\n else {\n 300\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"makeWidth = function(inputWidth) {\n if (inputWidth<600) {\n return Math.sqrt(inputWidth)*15\n }\n if (inputWidth<750) {\n return Math.sqrt(inputWidth)*17\n }\n if (inputWidth<900) {\n return Math.sqrt(inputWidth)*19\n }\n if (inputWidth<1050) {\n return Math.sqrt(inputWidth)*21\n }\n if (inputWidth<1200) {\n return Math.sqrt(inputWidth)*23\n }\n else {\n return Math.sqrt(inputWidth)*23\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"}],"files":"$W2f","stdlib":"1","titling":"auto"}} 2d:"$2c:body"