2b:null 2c:["$","title",null,{"children":"Konsumrechner | RND | Observable"}] 31:T84c,chart_gesamt = Plot.plot({ width, height: 200, marginLeft: 110, marginRight: 40, marginTop: 40, insetTop: 15, insetBottom: 15, marks: [ Plot.barX(gesamt_data, { filter: d => d.label === "Ausgaben 2022", y: "label", x1: "start", x2: "opacity", fill: "label", opacity: 0.3 }), Plot.barX(gesamt_data, { filter: d => (d.label === "Ausgaben 2021" || d.label === "Ausgaben 2022"), y: "label", x1: "start", x2: "end", fill: "label" }), Plot.arrow(gesamt_data, { filter: d => (d.label === "Ersparnis"), y1: "label", y2: "label", x1: "start", x2: "end", stroke: "label" }), Plot.text(gesamt_data, { filter: d => (d.label === "Ausgaben 2021" || d.label === "Ausgaben 2022"), y: d => d.label, x: "end", text: d => d.end.toLocaleString("de"), textAnchor: "end", dx: -5, fill: "#ffffff" }), Plot.text(gesamt_data, { filter: d => (d.label === "Ersparnis"), y: d => d.label, x: "start", textAnchor: "start", dx: 5, text: d => [(gesamt_ersparnis).toFixed().toLocaleString("de")], fill: "label" }), Plot.ruleX([budget_2021], { stroke: "#6bb024", strokeWidth: 2, opacity: 0.6 }), Plot.ruleX([budget_2022], { stroke: "#4f80ff", strokeWidth: 2, opacity: 0.6 }), Plot.text([budget_2022], { x: [(+budget_2021 + +gesamt_ersparnis_exakt)], text: d => [(+budget_2021 + +gesamt_ersparnis_exakt).toLocaleString("de", {maximumFractionDigits: "0"})], fill: "#4f80ff", rotate: 0, textAnchor: "start", dx: 0, dy: 65 }) ], y: { label: "", tickPadding: 10, tickSize: 0 }, x: { axis: "top", tickPadding: 10, grid: true, ticks: 3, label: "", tickSize: 0, tickFormat: d => d.toLocaleString("de"), domain: [0,(budget_2022)] }, color: { range: ["#6bb024", "#4f80ff", "#e84f1c"] } })32:T816,chart_wohnen = Plot.plot({ width, height: 200, marginLeft: 110, marginRight: 40, marginTop: 40, insetTop: 15, insetBottom: 15, marks: [ Plot.barX(wohnen_data, { filter: d => d.label === "Ausgaben 2022", y: "label", x1: "start", x2: "opacity", fill: "label", opacity: 0.3 }), Plot.barX(wohnen_data, { filter: d => (d.label === "Ausgaben 2021" || d.label === "Ausgaben 2022"), y: "label", x1: "start", x2: "end", fill: "label" }), Plot.arrow(wohnen_data, { filter: d => (d.label === "Ersparnis"), y1: "label", y2: "label", x1: "start", x2: "end", stroke: "label" }), Plot.text(wohnen_data, { filter: d => (d.label === "Ausgaben 2021" || d.label === "Ausgaben 2022"), y: d => d.label, x: "end", text: d => d.end.toLocaleString("de"), textAnchor: "end", dx: -5, fill: "#ffffff" }), Plot.text(wohnen_data, { filter: d => (d.label === "Ersparnis"), y: d => d.label, x: "start", textAnchor: "start", dx: 5, text: d => [(wohnen_ersparnis).toLocaleString("de")], fill: "label" }), Plot.ruleX([budget_wohnen_2021], { stroke: "#6bb024", strokeWidth: 2, opacity: 0.6 }), Plot.ruleX([budget_wohnen_2022], { stroke: "#4f80ff", strokeWidth: 2, opacity: 0.6 }), Plot.text([budget_wohnen_2022], { x: [budget_wohnen_2022], text: d => [(budget_wohnen_2022).toLocaleString("de")], fill: "#4f80ff", rotate: 0, textAnchor: "start", dx: 0, dy: 65 }) ], y: { label: "", tickPadding: 10, tickSize: 0 }, x: { axis: "top", tickPadding: 10, grid: true, ticks: 3, label: "", tickSize: 0, tickFormat: d => d.toLocaleString("de"), domain: [0,(budget_wohnen_2022)] }, color: { range: ["#6bb024", "#4f80ff", "#e84f1c"] } })33:T45a,subtitle_verkehr = md`Von einem Konsumbudget in Höhe von ${textcolor((budget_2021).toLocaleString("de", {maximumFractionDigits: "0"})+" Euro", {background: '#cccccc', fontSize: "16px", fontFamily: "Source Serif Pro", fontWeight: 400, padding: "0px 5px 0px 5px"})} werden in Deutschland duchschnittlich ${textcolor((budget_verkehr_2021).toLocaleString("de", {maximumFractionDigits: "0"})+" Euro", {background: '#6bb024', fontSize: "16px", fontFamily: "Source Serif Pro", fontWeight: 400, padding: "0px 5px 0px 5px"})} für Verkehr ausgegeben. Im Juni 2022 sind diese Kosten gegenüber dem Vorjahresmonat auf ${textcolor((budget_verkehr_2022).toLocaleString("de", {maximumFractionDigits: "0"})+" Euro", {background: '#4f80ff', fontSize: "16px", fontFamily: "Source Serif Pro", fontWeight: 400, padding: "0px 5px 0px 5px"})} gestiegen. Derzeit haben Sie ${textcolor(verkehr_ersparnis.toLocaleString("de", {maximumFractionDigits: "0"})+" Euro", {background: '#e84f1c', fontSize: "16px", fontFamily: "Source Serif Pro", fontWeight: 400, padding: "0px 5px 0px 5px"})} eingespart.`34:T828,chart_verkehr = Plot.plot({ width, height: 200, marginLeft: 110, marginRight: 40, marginTop: 40, insetTop: 15, insetBottom: 15, marks: [ Plot.barX(verkehr_data, { filter: d => d.label === "Ausgaben 2022", y: "label", x1: "start", x2: "opacity", fill: "label", opacity: 0.3 }), Plot.barX(verkehr_data, { filter: d => (d.label === "Ausgaben 2021" || d.label === "Ausgaben 2022"), y: "label", x1: "start", x2: "end", fill: "label" }), Plot.arrow(verkehr_data, { filter: d => (d.label === "Ersparnis"), y1: "label", y2: "label", x1: "start", x2: "end", stroke: "label" }), Plot.text(verkehr_data, { filter: d => (d.label === "Ausgaben 2021" || d.label === "Ausgaben 2022"), y: d => d.label, x: "end", text: d => d.end.toLocaleString("de"), textAnchor: "end", dx: -5, fill: "#ffffff" }), Plot.text(verkehr_data, { filter: d => (d.label === "Ersparnis"), y: d => d.label, x: "start", textAnchor: "start", dx: 5, text: d => [(verkehr_ersparnis).toLocaleString("de")], fill: "label" }), Plot.ruleX([budget_verkehr_2021], { stroke: "#6bb024", strokeWidth: 2, opacity: 0.6 }), Plot.ruleX([budget_verkehr_2022], { stroke: "#4f80ff", strokeWidth: 2, opacity: 0.6 }), Plot.text([budget_verkehr_2022], { x: [budget_verkehr_2022], text: d => [(budget_verkehr_2022).toLocaleString("de")], fill: "#4f80ff", rotate: 0, textAnchor: "start", dx: 0, dy: 65 }) ], y: { label: "", tickPadding: 10, tickSize: 0 }, x: { axis: "top", tickPadding: 10, grid: true, ticks: 3, label: "", tickSize: 0, tickFormat: d => d.toLocaleString("de"), domain: [0,(budget_verkehr_2022)] }, color: { range: ["#6bb024", "#4f80ff", "#e84f1c"] } })35:T46f,subtitle_nahrung = md`Von einem Konsumbudget in Höhe von ${textcolor((budget_2021).toLocaleString("de", {maximumFractionDigits: "0"})+" Euro", {background: '#cccccc', fontSize: "16px", fontFamily: "Source Serif Pro", fontWeight: 400, padding: "0px 5px 0px 5px"})} werden in Deutschland duchschnittlich ${textcolor((budget_nahrung_2021).toLocaleString("de", {maximumFractionDigits: "0"})+" Euro", {background: '#6bb024', fontSize: "16px", fontFamily: "Source Serif Pro", fontWeight: 400, padding: "0px 5px 0px 5px"})} für Nahrungsmittel und Getränke ausgegeben. Im Juni 2022 sind diese Kosten gegenüber dem Vorjahresmonat auf ${textcolor((budget_nahrung_2022).toLocaleString("de", {maximumFractionDigits: "0"})+" Euro", {background: '#4f80ff', fontSize: "16px", fontFamily: "Source Serif Pro", fontWeight: 400, padding: "0px 5px 0px 5px"})} gestiegen. Derzeit haben Sie ${textcolor(nahrung_ersparnis.toLocaleString("de", {maximumFractionDigits: "0"})+" Euro", {background: '#e84f1c', fontSize: "16px", fontFamily: "Source Serif Pro", fontWeight: 400, padding: "0px 5px 0px 5px"})} eingespart.`36:T823,chart_nahrung = Plot.plot({ width, height: 200, marginLeft: 110, marginRight: 40, marginTop: 40, insetTop: 15, insetBottom: 15, marks: [ Plot.barX(nahrung_data, { filter: d => d.label === "Ausgaben 2022", y: "label", x1: "start", x2: "opacity", fill: "label", opacity: 0.3 }), Plot.barX(nahrung_data, { filter: d => (d.label === "Ausgaben 2021" || d.label === "Ausgaben 2022"), y: "label", x1: "start", x2: "end", fill: "label" }), Plot.arrow(nahrung_data, { filter: d => (d.label === "Ersparnis"), y1: "label", y2: "label", x1: "start", x2: "end", stroke: "label" }), Plot.text(nahrung_data, { filter: d => (d.label === "Ausgaben 2021" || d.label === "Ausgaben 2022"), y: d => d.label, x: "end", text: d => d.end.toLocaleString("de"), textAnchor: "end", dx: -5, fill: "#ffffff" }), Plot.text(nahrung_data, { filter: d => (d.label === "Ersparnis"), y: d => d.label, x: "start", textAnchor: "start", dx: 5, text: d => [(nahrung_ersparnis).toLocaleString("de")], fill: "label" }), Plot.ruleX([budget_nahrung_2021], { stroke: "#6bb024", strokeWidth: 2, opacity: 0.6 }), Plot.ruleX([budget_nahrung_2022], { stroke: "#4f80ff", strokeWidth: 2, opacity: 0.6 }), Plot.text([budget_nahrung_2022], { x: [budget_nahrung_2022], text: d => [(budget_nahrung_2022).toLocaleString("de")], fill: "#4f80ff", rotate: 0, textAnchor: "start", dx: 0, dy: 65 }) ], y: { label: "", tickPadding: 10, tickSize: 0 }, x: { axis: "top", tickPadding: 10, grid: true, ticks: 3, label: "", tickSize: 0, tickFormat: d => d.toLocaleString("de"), domain: [0,(budget_nahrung_2022)] }, color: { range: ["#6bb024", "#4f80ff", "#e84f1c"] } })37:T470,subtitle_freizeit = md`Von einem Konsumbudget in Höhe von ${textcolor((budget_2021).toLocaleString("de", {maximumFractionDigits: "0"})+" Euro", {background: '#cccccc', fontSize: "16px", fontFamily: "Source Serif Pro", fontWeight: 400, padding: "0px 5px 0px 5px"})} werden in Deutschland duchschnittlich ${textcolor((budget_freizeit_2021).toLocaleString("de", {maximumFractionDigits: "0"})+" Euro", {background: '#6bb024', fontSize: "16px", fontFamily: "Source Serif Pro", fontWeight: 400, padding: "0px 5px 0px 5px"})} für Freizeit und Unterhaltung ausgegeben. Im Juni 2022 sind diese Kosten gegenüber dem Vorjahresmonat auf ${textcolor((budget_freizeit_2022).toLocaleString("de", {maximumFractionDigits: "0"})+" Euro", {background: '#4f80ff', fontSize: "16px", fontFamily: "Source Serif Pro", fontWeight: 400, padding: "0px 5px 0px 5px"})} gestiegen. Derzeit haben Sie ${textcolor(freizeit_ersparnis.toLocaleString("de", {maximumFractionDigits: "0"})+" Euro", {background: '#e84f1c', fontSize: "16px", fontFamily: "Source Serif Pro", fontWeight: 400, padding: "0px 5px 0px 5px"})} eingespart.`38:T830,chart_freizeit = Plot.plot({ width, height: 200, marginLeft: 110, marginRight: 40, marginTop: 40, insetTop: 15, insetBottom: 15, marks: [ Plot.barX(freizeit_data, { filter: d => d.label === "Ausgaben 2022", y: "label", x1: "start", x2: "opacity", fill: "label", opacity: 0.3 }), Plot.barX(freizeit_data, { filter: d => (d.label === "Ausgaben 2021" || d.label === "Ausgaben 2022"), y: "label", x1: "start", x2: "end", fill: "label" }), Plot.arrow(freizeit_data, { filter: d => (d.label === "Ersparnis"), y1: "label", y2: "label", x1: "start", x2: "end", stroke: "label" }), Plot.text(freizeit_data, { filter: d => (d.label === "Ausgaben 2021" || d.label === "Ausgaben 2022"), y: d => d.label, x: "end", text: d => d.end.toLocaleString("de"), textAnchor: "end", dx: -5, fill: "#ffffff" }), Plot.text(freizeit_data, { filter: d => (d.label === "Ersparnis"), y: d => d.label, x: "start", textAnchor: "start", dx: 5, text: d => [(freizeit_ersparnis).toLocaleString("de")], fill: "label" }), Plot.ruleX([budget_freizeit_2021], { stroke: "#6bb024", strokeWidth: 2, opacity: 0.6 }), Plot.ruleX([budget_freizeit_2022], { stroke: "#4f80ff", strokeWidth: 2, opacity: 0.6 }), Plot.text([budget_freizeit_2022], { x: [budget_freizeit_2022], text: d => [(budget_freizeit_2022).toLocaleString("de")], fill: "#4f80ff", rotate: 0, textAnchor: "start", dx: 0, dy: 65 }) ], y: { label: "", tickPadding: 10, tickSize: 0 }, x: { axis: "top", tickPadding: 10, grid: true, ticks: 3, label: "", tickSize: 0, tickFormat: d => d.toLocaleString("de"), domain: [0,(budget_freizeit_2022)] }, color: { range: ["#6bb024", "#4f80ff", "#e84f1c"] } })39:T46a,subtitle_haushalt = md`Von einem Konsumbudget in Höhe von ${textcolor((budget_2021).toLocaleString("de", {maximumFractionDigits: "0"})+" Euro", {background: '#cccccc', fontSize: "16px", fontFamily: "Source Serif Pro", fontWeight: 400, padding: "0px 5px 0px 5px"})} werden in Deutschland duchschnittlich ${textcolor((budget_haushalt_2021).toLocaleString("de", {maximumFractionDigits: "0"})+" Euro", {background: '#6bb024', fontSize: "16px", fontFamily: "Source Serif Pro", fontWeight: 400, padding: "0px 5px 0px 5px"})} für den Haushaltsbedarf ausgegeben. Im Juni 2022 sind diese Kosten gegenüber dem Vorjahresmonat auf ${textcolor((budget_haushalt_2022).toLocaleString("de", {maximumFractionDigits: "0"})+" Euro", {background: '#4f80ff', fontSize: "16px", fontFamily: "Source Serif Pro", fontWeight: 400, padding: "0px 5px 0px 5px"})} gestiegen. Derzeit haben Sie ${textcolor(haushalt_ersparnis.toLocaleString("de", {maximumFractionDigits: "0"})+" Euro", {background: '#e84f1c', fontSize: "16px", fontFamily: "Source Serif Pro", fontWeight: 400, padding: "0px 5px 0px 5px"})} eingespart.`3a:T830,chart_haushalt = Plot.plot({ width, height: 200, marginLeft: 110, marginRight: 40, marginTop: 40, insetTop: 15, insetBottom: 15, marks: [ Plot.barX(haushalt_data, { filter: d => d.label === "Ausgaben 2022", y: "label", x1: "start", x2: "opacity", fill: "label", opacity: 0.3 }), Plot.barX(haushalt_data, { filter: d => (d.label === "Ausgaben 2021" || d.label === "Ausgaben 2022"), y: "label", x1: "start", x2: "end", fill: "label" }), Plot.arrow(haushalt_data, { filter: d => (d.label === "Ersparnis"), y1: "label", y2: "label", x1: "start", x2: "end", stroke: "label" }), Plot.text(haushalt_data, { filter: d => (d.label === "Ausgaben 2021" || d.label === "Ausgaben 2022"), y: d => d.label, x: "end", text: d => d.end.toLocaleString("de"), textAnchor: "end", dx: -5, fill: "#ffffff" }), Plot.text(haushalt_data, { filter: d => (d.label === "Ersparnis"), y: d => d.label, x: "start", textAnchor: "start", dx: 5, text: d => [(haushalt_ersparnis).toLocaleString("de")], fill: "label" }), Plot.ruleX([budget_haushalt_2021], { stroke: "#6bb024", strokeWidth: 2, opacity: 0.6 }), Plot.ruleX([budget_haushalt_2022], { stroke: "#4f80ff", strokeWidth: 2, opacity: 0.6 }), Plot.text([budget_haushalt_2022], { x: [budget_haushalt_2022], text: d => [(budget_haushalt_2022).toLocaleString("de")], fill: "#4f80ff", rotate: 0, textAnchor: "start", dx: 0, dy: 65 }) ], y: { label: "", tickPadding: 10, tickSize: 0 }, x: { axis: "top", tickPadding: 10, grid: true, ticks: 3, label: "", tickSize: 0, tickFormat: d => d.toLocaleString("de"), domain: [0,(budget_haushalt_2022)] }, color: { range: ["#6bb024", "#4f80ff", "#e84f1c"] } })3b:T46e,subtitle_gastronomie = md`Von einem Konsumbudget in Höhe von ${textcolor((budget_2021).toLocaleString("de", {maximumFractionDigits: "0"})+" Euro", {background: '#cccccc', fontSize: "16px", fontFamily: "Source Serif Pro", fontWeight: 400, padding: "0px 5px 0px 5px"})} werden in Deutschland duchschnittlich ${textcolor((budget_gastronomie_2021).toLocaleString("de", {maximumFractionDigits: "0"})+" Euro", {background: '#6bb024', fontSize: "16px", fontFamily: "Source Serif Pro", fontWeight: 400, padding: "0px 5px 0px 5px"})} für Gastronomie ausgegeben. Im Juni 2022 sind diese Kosten gegenüber dem Vorjahresmonat auf ${textcolor((budget_gastronomie_2022).toLocaleString("de", {maximumFractionDigits: "0"})+" Euro", {background: '#4f80ff', fontSize: "16px", fontFamily: "Source Serif Pro", fontWeight: 400, padding: "0px 5px 0px 5px"})} gestiegen. Derzeit haben Sie ${textcolor(gastronomie_ersparnis.toLocaleString("de", {maximumFractionDigits: "0"})+" Euro", {background: '#e84f1c', fontSize: "16px", fontFamily: "Source Serif Pro", fontWeight: 400, padding: "0px 5px 0px 5px"})} eingespart.`3c:T857,chart_gastronomie = Plot.plot({ width, height: 200, marginLeft: 110, marginRight: 40, marginTop: 40, insetTop: 15, insetBottom: 15, marks: [ Plot.barX(gastronomie_data, { filter: d => d.label === "Ausgaben 2022", y: "label", x1: "start", x2: "opacity", fill: "label", opacity: 0.3 }), Plot.barX(gastronomie_data, { filter: d => (d.label === "Ausgaben 2021" || d.label === "Ausgaben 2022"), y: "label", x1: "start", x2: "end", fill: "label" }), Plot.arrow(gastronomie_data, { filter: d => (d.label === "Ersparnis"), y1: "label", y2: "label", x1: "start", x2: "end", stroke: "label" }), Plot.text(gastronomie_data, { filter: d => (d.label === "Ausgaben 2021" || d.label === "Ausgaben 2022"), y: d => d.label, x: "end", text: d => d.end.toLocaleString("de"), textAnchor: "end", dx: -5, fill: "#ffffff" }), Plot.text(gastronomie_data, { filter: d => (d.label === "Ersparnis"), y: d => d.label, x: "start", textAnchor: "start", dx: 5, text: d => [(gastronomie_ersparnis).toLocaleString("de")], fill: "label" }), Plot.ruleX([budget_gastronomie_2021], { stroke: "#6bb024", strokeWidth: 2, opacity: 0.6 }), Plot.ruleX([budget_gastronomie_2022], { stroke: "#4f80ff", strokeWidth: 2, opacity: 0.6 }), Plot.text([budget_gastronomie_2022], { x: [budget_gastronomie_2022], text: d => [(budget_gastronomie_2022).toLocaleString("de")], fill: "#4f80ff", rotate: 0, textAnchor: "start", dx: 0, dy: 65 }) ], y: { label: "", tickPadding: 10, tickSize: 0 }, x: { axis: "top", tickPadding: 10, grid: true, ticks: 3, label: "", tickSize: 0, tickFormat: d => d.toLocaleString("de"), domain: [0,(budget_gastronomie_2022)] }, color: { range: ["#6bb024", "#4f80ff", "#e84f1c"] } })3d:T464,subtitle_alkohol = md`Von einem Konsumbudget in Höhe von ${textcolor((budget_2021).toLocaleString("de", {maximumFractionDigits: "0"})+" Euro", {background: '#cccccc', fontSize: "16px", fontFamily: "Source Serif Pro", fontWeight: 400, padding: "0px 5px 0px 5px"})} werden in Deutschland duchschnittlich ${textcolor((budget_alkohol_2021).toLocaleString("de", {maximumFractionDigits: "0"})+" Euro", {background: '#6bb024', fontSize: "16px", fontFamily: "Source Serif Pro", fontWeight: 400, padding: "0px 5px 0px 5px"})} für Alkohol und Tabak ausgegeben. Im Juni 2022 sind diese Kosten gegenüber dem Vorjahresmonat auf ${textcolor((budget_alkohol_2022).toLocaleString("de", {maximumFractionDigits: "0"})+" Euro", {background: '#4f80ff', fontSize: "16px", fontFamily: "Source Serif Pro", fontWeight: 400, padding: "0px 5px 0px 5px"})} gestiegen. Derzeit haben Sie ${textcolor(alkohol_ersparnis.toLocaleString("de", {maximumFractionDigits: "0"})+" Euro", {background: '#e84f1c', fontSize: "16px", fontFamily: "Source Serif Pro", fontWeight: 400, padding: "0px 5px 0px 5px"})} eingespart.`3e:T823,chart_alkohol = Plot.plot({ width, height: 200, marginLeft: 110, marginRight: 40, marginTop: 40, insetTop: 15, insetBottom: 15, marks: [ Plot.barX(alkohol_data, { filter: d => d.label === "Ausgaben 2022", y: "label", x1: "start", x2: "opacity", fill: "label", opacity: 0.3 }), Plot.barX(alkohol_data, { filter: d => (d.label === "Ausgaben 2021" || d.label === "Ausgaben 2022"), y: "label", x1: "start", x2: "end", fill: "label" }), Plot.arrow(alkohol_data, { filter: d => (d.label === "Ersparnis"), y1: "label", y2: "label", x1: "start", x2: "end", stroke: "label" }), Plot.text(alkohol_data, { filter: d => (d.label === "Ausgaben 2021" || d.label === "Ausgaben 2022"), y: d => d.label, x: "end", text: d => d.end.toLocaleString("de"), textAnchor: "end", dx: -5, fill: "#ffffff" }), Plot.text(alkohol_data, { filter: d => (d.label === "Ersparnis"), y: d => d.label, x: "start", textAnchor: "start", dx: 5, text: d => [(alkohol_ersparnis).toLocaleString("de")], fill: "label" }), Plot.ruleX([budget_alkohol_2021], { stroke: "#6bb024", strokeWidth: 2, opacity: 0.6 }), Plot.ruleX([budget_alkohol_2022], { stroke: "#4f80ff", strokeWidth: 2, opacity: 0.6 }), Plot.text([budget_alkohol_2022], { x: [budget_alkohol_2022], text: d => [(budget_alkohol_2022).toLocaleString("de")], fill: "#4f80ff", rotate: 0, textAnchor: "start", dx: 0, dy: 65 }) ], y: { label: "", tickPadding: 10, tickSize: 0 }, x: { axis: "top", tickPadding: 10, grid: true, ticks: 3, label: "", tickSize: 0, tickFormat: d => d.toLocaleString("de"), domain: [0,(budget_alkohol_2022)] }, color: { range: ["#6bb024", "#4f80ff", "#e84f1c"] } })3f:T46c,subtitle_kleidung = md`Von einem Konsumbudget in Höhe von ${textcolor((budget_2021).toLocaleString("de", {maximumFractionDigits: "0"})+" Euro", {background: '#cccccc', fontSize: "16px", fontFamily: "Source Serif Pro", fontWeight: 400, padding: "0px 5px 0px 5px"})} werden in Deutschland duchschnittlich ${textcolor((budget_kleidung_2021).toLocaleString("de", {maximumFractionDigits: "0"})+" Euro", {background: '#6bb024', fontSize: "16px", fontFamily: "Source Serif Pro", fontWeight: 400, padding: "0px 5px 0px 5px"})} für Bekleidung und Schuhe ausgegeben. Im Juni 2022 sind diese Kosten gegenüber dem Vorjahresmonat auf ${textcolor((budget_kleidung_2022).toLocaleString("de", {maximumFractionDigits: "0"})+" Euro", {background: '#4f80ff', fontSize: "16px", fontFamily: "Source Serif Pro", fontWeight: 400, padding: "0px 5px 0px 5px"})} gestiegen. Derzeit haben Sie ${textcolor(kleidung_ersparnis.toLocaleString("de", {maximumFractionDigits: "0"})+" Euro", {background: '#e84f1c', fontSize: "16px", fontFamily: "Source Serif Pro", fontWeight: 400, padding: "0px 5px 0px 5px"})} eingespart.`40:T830,chart_kleidung = Plot.plot({ width, height: 200, marginLeft: 110, marginRight: 40, marginTop: 40, insetTop: 15, insetBottom: 15, marks: [ Plot.barX(kleidung_data, { filter: d => d.label === "Ausgaben 2022", y: "label", x1: "start", x2: "opacity", fill: "label", opacity: 0.3 }), Plot.barX(kleidung_data, { filter: d => (d.label === "Ausgaben 2021" || d.label === "Ausgaben 2022"), y: "label", x1: "start", x2: "end", fill: "label" }), Plot.arrow(kleidung_data, { filter: d => (d.label === "Ersparnis"), y1: "label", y2: "label", x1: "start", x2: "end", stroke: "label" }), Plot.text(kleidung_data, { filter: d => (d.label === "Ausgaben 2021" || d.label === "Ausgaben 2022"), y: d => d.label, x: "end", text: d => d.end.toLocaleString("de"), textAnchor: "end", dx: -5, fill: "#ffffff" }), Plot.text(kleidung_data, { filter: d => (d.label === "Ersparnis"), y: d => d.label, x: "start", textAnchor: "start", dx: 5, text: d => [(kleidung_ersparnis).toLocaleString("de")], fill: "label" }), Plot.ruleX([budget_kleidung_2021], { stroke: "#6bb024", strokeWidth: 2, opacity: 0.6 }), Plot.ruleX([budget_kleidung_2022], { stroke: "#4f80ff", strokeWidth: 2, opacity: 0.6 }), Plot.text([budget_kleidung_2022], { x: [budget_kleidung_2022], text: d => [(budget_kleidung_2022).toLocaleString("de")], fill: "#4f80ff", rotate: 0, textAnchor: "start", dx: 0, dy: 65 }) ], y: { label: "", tickPadding: 10, tickSize: 0 }, x: { axis: "top", tickPadding: 10, grid: true, ticks: 3, label: "", tickSize: 0, tickFormat: d => d.toLocaleString("de"), domain: [0,(budget_kleidung_2022)] }, color: { range: ["#6bb024", "#4f80ff", "#e84f1c"] } })41:T463,subtitle_sonstiges = md`Von einem Konsumbudget in Höhe von ${textcolor((budget_2021).toLocaleString("de", {maximumFractionDigits: "0"})+" Euro", {background: '#cccccc', fontSize: "16px", fontFamily: "Source Serif Pro", fontWeight: 400, padding: "0px 5px 0px 5px"})} werden in Deutschland duchschnittlich ${textcolor((budget_sonstiges_2021).toLocaleString("de", {maximumFractionDigits: "0"})+" Euro", {background: '#6bb024', fontSize: "16px", fontFamily: "Source Serif Pro", fontWeight: 400, padding: "0px 5px 0px 5px"})} für Sonstiges ausgegeben. Im Mai 2022 sind diese Kosten gegenüber dem Vorjahresmonat auf ${textcolor((budget_sonstiges_2022).toLocaleString("de", {maximumFractionDigits: "0"})+" Euro", {background: '#4f80ff', fontSize: "16px", fontFamily: "Source Serif Pro", fontWeight: 400, padding: "0px 5px 0px 5px"})} gestiegen. Derzeit haben Sie ${textcolor(sonstiges_ersparnis.toLocaleString("de", {maximumFractionDigits: "0"})+" Euro", {background: '#e84f1c', fontSize: "16px", fontFamily: "Source Serif Pro", fontWeight: 400, padding: "0px 5px 0px 5px"})} eingespart.`42:T83d,chart_sonstiges = Plot.plot({ width, height: 200, marginLeft: 110, marginRight: 40, marginTop: 40, insetTop: 15, insetBottom: 15, marks: [ Plot.barX(sonstiges_data, { filter: d => d.label === "Ausgaben 2022", y: "label", x1: "start", x2: "opacity", fill: "label", opacity: 0.3 }), Plot.barX(sonstiges_data, { filter: d => (d.label === "Ausgaben 2021" || d.label === "Ausgaben 2022"), y: "label", x1: "start", x2: "end", fill: "label" }), Plot.arrow(sonstiges_data, { filter: d => (d.label === "Ersparnis"), y1: "label", y2: "label", x1: "start", x2: "end", stroke: "label" }), Plot.text(sonstiges_data, { filter: d => (d.label === "Ausgaben 2021" || d.label === "Ausgaben 2022"), y: d => d.label, x: "end", text: d => d.end.toLocaleString("de"), textAnchor: "end", dx: -5, fill: "#ffffff" }), Plot.text(sonstiges_data, { filter: d => (d.label === "Ersparnis"), y: d => d.label, x: "start", textAnchor: "start", dx: 5, text: d => [(sonstiges_ersparnis).toLocaleString("de")], fill: "label" }), Plot.ruleX([budget_sonstiges_2021], { stroke: "#6bb024", strokeWidth: 2, opacity: 0.6 }), Plot.ruleX([budget_sonstiges_2022], { stroke: "#4f80ff", strokeWidth: 2, opacity: 0.6 }), Plot.text([budget_sonstiges_2022], { x: [budget_sonstiges_2022], text: d => [(budget_sonstiges_2022).toLocaleString("de")], fill: "#4f80ff", rotate: 0, textAnchor: "start", dx: 0, dy: 65 }) ], y: { label: "", tickPadding: 10, tickSize: 0 }, x: { axis: "top", tickPadding: 10, grid: true, ticks: 3, label: "", tickSize: 0, tickFormat: d => d.toLocaleString("de"), domain: [0,(budget_sonstiges_2022)] }, color: { range: ["#6bb024", "#4f80ff", "#e84f1c"] } })43:T43e,result_chart = Plot.plot({ height: 400, width, marks: [ Plot.dot([gesamt_ersparnis / 2], { x: 1, y: 1, r: gesamt_ersparnis / budget_2021 * 1250, fill: "#e84f1c", opacity: 0.2 }), Plot.dot([gesamt_inflation], { x: 1, y: 1, r: gesamt_inflation / budget_2021 * 1250, stroke: "#4f80ff", strokeWidth: 3 }), Plot.text([gesamt_ersparnis], { x: 1, y: 1, dy: -30, text: (d) => `insgesamt`, fill: "#0f151a" }), Plot.text([gesamt_ersparnis], { x: 1, y: 1, dy: -10, text: (d) => `${[gesamt_ersparnis].toLocaleString("de", {maximumFractionDigits: "0"})} Euro Ersparnis`, fill: "#e84f1c" }), Plot.text([gesamt_inflation], { x: 1, y: 1, dy: 10, text: (d) => `${[gesamt_inflation].toLocaleString("de")} Euro Inflation`, fill: "#4f80ff" }) ], x: { label: "", tickSize: 0, ticks: 0 }, y: { label: "", tickSize: 0, ticks: 0 } })44:T532,gesamt_ersparnis_exakt = ((+d3.sum(konsum.filter(d => d.id === "1"), d => d.budget_2022)) - (+d3.sum(konsum.filter(d => d.id === "1"), d => d.budget_2021))) + ((+d3.sum(konsum.filter(d => d.id === "2"), d => d.budget_2022)) - (+d3.sum(konsum.filter(d => d.id === "2"), d => d.budget_2021))) + ((+d3.sum(konsum.filter(d => d.id === "3"), d => d.budget_2022)) - (+d3.sum(konsum.filter(d => d.id === "3"), d => d.budget_2021))) + ((+d3.sum(konsum.filter(d => d.id === "4"), d => d.budget_2022)) - (+d3.sum(konsum.filter(d => d.id === "4"), d => d.budget_2021))) + ((+d3.sum(konsum.filter(d => d.id === "5"), d => d.budget_2022)) - (+d3.sum(konsum.filter(d => d.id === "5"), d => d.budget_2021))) + ((+d3.sum(konsum.filter(d => d.id === "6"), d => d.budget_2022)) - (+d3.sum(konsum.filter(d => d.id === "6"), d => d.budget_2021))) + ((+d3.sum(konsum.filter(d => d.id === "8"), d => d.budget_2022)) - (+d3.sum(konsum.filter(d => d.id === "8"), d => d.budget_2021))) + ((+d3.sum(konsum.filter(d => d.id === "9"), d => d.budget_2022)) - (+d3.sum(konsum.filter(d => d.id === "9"), d => d.budget_2021))) + ((+d3.sum(konsum.filter(d => d.id === "7" || d.id === "10" || d.id === "11" || d.id === "12"), d => d.budget_2022)) - (+d3.sum(konsum.filter(d => d.id === "7" || d.id === "10" || d.id === "11" || d.id === "12"), d => d.budget_2021)))45:T69d,myStyles = html` `46:[{"id":"9df4842ae562e6a7d5e8b32440ecabd9754698c1ecb0ccd732b0def2e78474911d7af8d368e2fa9c9e35014d6854c2dd022dbb8e556f32715418cd189ded1d52","href":"https://static.observableusercontent.com/files/9df4842ae562e6a7d5e8b32440ecabd9754698c1ecb0ccd732b0def2e78474911d7af8d368e2fa9c9e35014d6854c2dd022dbb8e556f32715418cd189ded1d52","name":"infkonsum@1.csv","type":"text/csv","lastModified":1657699690207.922,"size":717}] 2f:{"id":"9385a88d384c95fd","slug":"konsumrechner","title":"Konsumrechner","thumbnail":"53500f8549e5fa6f440cc6ade5acf387294951068dd481c2228c240770fa336a","access_level":"public","create_time":"$D2022-07-08T08:27:11.815Z","update_time":"$D2022-12-01T14:10:57.275Z","view_time":null,"first_public_time":"$D2022-07-13T11:58:54.736Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"b8db01b7dd27a055","login":"rnd","name":"RND","avatar_url":"https://avatars-next.observableusercontent.com/8cd6e8f8a280701f2c59b563c390950d7287c4e64c058ec466b6042ca5b6e9e1","tier":"starter_2024"},"version":1545,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"5f9b41b7f852d3da","login":"rnd","name":"RND","avatar_url":"https://avatars-next.observableusercontent.com/8cd6e8f8a280701f2c59b563c390950d7287c4e64c058ec466b6042ca5b6e9e1","tier":null}],"members":[{"type":"individual","id":"5f9b41b7f852d3da","login":"rnd","name":"RND","avatar_url":"https://avatars-next.observableusercontent.com/8cd6e8f8a280701f2c59b563c390950d7287c4e64c058ec466b6042ca5b6e9e1","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Konsumrechner","cells":[{"id":0,"value":"# Konsumrechner","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":16,"value":"viewof budget_2021 = Inputs.range([10, 5000], {label: \"Ihr Konsumbudget in Euro:\", step: 10, value: \"2000\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":111,"value":"subtitle = md`Im Juni 2021 konnte man in Deutschland für ein Konsumbudget in Höhe von ${textcolor(budget_2021.toLocaleString(\"de\")+\" Euro\", {background: '#6bb024', fontSize: \"16px\", fontFamily: \"Source Serif Pro\", fontWeight: 400, padding: \"0px 5px 0px 5px\"})} so viel kaufen wie im im Juni 2022 für ${textcolor((+budget_2021 + +gesamt_ersparnis_exakt).toLocaleString(\"de\", {maximumFractionDigits: \"0\"})+\" Euro\", {background: '#4f80ff', fontSize: \"16px\", fontFamily: \"Source Serif Pro\", fontWeight: 400, padding: \"0px 5px 0px 5px\"})}. Um mit dem bisherigen Budget auszukommen, können Sie in den einzelnen Konsumbereichen sparen. Mit der derzeitigen Einstellung der Regler haben Sie ${textcolor(gesamt_ersparnis.toLocaleString(\"de\", {maximumFractionDigits: \"0\"})+\" Euro\", {background: '#e84f1c', fontSize: \"16px\", fontFamily: \"Source Serif Pro\", fontWeight: 400, padding: \"0px 5px 0px 5px\"})} eingespart.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":842,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":321,"value":"subtitle_wohnen = md`Von einem Budget von ${textcolor((budget_2021).toLocaleString(\"de\")+\" Euro\", {background: '#cccccc', fontSize: \"16px\", fontFamily: \"Source Serif Pro\", fontWeight: 400, padding: \"0px 5px 0px 5px\"})} werden in Deutschland duchschnittlich ${textcolor((budget_wohnen_2021).toLocaleString(\"de\")+\" Euro\", {background: '#6bb024', fontSize: \"16px\", fontFamily: \"Source Serif Pro\", fontWeight: 400, padding: \"0px 5px 0px 5px\"})} für Wohnen, Wasser, Strom und Wärme ausgegeben. Im Juni 2022 sind diese Kosten gegenüber dem Vorjahresmonat auf ${textcolor((budget_wohnen_2022).toLocaleString(\"de\")+\" Euro\", {background: '#4f80ff', fontSize: \"16px\", fontFamily: \"Source Serif Pro\", fontWeight: 400, padding: \"0px 5px 0px 5px\"})} gestiegen. Derzeit haben Sie ${textcolor(wohnen_ersparnis.toLocaleString(\"de\")+\" Euro\", {background: '#e84f1c', fontSize: \"16px\", fontFamily: \"Source Serif Pro\", fontWeight: 400, padding: \"0px 5px 0px 5px\"})} eingespart.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":538,"value":"viewof wohnen_ersparnis = Inputs.range([0, budget_wohnen_2022], {label: \"Ersparnis im Bereich Wohnen, Wasser, Strom und Wärme:\", step: 1, value: [(budget_wohnen_2022 - budget_wohnen_2021)]})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":177,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":600,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":592,"value":"viewof verkehr_ersparnis = Inputs.range([0, budget_verkehr_2022], {label: \"Ersparnis im Bereich Verkehr:\", step: 1, value: [budget_verkehr_2022 - budget_verkehr_2021]})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":596,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1180,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1204,"value":"viewof nahrung_ersparnis = Inputs.range([0, budget_nahrung_2022], {label: \"Ersparnis im Bereich Nahrung:\", step: 1, value: [budget_nahrung_2022 - budget_nahrung_2021]})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1210,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1300,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1303,"value":"viewof freizeit_ersparnis = Inputs.range([0, budget_freizeit_2022], {label: \"Ersparnis im Bereich Freizeit:\", step: 1, value: [budget_freizeit_2022 - budget_freizeit_2021]})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1306,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1322,"value":"$39","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1325,"value":"viewof haushalt_ersparnis = Inputs.range([0, budget_haushalt_2022], {label: \"Ersparnis im Bereich Haushalt:\", step: 1, value: [budget_haushalt_2022 - budget_haushalt_2021]})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1328,"value":"$3a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1354,"value":"$3b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1357,"value":"viewof gastronomie_ersparnis = Inputs.range([0, budget_gastronomie_2022], {label: \"Ersparnis im Bereich Gastronomie:\", step: 1, value: [budget_gastronomie_2022 - budget_gastronomie_2021]})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1360,"value":"$3c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1379,"value":"$3d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1382,"value":"viewof alkohol_ersparnis = Inputs.range([0, budget_alkohol_2022], {label: \"Ersparnis im Bereich Alkohol und Tabak:\", step: 1, value: [budget_alkohol_2022 - budget_alkohol_2021]})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1386,"value":"$3e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1398,"value":"$3f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1401,"value":"viewof kleidung_ersparnis = Inputs.range([0, budget_kleidung_2022], {label: \"Ersparnis im Bereich Bekleidung und Schuhe:\", step: 1, value: [budget_kleidung_2022 - budget_kleidung_2021]})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1404,"value":"$40","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1425,"value":"$41","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1428,"value":"viewof sonstiges_ersparnis = Inputs.range([0, budget_sonstiges_2022], {label: \"Ersparnis im Bereich Sonstiges:\", step: 1, value: [budget_sonstiges_2022 - budget_sonstiges_2021]})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1431,"value":"$42","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":974,"value":"$43","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":971,"value":"gesamt_inflation = budget_2022 - budget_2021","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1466,"value":"$44","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1484,"value":"gesamt_ersparnis = wohnen_ersparnis + verkehr_ersparnis + nahrung_ersparnis + freizeit_ersparnis + haushalt_ersparnis + gastronomie_ersparnis + alkohol_ersparnis + kleidung_ersparnis + sonstiges_ersparnis","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":851,"value":"gesamt_data = [\n { label: \"Ausgaben 2021\", start: 0, end: budget_2021, opacity: budget_2021 },\n { label: \"Ausgaben 2022\", start: 0, end: budget_2021, opacity: budget_2022 },\n { label: \"Ersparnis\", start: budget_2022, end: (budget_2022 - gesamt_ersparnis), opacity: budget_2021},\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":192,"value":"wohnen_data = [\n { label: \"Ausgaben 2021\", start: 0, end: budget_wohnen_2021, opacity: budget_wohnen_2021 },\n { label: \"Ausgaben 2022\", start: 0, end: budget_wohnen_2022 - wohnen_ersparnis, opacity: budget_wohnen_2022 },\n { label: \"Ersparnis\", start: budget_wohnen_2022, end: budget_wohnen_2022 - wohnen_ersparnis, opacity: wohnen_ersparnis},\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":609,"value":"verkehr_data = [\n { label: \"Ausgaben 2021\", start: 0, end: budget_verkehr_2021, opacity: budget_verkehr_2021 },\n { label: \"Ausgaben 2022\", start: 0, end: budget_verkehr_2022 - verkehr_ersparnis, opacity: budget_verkehr_2022 },\n { label: \"Ersparnis\", start: budget_verkehr_2022, end: budget_verkehr_2022 - verkehr_ersparnis, opacity: budget_verkehr_2022 },\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1183,"value":"nahrung_data = [\n { label: \"Ausgaben 2021\", start: 0, end: budget_nahrung_2021, opacity: budget_nahrung_2021 },\n { label: \"Ausgaben 2022\", start: 0, end: budget_nahrung_2022 - nahrung_ersparnis, opacity: budget_nahrung_2022 },\n { label: \"Ersparnis\", start: budget_nahrung_2022, end: budget_nahrung_2022 - nahrung_ersparnis, opacity: budget_nahrung_2022 },\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1289,"value":"freizeit_data = [\n { label: \"Ausgaben 2021\", start: 0, end: budget_freizeit_2021, opacity: budget_freizeit_2021 },\n { label: \"Ausgaben 2022\", start: 0, end: budget_freizeit_2022 - freizeit_ersparnis, opacity: budget_freizeit_2022 },\n { label: \"Ersparnis\", start: budget_freizeit_2022, end: budget_freizeit_2022 - freizeit_ersparnis, opacity: budget_freizeit_2022 },\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1313,"value":"haushalt_data = [\n { label: \"Ausgaben 2021\", start: 0, end: budget_haushalt_2021, opacity: budget_haushalt_2021 },\n { label: \"Ausgaben 2022\", start: 0, end: budget_haushalt_2022 - haushalt_ersparnis, opacity: budget_haushalt_2022 },\n { label: \"Ersparnis\", start: budget_haushalt_2022, end: budget_haushalt_2022 - haushalt_ersparnis, opacity: budget_haushalt_2022 },\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1343,"value":"gastronomie_data = [\n { label: \"Ausgaben 2021\", start: 0, end: budget_gastronomie_2021, opacity: budget_gastronomie_2021 },\n { label: \"Ausgaben 2022\", start: 0, end: budget_gastronomie_2022 - gastronomie_ersparnis, opacity: budget_gastronomie_2022 },\n { label: \"Ersparnis\", start: budget_gastronomie_2022, end: budget_gastronomie_2022 - gastronomie_ersparnis, opacity: budget_gastronomie_2022 },\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1366,"value":"alkohol_data = [\n { label: \"Ausgaben 2021\", start: 0, end: budget_alkohol_2021, opacity: budget_alkohol_2021 },\n { label: \"Ausgaben 2022\", start: 0, end: budget_alkohol_2022 - alkohol_ersparnis, opacity: budget_alkohol_2022 },\n { label: \"Ersparnis\", start: budget_alkohol_2022, end: budget_alkohol_2022 - alkohol_ersparnis, opacity: budget_alkohol_2022 },\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1407,"value":"kleidung_data = [\n { label: \"Ausgaben 2021\", start: 0, end: budget_kleidung_2021, opacity: budget_kleidung_2021 },\n { label: \"Ausgaben 2022\", start: 0, end: budget_kleidung_2022 - kleidung_ersparnis, opacity: budget_kleidung_2022 },\n { label: \"Ersparnis\", start: budget_kleidung_2022, end: budget_kleidung_2022 - kleidung_ersparnis, opacity: budget_kleidung_2022 },\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1434,"value":"sonstiges_data = [\n { label: \"Ausgaben 2021\", start: 0, end: budget_sonstiges_2021, opacity: budget_sonstiges_2021 },\n { label: \"Ausgaben 2022\", start: 0, end: budget_sonstiges_2022 - sonstiges_ersparnis, opacity: budget_sonstiges_2022 },\n { label: \"Ersparnis\", start: budget_sonstiges_2022, end: budget_sonstiges_2022 - sonstiges_ersparnis, opacity: budget_sonstiges_2022 },\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"konsum = FileAttachment(\"infkonsum@1.csv\").csv().then(\n function(data) {\n data.forEach(function(d) {\n d.weight = +d.weight;\n d.inflation = +d.inflation;\n d.budget_2021 = +d.weight / 1000 * budget_2021;\n d.budget_2022= +d.weight / 1000 * budget_2021 * +d.inflation;\n });\n return data;\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":80,"value":"budget_2022 = +d3.sum(konsum, d => d.budget_2022).toFixed()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":147,"value":"budget_wohnen_2022 = +d3.sum(konsum.filter(d => d.id === \"1\"), d => d.budget_2022).toFixed()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":623,"value":"budget_verkehr_2022 = +d3.sum(konsum.filter(d => d.id === \"2\"), d => d.budget_2022).toFixed()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1193,"value":"budget_nahrung_2022 = +d3.sum(konsum.filter(d => d.id === \"4\"), d => d.budget_2022).toFixed()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1292,"value":"budget_freizeit_2022 = +d3.sum(konsum.filter(d => d.id === \"3\"), d => d.budget_2022).toFixed()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1316,"value":"budget_haushalt_2022 = +d3.sum(konsum.filter(d => d.id === \"6\"), d => d.budget_2022).toFixed()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1346,"value":"budget_gastronomie_2022 = +d3.sum(konsum.filter(d => d.id === \"7\"), d => d.budget_2022).toFixed()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1369,"value":"budget_alkohol_2022 = +d3.sum(konsum.filter(d => d.id === \"10\"), d => d.budget_2022).toFixed()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1391,"value":"budget_kleidung_2022 = +d3.sum(konsum.filter(d => d.id === \"9\"), d => d.budget_2022).toFixed()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1412,"value":"budget_sonstiges_2022 = +d3.sum(konsum.filter(d => d.id === \"5\" || d.id === \"8\" || d.id === \"11\" || d.id === \"12\"), d => d.budget_2022).toFixed()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":220,"value":"budget_wohnen_2021 = +d3.sum(konsum.filter(d => d.id === \"1\"), d => d.budget_2021).toFixed()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":626,"value":"budget_verkehr_2021 = +d3.sum(konsum.filter(d => d.id === \"2\"), d => d.budget_2021).toFixed()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1198,"value":"budget_nahrung_2021 = +d3.sum(konsum.filter(d => d.id === \"4\"), d => d.budget_2021).toFixed()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1296,"value":"budget_freizeit_2021 = +d3.sum(konsum.filter(d => d.id === \"3\"), d => d.budget_2021).toFixed()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1319,"value":"budget_haushalt_2021 = +d3.sum(konsum.filter(d => d.id === \"6\"), d => d.budget_2021).toFixed()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1350,"value":"budget_gastronomie_2021 = +d3.sum(konsum.filter(d => d.id === \"7\"), d => d.budget_2021).toFixed()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1372,"value":"budget_alkohol_2021 = +d3.sum(konsum.filter(d => d.id === \"10\"), d => d.budget_2021).toFixed()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1395,"value":"budget_kleidung_2021 = +d3.sum(konsum.filter(d => d.id === \"9\"), d => d.budget_2021).toFixed()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1421,"value":"budget_sonstiges_2021 = +d3.sum(konsum.filter(d => d.id === \"5\" || d.id === \"8\" || d.id === \"11\" || d.id === \"12\"), d => d.budget_2021).toFixed()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":50,"value":"Plot.plot({\n height: 500,\n marginLeft: 350,\n width,\n \n marks: [\n Plot.barX(konsum, {\n x: d => (d.budget_2022 - d.budget_2021), \n y: \"product\", \n sort: {\n y: \"x\", \n reverse: true}}),\n Plot.ruleX([0])\n ],\n\n y: {\n label: \"\"\n },\n\n x: {\n axis: \"top\"\n }\n \n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":114,"value":"import {textcolor} from \"@observablehq/text-color-annotations-in-markdown\" // import additional functionality","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"$45","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W46","stdlib":"1","titling":"auto"}} 30:"$2f:body"