30:Tb03,display = { const lines = vl.layer( makeLines({ axisFormat: ",.0f", tipFormat: ",.1f", gridDash: null, textValue: "value2" }), ruleHundred ) .data(indexData) .width(self.innerWidth > 900 ? 600 : 280) .height(self.innerWidth > 900 ? 300 : 220) .title({ text: "Index", subtitle: MethodeSzenario === "Basisjahr" ? "Durchschnitt " + startIndexDate + " bis " + endIndexDate + " = 100" : startIndexDate + " = 100", align: "left", anchor: "start", }) const changes = vl.layer( ruleZero, makeLines({ axisFormat: "+,.0%", tipFormat: "+,.1%", gridDash: null, textValue: "value" }), ) .data(changeData) .width(self.innerWidth > 900 ? 600 : 280) .height(self.innerWidth > 900 ? 300 : 220) .title({ text: "Veränderung des Index", subtitle: "im Vergleich zum Vorjahresmonat", align: "left", anchor: "start", }); const real = makeBenyaindex({ axisFormat: "+,.0%", variablesLine: ["Reallohnindex"], variablesArea: ["Tariflohnindex", "Verbraucherpreisindex"], inputData: flatIndexData, }) .width(self.innerWidth > 900 ? 290 : 200) .height(self.innerWidth > 900 ? 190 : 120) .title({ text: "Reallohnentwicklung", subtitle: "Tariflohn - Inflation", align: "left", anchor: "start", }); const formel = makeFormel({ axisFormat: "+,.0%", variablesLine: ["Lohnerhöhung"], variablesArea: ["rollierendeInflation", "langfristigesProduktivitätswachstum"], inputData: flatChangeData, }) .width(self.innerWidth > 900 ? 290 : 200) .height(self.innerWidth > 900 ? 190 : 120) .title({ text: "Benya-Formel", subtitle: "Grundlage der Lohnforderungen", align: "left", anchor: "start", }); return self.innerWidth > 900 ? vl.vconcat( vl.hconcat( vl.vconcat( Index === "Index" ? lines : changes, ), ), vl.hconcat( formel, real, ) .resolve({ legend: {fill: "independent", color: "independent" } }), makeLogo, ) // .resolve({ // legend: {fill: "independent", color: "independent" } // }) .config(config) .render({renderer: "svg"}) : vl.vconcat( vl.hconcat( vl.vconcat( Index === "Index" ? lines : changes, ), ), vl.vconcat( formel, real, ) .resolve({ legend: {fill: "independent", color: "independent" } }), makeLogo, ) .config(config) .render({renderer: "svg"}) }31:T9b4,displayMini = { const lines = vl.layer( makeLines({ axisFormat: ",.0f", tipFormat: ",.1f", gridDash: null, textValue: "value2" }), ruleHundred ) .data(indexData) .width(self.innerWidth > 900 ? 600 : 280) .height(self.innerWidth > 900 ? 300 : 220) .title({ text: "Index", subtitle: MethodeSzenario === "Basisjahr" ? "Durchschnitt " + startIndexDate + " bis " + endIndexDate + " = 100" : startIndexDate + " = 100", align: "left", anchor: "start", }) const changes = vl.layer( ruleZero, makeLines({ axisFormat: "+,.0%", tipFormat: "+,.1%", gridDash: null, textValue: "value" }), ) .data(changeData) .width(self.innerWidth > 900 ? 600 : 280) .height(self.innerWidth > 900 ? 300 : 220) .title({ text: "Veränderung des Index", subtitle: "im Vergleich zum Vorjahresmonat", align: "left", anchor: "start", }); const real = makeBenyaindex({ axisFormat: "+,.0%", variablesLine: ["Reallohnindex"], variablesArea: ["Tariflohnindex", "Verbraucherpreisindex"], inputData: flatIndexData, }) .width(self.innerWidth > 900 ? 290 : 200) .height(self.innerWidth > 900 ? 190 : 120) .title({ text: "Reallohnentwicklung", subtitle: "Tariflohn - Inflation", align: "left", anchor: "start", }); const formel = makeFormel({ axisFormat: "+,.0%", variablesLine: ["Lohnerhöhung"], variablesArea: ["rollierendeInflation", "langfristigesProduktivitätswachstum"], inputData: flatChangeData, }) .width(self.innerWidth > 900 ? 290 : 200) .height(self.innerWidth > 900 ? 190 : 120) .title({ text: "Benya-Formel", subtitle: "Grundlage der Lohnforderungen", align: "left", anchor: "start", }); return width > 1600 ? vl.hconcat( vl.hconcat( vl.vconcat( Index === "Index" ? lines : changes, ), ), vl.hconcat( formel, ) .resolve({ legend: {fill: "independent", color: "independent" } }), ) .config(config) .render({renderer: "svg"}) : vl.vconcat( vl.vconcat( vl.vconcat( Index === "Index" ? lines : changes, ), ), ) .config(config) .render({renderer: "svg"}) }32:T584,config = ({ view: { stroke: "transparent" }, facet: { spacing: 5 }, concat: { spacing: 25 }, font: "FFDaxPro", title: { fontSize: 14, subtitleFontSize: 13, }, axis: { labelFontSize: 12, titleFontSize: 12, titleFontWeight: "normal", }, legend: { labelFontSize: 12, titleFontSize: 12, titleFontWeight: "normal", }, mark: { fontSize: 12 }, locale: { number: { decimal: ',', thousands: '.', grouping: [3] }, time: { dateTime: "%A %e %B %Y, %X", date: "%d/%m/%Y", time: "%H:%M:%S", periods: ["AM", "PM"], days: [ "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag", "Sonntag" ], shortDays: [ "Mo", "Di", "Mi", "Do", "Fr", "Sa", "So" ], months: [ "Jänner", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember" ], shortMonths: [ "Jan", "Feb", "Mar", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dez" ] } }, background: "transparent" // #f2f2f2 })33:T68b,makeLogo = vl.layer( vl.markImage({ align: "left", baseline: "middle", clip: false, height: 24, width: 100, xOffset: -40, yOffset: -50, }) .data([ {"y": 0, "x": 0}, {"y2": 1, "x2": 1}, ]) .encode( vl.x() .fieldQ("x").axis(null), vl.y() .fieldQ("y").axis(null), vl.url() .value("https://static.observableusercontent.com/files/9742de1b468456f437ad6785039e80c47aa694a499de781af0d026dfd019d990ec56e7d7069e76a2ebdd48e464cbd55d2f6679fd4c8af93c23166b99769fda3d"), vl.href() .value("https://www.wifo.ac.at/") ) .width(10) .height(20), vl.markText({ xOffset: -40, yOffset: -20, align: "left" }) .data([ {"y": 0, "x": 0}, {"y2": 1, "x2": 1}, ]) .encode( vl.x() .fieldQ("x").axis(null), vl.y() .fieldQ("y").axis(null), vl.text() .value([ "Q: Statistik Austria, Eigene Berechnungen", "* Produktivitätsindex wird aufgrund starker Schwankungen immer als gleitender Mittelwert (12 Monate) dargestellt.", "** Gleitender Mittelwert (12 Monate) um 3 Monate zeitverzögert um Stand bei Verhandlungen widerzuspiegeln.", "*** Gleitender Mittelwert über 48 Monate um langfristiges Produktivitätswachstum widerzuspiegeln.", "Tariflohnindex: Basis 2006 und 2016 verkettet", "Produktivitätsindex: Basis 2010, 2015 und 2020 verkettet", "Verbraucherpreisindex: Basis 2010, 2015 und 2020 verkettet", ]) ) .width(20) .height(20), )34:T1034,function makeFormel(input) { const lineData = input.inputData .filter(aq.escape(d => input.variablesLine.includes(d.key))) var areaData = input.inputData .filter(aq.escape(d => input.variablesArea.includes(d.key))) .derive({ MonatTT: d => op.lag(d.Monat, 3) }) .derive({ MonatTT: d => op.lag(d.MonatTT, 3) }) // input.variablesLine.includes("Reallohnindex") ? // areaData = areaData // .derive({value: d => d.key === 'Verbraucherpreisindex' ? 100-(d.value - 100) : d.value}) : // areaData = areaData; const lines = vl.markLine({ point: {fill: "transparent", size: 200, }, opacity: 1 }) .transform( vl.calculate("datum.key == 'rollierendeInflation' ? 'Rollierende Inflation**' : datum.key").as("key"), ) .encode( vl.x() .fieldT("Monat") .axis({ title: null, format: "%b %y", minExtent: 40, grid: false, labelPadding: 10, labelOverlap: true, labelBound: true, labelSeparation: 5, }), vl.y() .fieldQ("value") .axis({ title: null, domain: false, labelPadding: 10, minExtent: 40, ticks: false, labelOverlap: true, labelBound: true, labelSeparation: 5, format: input.axisFormat, gridDash: input.gridDash, grid: false, }) .scale({ zero: false, nice: false, }), vl.color() .fieldN("key") .legend({ orient: self.innerWidth > 900 ? "bottom" : "none", legendX: 225, legendY: 30, direction: "vertical", symbolOpacity: 1, title: "Linien", symbolSize: 200, symbolType: "stroke", values: [ "Lohnerhöhung", ] }) .scale({ domain: [ "Tariflohnindex", "Produktivitätsindex", "Verbraucherpreisindex", "Benyaindex", "Reallohnindex", "rollierendeInflation", "langfristigesProduktivitätswachstum", "Lohnerhöhung" ], range: colors }), vl.tooltip([ {field: 'key', title: 'Veränderung'}, {field: 'value', title: 'Wert', format: "+,.1%" }, {field: 'Monat', title: 'Monat', type: "temporal", format: "%b %y" } ]), ) .data(lineData) const area = vl.markArea({ opacity: 0.4 }) .transform( vl.calculate("datum.key == 'rollierendeInflation' ? 'Rollierende Inflation**' : datum.key").as("key"), vl.calculate("datum.key == 'langfristigesProduktivitätswachstum' ? 'Produktivitätsgewinne***' : datum.key").as("key"), ) .encode( vl.x() .fieldT("Monat"), vl.y() .fieldQ("value"), vl.fill() .fieldN("key") .legend({ orient: self.innerWidth > 900 ? "bottom" : "none", direction: "vertical", symbolType: "square", legendX: 225, legendY: 70, title: "Flächen", symbolSize: 200, values: [ "Rollierende Inflation**", "Produktivitätsgewinne***", ] }) .scale({ domain: [ "Tariflohnindex", "Produktivitätsindex", "Verbraucherpreisindex", "Benyaindex", "Reallohnindex", "Rollierende Inflation**", "Produktivitätsgewinne***", "Lohnerhöhung" ], range: colors }), vl.tooltip([ {field: 'key', title: 'Veränderung'}, {field: 'value', title: 'Wert', format: "+,.1%" }, {field: 'MonatTT', title: 'Monat', type: "temporal", format: "%b %y" } ]), ) .data(areaData) return vl.layer(area, lines, ruleZero.data(lineData)) }35:Te00,function makeBenyaindex(input) { const lineData = input.inputData .filter(aq.escape(d => input.variablesLine.includes(d.key))) var areaData = input.inputData .filter(aq.escape(d => input.variablesArea.includes(d.key))) input.variablesLine.includes("Reallohnindex") ? areaData = areaData .derive({value: d => d.key === 'Verbraucherpreisindex' ? 100-(d.value - 100) : d.value}) : areaData = areaData; const lines = vl.markLine({ point: {fill: "transparent", size: 200, }, opacity: 1 }) .transform( vl.calculate("(datum.value - 100) / 100").as("value"), ) .encode( vl.x() .fieldT("Monat") .axis({ title: null, format: "%b %y", minExtent: 40, grid: false, labelPadding: 10, labelOverlap: true, labelBound: true, labelSeparation: 5, }), vl.y() .fieldQ("value") .axis({ title: null, domain: false, labelPadding: 10, minExtent: 40, ticks: false, labelOverlap: true, labelBound: true, labelSeparation: 5, format: input.axisFormat, gridDash: input.gridDash, grid: false, }) .scale({ zero: false, nice: false, }), vl.color() .fieldN("key") .legend({ orient: self.innerWidth > 900 ? "bottom" : "none", legendX: 225, legendY: 30, direction: "vertical", symbolOpacity: 1, title: "Linien", symbolSize: 200, symbolType: "stroke", labelLimit: 1000, values: [ "Reallohnindex", ] }) .scale({ domain: [ "Tariflohnindex", "Produktivitätsindex", "Verbraucherpreisindex", "Benyaindex", "Reallohnindex", ], range: colors }), vl.tooltip([ {field: 'key', title: 'Index'}, {field: 'value', title: 'Wert', format: ",.1%" }, {field: 'Monat', title: 'Monat', type: "temporal", format: "%b %y" } ]), ) .data(lineData) const area = vl.markArea({ opacity: 0.4 }) .transform( vl.calculate("(datum.value - 100) / 100").as("value"), ) .encode( vl.x() .fieldT("Monat"), vl.y() .fieldQ("value"), vl.fill() .fieldN("key") .legend({ orient: self.innerWidth > 900 ? "bottom" : "none", direction: "vertical", symbolType: "square", legendX: 225, legendY: 70, title: "Flächen", symbolSize: 200, labelLimit: 1000, values: [ "Tariflohnindex", "Verbraucherpreisindex", ] }) .scale({ domain: [ "Tariflohnindex", "Produktivitätsindex", "Verbraucherpreisindex", "Benyaindex", "Reallohnindex", ], range: colors }), vl.tooltip([ {field: 'key', title: 'Index'}, {field: 'value', title: 'Wert', format: ",.1%" }, {field: 'Monat', title: 'Monat', type: "temporal", format: "%b %y" } ]), ) .data(areaData) return vl.layer(area, lines, ruleZero.data(lineData)) }36:Tb70,function makeLines(input) { const lines = vl.markLine({ point: {fill: "transparent", size: 200, } }) .encode( vl.x() .fieldT("Monat") .axis({ title: null, format: "%b %y", minExtent: 40, grid: false, labelAngle: -0, labelPadding: 10, labelOverlap: true, labelBound: true, labelSeparation: 5, }), vl.y() .fieldQ("value") .axis({ title: null, domain: false, minExtent: 40, ticks: false, labelPadding: 10, labelOverlap: true, labelBound: true, labelSeparation: 5, format: input.axisFormat, gridDash: input.gridDash, grid: false, }) .scale({ zero: false, nice: false, }), vl.color() .fieldN("key") .legend({ orient: "top-left", symbolType: "stroke", title: null, symbolSize: 200, values: checkboxesSzenario, }) .scale({ domain: [ "Tariflohnindex", "Produktivitätsindex", "Verbraucherpreisindex", "Benyaindex", "Reallohnindex", ], range: colors }), vl.tooltip([ {field: 'key', title: 'Index'}, {field: 'value', title: 'Indexwert', format: input.tipFormat }, {field: 'Monat', title: 'Monat', type: "temporal", format: "%b %y" } ]), ) // "encoding": { // "x": {"aggregate": "max", "field": "date", "type": "temporal"}, // "y": {"aggregate": {"argmax": "date"}, "field": "price", "type": "quantitative"} // }, const text = vl.markText({ xOffset: 30, fontSize: 15 }) .transform( vl.window(vl.row_number().as("row")), vl.joinaggregate({op: "max", field: "row", as: "max"}).groupby("key"), vl.filter("datum.row == datum.max"), vl.calculate("(datum.value - 100) / 100").as("value2"), ) .encode( vl.x() .fieldT("Monat"), vl.y() .fieldQ("value"), vl.text() .fieldQ(input.textValue).format("+,.1%"), vl.color() .fieldN("key") .scale({ domain: [ "Tariflohnindex", "Produktivitätsindex", "Verbraucherpreisindex", "Benyaindex", "Reallohnindex", ], range: colors }), ) // const loess = vl.markLine({ // color: input.color, // opacity: 1 // }) // .transform( // vl.loess("value") // .on("Monat") // .as("Monat", "value") // .bandwidth(input.bandwidth) // ) // .encode( // vl.x() // .fieldT("Monat"), // vl.y() // .fieldQ("value"), // ) return vl.layer(lines, text) }37:Tf7f,vizData = { var temp = aq.from(mergeData) GlättungSzenario.includes("gleitende Mittelwerte") ? temp = temp .derive({ Produktivitätsindex: aq.rolling(d => op.average(d.Produktivitätsindex), [-11,0]), Verbraucherpreisindex: aq.rolling(d => op.average(d.Verbraucherpreisindex), [-11,0]), Tariflohnindex: aq.rolling(d => op.average(d.Tariflohnindex), [-11,0]), Lohnerhöhung: d => (d.Tariflohnindex - op.lag(d.Tariflohnindex, 12)) / op.lag(d.Tariflohnindex, 12), rollierendeInflation: d => (d.Verbraucherpreisindex - op.lag(d.Verbraucherpreisindex, 12)) / op.lag(d.Verbraucherpreisindex, 12), langrsistigesProduktivitätswachstum: d => (d.Verbraucherpreisindex - op.lag(d.Verbraucherpreisindex, 12)) / op.lag(d.Verbraucherpreisindex, 12), // Verbraucherpreisindex: d => + d.Verbraucherpreisindex, // Tariflohnindex: d => + d.Tariflohnindex }) : temp = temp .derive({ // Produktivitätsindex: d => + d.Produktivitätsindex, Produktivitätsindex: aq.rolling(d => op.average(d.Produktivitätsindex), [-11,0]), Verbraucherpreisindex: d => + d.Verbraucherpreisindex, Tariflohnindex: d => + d.Tariflohnindex, Lohnerhöhung: d => (d.Tariflohnindex - op.lag(d.Tariflohnindex, 12)) / op.lag(d.Tariflohnindex, 12), rollierendeInflation: d => (d.Verbraucherpreisindex - op.lag(d.Verbraucherpreisindex, 12)) / op.lag(d.Verbraucherpreisindex, 12), langrsistigesProduktivitätswachstum: d => (d.Verbraucherpreisindex - op.lag(d.Verbraucherpreisindex, 12)) / op.lag(d.Verbraucherpreisindex, 12), }); temp = temp .derive({ Benyaindex: d => d.Verbraucherpreisindex + d.Produktivitätsindex - 100, Reallohnindex: d => d.Tariflohnindex - d.Verbraucherpreisindex + 100, }) .derive({ VeränderungProduktivitätsindex: d => (d.Produktivitätsindex - op.lag(d.Produktivitätsindex, 12)) / op.lag(d.Produktivitätsindex, 12), VeränderungVerbraucherpreisindex: d => (d.Verbraucherpreisindex - op.lag(d.Verbraucherpreisindex, 12)) / op.lag(d.Verbraucherpreisindex, 12), VeränderungTariflohnindex: d => (d.Tariflohnindex - op.lag(d.Tariflohnindex, 12)) / op.lag(d.Tariflohnindex, 12), VeränderungBenyaindex: d => (d.Benyaindex - op.lag(d.Benyaindex, 12)) / op.lag(d.Benyaindex, 12), VeränderungReallohnindex: d => (d.Reallohnindex - op.lag(d.Reallohnindex, 12)) / op.lag(d.Reallohnindex, 12), rollierendeInflation: aq.rolling(d => op.average(d.rollierendeInflation), [-11,0]), }) .derive({row: d => op.row_number()}) .derive({ rollierendeInflation: d => op.lag(d.rollierendeInflation, 3), langfristigesProduktivitätswachstum: aq.rolling(d => op.average(d.VeränderungProduktivitätsindex), [-47,0]), }) .filter(aq.escape(d => d.row >= ZeitSzenario[0]+1 && d.row <= ZeitSzenario[1]+1)) .derive({row: d => op.row_number()}); MethodeSzenario === "Basisjahr" ? temp = temp .groupby({key: d => d.row < 12}) : temp = temp .groupby({key: d => d.row == 1}); temp = temp .derive({ meanProduktivitätsindex: d => op.mean(d.Produktivitätsindex), meanVerbraucherpreisindex: d => op.mean(d.Verbraucherpreisindex), meanTariflohnindex: d => op.mean(d.Tariflohnindex), }) .ungroup() .derive({ Produktivitätsindex: d => d.Produktivitätsindex / op.first_value(d.meanProduktivitätsindex) * 100, Verbraucherpreisindex: d => d.Verbraucherpreisindex / op.first_value(d.meanVerbraucherpreisindex) * 100, Tariflohnindex: d => d.Tariflohnindex / op.first_value(d.meanTariflohnindex) * 100, }) .derive({ Benyaindex: d => d.Verbraucherpreisindex + d.Produktivitätsindex - 100, Reallohnindex: d => d.Tariflohnindex - d.Verbraucherpreisindex + 100, }) return temp }38:[] 2e:{"title":"Tariflohn-Tracker","cells":[{"id":2551,"value":"\n# Tariflohn-Tracker\n","pinned":false,"hidden":false,"mode":"md"},{"id":1123,"value":"viewof checkboxes = Inputs.checkbox(\n [\n \"Tariflohnindex\",\n \"Produktivitätsindex\",\n \"Verbraucherpreisindex\",\n \"Benyaindex\", \n \"Reallohnindex\",\n ],\n {\n label: \"Index\", \n value: [\"Tariflohnindex\", \"Produktivitätsindex\", \"Verbraucherpreisindex\",]\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1893,"value":"viewof Glättung = Inputs.checkbox(\n [\n \"gleitende Mittelwerte\",\n ],\n {\n label: \"Glättung*\", \n value: [\"gleitende Mittelwerte\"]\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1301,"value":"viewof Methode = Inputs.button([\n [\"Ausgangsjahr\", value => \"Basisjahr\"],\n [\"Ausgangsmonat\", value => \"Rollierend\"],\n ],\n {label: \"Indexbasis\", value: \"Basisjahr\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2497,"value":"viewof Index = Inputs.button([\n [\"Indexwert\", value => \"Index\"],\n [\"Veränderung\", value => \"Veränderung\"],\n ],\n {label: \"Werte\", value: \"Index\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1825,"value":"viewof Sparte = groupedSelect({\n // title: 'Tariflohnindex',\n groups: [\n {\n label: \"Insgesamt\",\n options: [... new Set(TLI.map(d => d.Sparte))].slice(0,1),\n disabled: false\n },\n {\n label: \"WKO-Systematik\",\n options: [... new Set(TLI.map(d => d.Sparte))].slice(1,72),\n disabled: false\n },\n {\n label: \"Kollektivverträge\",\n options: [... new Set(TLI.map(d => d.Sparte))].slice(72,124),\n disabled: false\n },\n {\n label: \"Gruppen\",\n options: [... new Set(TLI.map(d => d.Sparte))].slice(124,1000),\n disabled: false\n },\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2907,"value":"viewof Zeit = rangeSlider({\n min: 24,\n max: d3.timeMonth.count(start, end),\n step: 1,\n format: d => formatDate(d3.timeMonth.offset(start, d)),\n // title: 'Zeitauswahl',\n separator: ' → ',\n color: \"#2d5b5e\",\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":43,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":2418,"value":"\nWeitere Einstellungen\n","pinned":false,"hidden":false,"mode":"md"},{"id":2342,"value":"viewof scenario = Inputs.select([\"keines\", \"Metaller-Verhandlungen\"], {label: \"Szenario\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":69,"value":"viewof Einheit = Inputs.button([\n [\"Arbeitsstunde\", value => \"Produktivitätsindex je geleisteter Arbeitsstunde\"],\n [\"ArbeitnehmerIn\", value => \"Produktivitätsindex je unselbstständig Beschäftigten\"],\n ],\n {label: \"Produktivität pro\", value: \"Produktivitätsindex je geleisteter Arbeitsstunde\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":29,"value":"viewof Sektor = Inputs.select(\n new Set(PROD.map(d => d.Sektor)), \n {\n label: \"Produktivitätsindex:\",\n value: \"Gesamt (VGR-Daten; Alle Sektoren)\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":126,"value":"viewof Produktgruppe = Inputs.select(\n new Set(VPI.map(d => d.Produktgruppe)), \n {\n label: \"Verbraucherpreisindex:\",\n value: \"Gesamt\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":2290,"value":"---\n\n\n# Appendix\n","pinned":false,"hidden":false,"mode":"md"},{"id":3022,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":2603,"value":"checkboxesSzenario = {\n const temp = \n scenario.includes(\"Metaller-Verhandlungen\") ? \n checkboxes.filter(d => d != \"Produktivitätsindex\") : // .filter(d => d != \"Produktivitätsindex\")\n checkboxes;\n return temp\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2594,"value":"GlättungSzenario = {\n const temp = \n scenario.includes(\"Metaller-Verhandlungen\") ? \n [\"\"] : \n Glättung;\n return temp\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2401,"value":"MethodeSzenario = {\n const temp = \n scenario.includes(\"Metaller-Verhandlungen\") ? \n \"Rollierend\" : \n Methode;\n return temp\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2386,"value":"ZeitSzenario = {\n const temp = \n scenario.includes(\"Metaller-Verhandlungen\") ? \n [129, 200] : \n Zeit;\n return temp\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2349,"value":"SparteSzenario = {\n const temp = \n scenario.includes(\"Metaller-Verhandlungen\") ? \n \"Fachverband Bergwerke und Stahl\" : \n Sparte;\n return temp\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2324,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":1927,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":2673,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":913,"value":"$35","pinned":false,"hidden":false,"mode":"ojs"},{"id":2585,"value":"$36","pinned":false,"hidden":false,"mode":"ojs"},{"id":1920,"value":"ruleHundred = vl.markRule({\n strokeWidth: 1\n })\n .transform(\n vl.calculate(\"100\").as(\"zero\")\n )\n .encode(\n vl.y()\n .fieldQ(\"zero\"),\n )","pinned":false,"hidden":false,"mode":"ojs"},{"id":800,"value":"ruleZero = vl.markRule({\n strokeWidth: 1\n })\n .transform(\n vl.calculate(\"0\").as(\"zero\")\n )\n .encode(\n vl.y()\n .fieldQ(\"zero\"),\n )","pinned":false,"hidden":false,"mode":"ojs"},{"id":2652,"value":"flatChangeData = vizData\n .derive({\n Produktivitätsindex: d => d.VeränderungProduktivitätsindex,\n Verbraucherpreisindex: d => d.VeränderungVerbraucherpreisindex,\n Tariflohnindex: d => d.VeränderungTariflohnindex,\n Benyaindex: d => d.VeränderungBenyaindex,\n Reallohnindex: d => d.VeränderungReallohnindex,\n })\n .select([\n \"langfristigesProduktivitätswachstum\",\n \"rollierendeInflation\",\n \"Lohnerhöhung\",\n \"Monat\"\n ])\n .fold([\n \"langfristigesProduktivitätswachstum\",\n \"rollierendeInflation\",\n \"Lohnerhöhung\",\n ])\n // .objects()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1453,"value":"flatIndexData = vizData\n .select([\n \"Tariflohnindex\",\n \"Produktivitätsindex\",\n \"Verbraucherpreisindex\",\n \"Benyaindex\", \n \"Reallohnindex\",\n \"Monat\"\n ])\n .fold([\n \"Tariflohnindex\",\n \"Produktivitätsindex\",\n \"Verbraucherpreisindex\",\n \"Benyaindex\", \n \"Reallohnindex\",\n ])\n // .objects()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1161,"value":"changeData = vizData\n // .filter(d => d.Jahr > 2010) // delete?\n .derive({\n Produktivitätsindex: d => d.VeränderungProduktivitätsindex,\n Verbraucherpreisindex: d => d.VeränderungVerbraucherpreisindex,\n Tariflohnindex: d => d.VeränderungTariflohnindex,\n Benyaindex: d => d.VeränderungBenyaindex,\n Reallohnindex: d => d.VeränderungReallohnindex,\n })\n .select(checkboxesSzenario.concat(\"Monat\").concat(\"row\"))\n .fold(checkboxesSzenario)\n // .filter(d => d.row > 12 || d.key != \"Produktivitätsindex\") // change from 1st to snd year very shacky due to saisonality\n .filter(aq.escape(d => !isNaN(d.value)))\n .filter(aq.escape(d => !(d.key == \"Produktivitätsindex\" && d.Monat > maxPROD)))\n // .objects()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1062,"value":"indexData = vizData\n .select(checkboxesSzenario.concat(\"Monat\"))\n .fold(checkboxesSzenario)\n .filter(aq.escape(d => !isNaN(d.value)))\n .filter(aq.escape(d => !(d.key == \"Produktivitätsindex\" && d.Monat > maxPROD)))\n // .filter(aq.escape(d => !d.))\n // .objects()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1019,"value":"$37","pinned":false,"hidden":false,"mode":"ojs"},{"id":54,"value":"mergeData = VPI\n .filter(e => e.Produktgruppe === Produktgruppe)\n .map(d => {\n const addTLI = TLI\n .filter(e => e.Sparte === SparteSzenario)\n .find(e => e.Monat === d.Monat);\n const addVPI = PROD\n .filter(d => d.Sektor === Sektor)\n .filter(d => d.Einheit === Einheit)\n .find(e => e.Monat === d.Monat);\n return { ...d, ...addTLI, ...addVPI };\n });","pinned":false,"hidden":false,"mode":"ojs"},{"id":3044,"value":"maxPROD = d3.max(PROD.map(d => d.Monat))","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"PROD = d3.csv(\"https://raw.githubusercontent.com/schmoigl/tariflohnmonitor/main/PROD.csv\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":19,"value":"TLI = d3.csv(\"https://raw.githubusercontent.com/schmoigl/tariflohnmonitor/main/TLI.csv\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":20,"value":"VPI = d3.csv(\"https://raw.githubusercontent.com/schmoigl/tariflohnmonitor/main/VPI.csv\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":157,"value":"colors = [\n \"#559e8f\", // TLI\n \"#72bb6f\", // PROD\n \"#559bd5\", // VPI\n \"#f3d039\", // Benyaindex\n \"#c3423f\", // Reallohnindex\n \"#12a7e7\",\n \"#96b428\",\n \"#559e8f\",\n \"#f3d039\",\n \"#559e8f\",\n \"#2d5b5e\",\n // \"lightgray\",\n // \"gray\"\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":1384,"value":"endIndexDate = formatDate(parseDate(mergeData.map(d => d.Monat)[ZeitSzenario[0]+11]))","pinned":false,"hidden":false,"mode":"ojs"},{"id":1334,"value":"end = parseDate(mergeData.map(d => d.Monat)[[mergeData.map(d => d.Monat).length - 1]])","pinned":false,"hidden":false,"mode":"ojs"},{"id":1382,"value":"startIndexDate = formatDate(parseDate(mergeData.map(d => d.Monat)[ZeitSzenario[0]]))","pinned":false,"hidden":false,"mode":"ojs"},{"id":1323,"value":"start = parseDate(mergeData.map(d => d.Monat)[0])","pinned":false,"hidden":false,"mode":"ojs"},{"id":1348,"value":"formatDate = {\n const locale = await d3.json(\"https://cdn.jsdelivr.net/npm/d3-time-format@4/locale/de-DE.json\");\n d3.timeFormatDefaultLocale(locale);\n return d3.timeFormat(\"%b %Y\")\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1329,"value":"parseDate = d3.timeParse(\"%Y-%m-%d\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":2902,"value":"import {slider, color, input} from '@jashkenas/inputs'","pinned":false,"hidden":false,"mode":"ojs"},{"id":1220,"value":"import { rangeSlider as rangeSlider } from '@mootari/range-slider'","pinned":false,"hidden":false,"mode":"ojs"},{"id":1013,"value":"import {aq, op} from '@uwdata/arquero'","pinned":false,"hidden":false,"mode":"ojs"},{"id":25,"value":"import {vl} from \"@vega/vega-lite-api-v5\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1818,"value":"import {groupedSelect} from \"@zzzev/grouped-dropdown-input\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1318,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":144,"value":"","pinned":false,"hidden":false,"mode":"html"}],"files":"$W38","stdlib":"1","titling":"auto"}