31:T3c40,display = { const selectLegend = vl .selectMulti("selectLegend") .fields("var") .toggle("event") .bind("legend") .init(["Warenimporte", "Warenexporte"]) .nearest(false); const lines = vl.markLine({ interpolate: "monotone", clip: true, }) .encode( vl.x() .fieldT("date") .axis({ title: null, format: "%b %y", minExtent: 10, grid: false, labelAngle: -0, labelPadding: 10, labelOverlap: true, labelBound: true, labelSeparation: 5, tickSize: 5, offset: 20, domain: false, }) .scale({ domain: lengthTime == 0 ? [startFixed, endFixed] : [timeStart, timeEnd], padding: 30 }), vl.y() .fieldQ("value") .axis({ title: null, domain: false, minExtent: width > 770 ? 40 : 0, ticks: false, labelPadding: 10, labelOverlap: true, labelBound: true, labelSeparation: 5, format: trans === "meur" ? ",.0f" : "+,.0%", gridDash: { condition: {test: {field: "value", equal: 0}, value: []}, value: [0, 2] }, gridColor: "lightgray", }) .scale({ padding: 10 }), vl.color() .fieldN("var") .legend({ orient: "none", direction: "vertical", legendX: 0, legendY: -37, symbolType: "stroke", title: null, symbolSize: 300, values: ["Warenexporte", "Warenimporte"], labelFontSize: makeFontSize, }) .scale({ range: colors_fiw, domain: ["Warenexporte", "Warenimporte"], }), // vl.strokeDash() // .fieldN("now") // .legend({ // orient: "top-left", // symbolType: "stroke", // symbolDash: [3, 2], // title: null, // symbolSize: 300, // // values: ["Nowcast"], // }), // vl.tooltip([ // {field: 'value', title: 'Wert' , format: trans === "meur" ? ",.0f" : ",.1%" }, // {field: 'date', title: 'Monat', type: "temporal", format: "%b %y" } // ]), ); const textNowcast = vl.markText({ fontSize: makeFontSize, align: "right", dy: width > 1490 ? -110 : -70, dx: -10, clip: true, }) .encode( vl.x() .fieldT("date"), vl.text() .value("Nowcast →") ) .data({ values: [ {date: nowcastStart}, ] }) const shade = vl.markRect({ fill: "gray", opacity: 0.09, clip: true, }) .encode( vl.x() .fieldT("date1"), vl.x2() .fieldT("date2"), ) .data({ values: [ { date1: nowcastStart, date2: timeEndPlusOne } ] }); const hover = vl .selectPoint("hover") .encodings("x") .on("mouseover") .value("") .nearest(true) .clear("none"); const selectDummy = vl .selectPoint("dummy") .on("dblclick") const base = lines.transform(vl.filter(hover)); // , vl.filter(selectLegend) const labelTime = { align: "center", dx: 0, dy: 0, fontSize: makeFontSize, clip: true}; const whiteTime = { stroke: "#f2f2f2", strokeWidth: 2, fontWeight: "bold", fontSize: makeFontSize , clip: true}; const label = { align: "center", dx: 0, dy: -15, fontSize: makeFontSize, clip: true }; const white = { stroke: "#f2f2f2", strokeWidth: 2, fontWeight: "bold", fontSize: makeFontSize, clip: true }; // const rule = vl.markRule({ clip: true, color: "black" }) // .transform( // vl.filter(hover), // vl.aggregate(vl.max("value").as("value")).groupby(["date"]), // vl.calculate("-20").as("value0") // ) // .encode( // vl.x() // .fieldT("date"), // vl.y() // .fieldQ("value0"), // vl.y2() // .fieldQ("value") // ); const circle = base.markCircle({ clip: true }) .params(hover) .transform(vl.filter(selectDummy)) .encode( vl.size() .if(hover, vl.value(66)) .value(0) ); // const textValue = base.markText(label, ) // .encode( // vl.text() // .fieldQ("value") // .format(trans === "meur" ? "$,.0s" : "+,.1%"), // vl.xOffset().field("var") // ); // const textValueWhite = base.markText(label, white, ) // .encode( // vl.text() // .fieldQ("value") // .format(trans === "meur" ? "$,.0s" : "+,.1%"), // ); const textValueExpUp = base.markText(label, ) .transform( vl.filter("datum.var === 'Warenexporte'"), vl.filter(hover) ) .encode( vl.y() .value(width > 1200 ? 250 : 140), vl.text() .fieldQ("value") .format(trans === "meur" ? "$,.0s" : "+,.1%"), vl.xOffset().field("var") ); const textValueWhiteExpUp = base.markText(label, white, ) .transform( vl.filter("datum.var === 'Warenexporte'"), vl.filter(hover) ) .encode( vl.y() .value(width > 1200 ? 250 : 140), vl.text() .fieldQ("value") .format(trans === "meur" ? "$,.0s" : "+,.1%"), ); const textValueImpUp = base.markText(label, ) .transform( vl.filter("datum.var === 'Warenimporte'"), vl.filter(hover) ) .encode( vl.y() .value(width > 1200 ? 270 : 160), vl.text() .fieldQ("value") .format(trans === "meur" ? "$,.0s" : "+,.1%"), vl.xOffset().field("var") ); const textValueWhiteImpUp = base.markText(label, white, ) .transform( vl.filter("datum.var === 'Warenimporte'"), vl.filter(hover) ) .encode( vl.y() .value(width > 1200 ? 270 : 160), vl.text() .fieldQ("value") .format(trans === "meur" ? "$,.0s" : "+,.1%"), ); const textTime = base.markText(labelTime, ) .transform( vl.filter(hover), vl.aggregate(vl.mean("value").as("value")).groupby(["date"]) ) .encode( vl.y() .value(width > 1200 ? 280 : 170), vl.color().value("black"), vl.text() .fieldT("date") .format("%b %Y") ); const textTimeWhite = base.markText(labelTime, whiteTime, ) .transform( vl.filter(hover), vl.aggregate(vl.mean("value").as("value")).groupby(["date"]) ) .encode( vl.y() .value(width > 1200 ? 280 : 170), vl.text() .fieldT("date") .format("%b %Y") ); const image = vl.markImage({ width: 25, height: 25, clip: false, zindex: 1, baseline: "bottom" }) .transform( vl.window({ op: 'row_number', as: 'row_number' }).groupby(["unit"]), vl.filter("datum.row_number === 1"), ) .encode( vl.opacity() .fieldQ("infoSize") .legend(null), vl.url() .value("https://www.fiw.ac.at/wp-content/uploads/2024/01/information-icon.svg"), vl.x() .value(140), vl.y() .value(-5), vl.tooltip("info"), ) const image2 = vl.markImage({ width: 25, height: 25, clip: false, zindex: 1, baseline: "bottom" }) .transform( vl.window({ op: 'row_number', as: 'row_number' }).groupby(["unit"]), vl.filter("datum.row_number === 1"), ) .encode( vl.opacity() .fieldQ("infoSize") .legend(null), vl.url() .value("https://www.fiw.ac.at/wp-content/uploads/2024/01/idea-icon.svg"), vl.x() .value(175), vl.y() .value(-5), vl.tooltip("methodik"), ) const layers = vl.layer( shade, textNowcast, lines.params(selectDummy, selectLegend), circle, // rule, // textValueWhite, // textValue, textTimeWhite, textTime, textValueWhiteExpUp, textValueExpUp, textValueWhiteImpUp, textValueImpUp, image, image2, ) .transform( vl.filter(selectLegend), vl.filter("datum.trans != 'meur'") ); const area = vl.markArea({ clip: true, interpolate: "step", }) .encode( vl.x() .fieldT("date") .axis({ title: null, format: "%b %y", minExtent: 10, grid: false, labelAngle: -0, labelPadding: 10, labelOverlap: true, labelBound: true, labelSeparation: 5, tickSize: 5, offset: 20, domain: false, }) .scale({ domain: lengthTime == 0 ? [startFixed, endFixed] : [timeStart, timeEnd], padding: 30 }), vl.y() .fieldQ("value") .axis({ title: null, domain: false, minExtent: 20, ticks: false, labelPadding: 10, labelOverlap: true, labelBound: true, labelSeparation: 5, format: "$,.0f", gridDash: { condition: {test: {field: "value", equal: 0}, value: []}, value: [0, 2] }, gridColor: "lightgray", }) .scale({ padding: 0, domain: [0, 25] }), vl.color() .fieldN("var") .legend(null) .scale({ range: colors_fiw, domain: ["Warenexporte", "Warenimporte"], }), vl.opacity() .if(hover, vl.value(1)) .value(0.5), ) const bars = vl.markBar({ clip: true, interpolate: "step", width: makeWidthBar(width) }) .transform( vl.filter(hover) ) .encode( vl.x() .fieldT("date") .axis({ title: null, format: "%b %y", minExtent: 10, grid: false, labelAngle: -0, labelPadding: 10, labelOverlap: true, labelBound: true, labelSeparation: 5, tickSize: 5, offset: 20, domain: false, }) .scale({ domain: lengthTime == 0 ? [startFixed, endFixed] : [timeStart, timeEnd], padding: 30 }), vl.y() .fieldQ("value") .axis({ title: null, domain: false, minExtent: 20, ticks: false, labelPadding: 10, labelOverlap: true, labelBound: true, labelSeparation: 5, format: "$,.0f", gridDash: { condition: {test: {field: "value", equal: 0}, value: []}, value: [0, 2] }, gridColor: "lightgray", }) .scale({ padding: 0, domain: [0, 25] }), vl.color() .fieldN("var") .legend({ none: "top-left", symbolType: "stroke", title: null, symbolSize: 300, values: ["Warenexporte", "Warenimporte"], labelFontSize: width < 770 ? 12 : 13, }) .scale({ range: colors_fiw, domain: ["Warenexporte", "Warenimporte"], }), vl.opacity() .if(hover, vl.value(1)) .value(0.5), ) const baseBar = bars.transform(vl.filter(hover)); const textValueBar = baseBar.markText(label, ) .encode( vl.text() .fieldQ("value") .format("$,.1f"), ); const textValueWhiteBar = baseBar.markText(label, white, ) .encode( vl.text() .fieldQ("value") .format("$,.1f"), ); const layersBar = vl.layer( area, bars, textValueWhiteBar, textValueBar, shade, ) .transform( vl.filter("datum.trans == 'meur'") ) return width > 1490 ? vl.hconcat( layers .height(300) .width(makeWidth1(width) * 2 * 0.66), layersBar .height(145) .width(makeWidth1(width) * 2 * 0.33) .facet({ row: { field: "var", type: "nominal", title: null, header: { labels: false, }, }, }), ) .facet({ column: { field: "unit", sort: { field: "infoSize", order: "descending"}, title: null, // titleConfig axis: null, header: headerConfig, }, }) .title(titleConfig) .data(vizData) .config(config) .render({renderer: "svg"}) : width < 770 & width >= 500 ? vl.vconcat( layers .height(180) .width(makeWidth1(width)), layersBar .height(100) .width(makeWidth1(width)) .facet({ row: { field: "var", type: "nominal", title: null, header: { labels: false, }, }, }) ) .facet({ column: { field: "unit", sort: { field: "infoSize", order: "descending"}, title: null, axis: null, header: headerConfig, }, }) .title(titleConfig) .data(vizData) .config(config) .render({renderer: "svg"}) : width < 500 ? vl.vconcat( layers .height(180) .width(makeWidth1(width)), layersBar .height(100) .width(makeWidth1(width)) .facet({ row: { field: "var", type: "nominal", title: null, header: { labels: false, }, }, }) ) .facet({ column: { field: "unit", sort: { field: "infoSize", order: "descending"}, title: null, axis: null, header: headerConfig, }, }) .title(titleConfig) .data(vizData) .config(config) .render({renderer: "svg"}) : width > 1200 ? vl.hconcat( layers .height(300) .width(makeWidth1(width) * 2 * 0.66), layersBar .height(145) .width(makeWidth1(width) * 2 * 0.33) .facet({ row: { field: "var", type: "nominal", title: null, header: { labels: false, }, }, }) ) .facet({ column: { field: "unit", title: null, axis: null, header: headerConfig, }, }) .title(titleConfig) .data(vizData) .config(config) .render({renderer: "svg"}) : vl.hconcat( layers .height(180) .width(makeWidth1(width) * 2 * 0.66), layersBar .height(85) .width(makeWidth1(width) * 2 * 0.33) .facet({ row: { field: "var", type: "nominal", title: null, header: { labels: false, }, }, }) ) .facet({ column: { field: "unit", sort: { field: "infoSize", order: "descending"}, title: null, axis: null, header: headerConfig, }, }) .title(titleConfig) .data(vizData) .config(config) .usermeta({ embedOptions: { actions: true } }) .render({renderer: "svg"}) }32:T67d,config = ({ autosize: "pad", background: "transparent", // "#f2f2f2" "transparent" font: "Rubik", view: { stroke: "transparent"}, facet: { spacing: 5, fontSize: 0, }, padding : {left: 0, top: 0, right: 0, bottom: 15}, concat: { spacing: 15 }, title: { fontSize: 0, subtitleFontSize: makeFontSize, }, // headerColumn: { anchor: "left" }, axis: { labelFontSize: makeFontSize, titleFontSize: makeFontSize, titleFontWeight: "normal", }, legend: { labelFontSize: makeFontSize, titleFontSize: makeFontSize, titleFontWeight: "normal", }, mark: { fontSize: makeFontSize }, locale: { number: { decimal: ',', thousands: '.', grouping: [3], currency: ["", "\u00a0Mrd.€"], }, 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" ] } }, })33:T1484, 34:Tb5f,~~~html

Letztes Update: 15.05.2025

IHS Nowcast

~~~35:[{"id":"60e3d580d211f3d73b03653fbb7e06ef120b786855b7204846ce3a34b6a8369d071bb4391f7d2f30c8ba8c8cc1930a50856764d1f065b64945782923944fc737","href":"https://static.observableusercontent.com/files/60e3d580d211f3d73b03653fbb7e06ef120b786855b7204846ce3a34b6a8369d071bb4391f7d2f30c8ba8c8cc1930a50856764d1f065b64945782923944fc737","name":"nowcast_file_2024_07.csv","type":"text/csv","lastModified":1720089026026.913,"size":213306},{"id":"71d1c0798f44ad27ff084c4df4721fb29cd8a9f8ae5bf6be446497ea4f0f0e9405aef1c7ab73d7883f305d0af7bce23221f1bd888e991882e7c7f1c20506804b","href":"https://static.observableusercontent.com/files/71d1c0798f44ad27ff084c4df4721fb29cd8a9f8ae5bf6be446497ea4f0f0e9405aef1c7ab73d7883f305d0af7bce23221f1bd888e991882e7c7f1c20506804b","name":"nowcast_file_2024_08.csv","type":"text/csv","lastModified":1723486159743.382,"size":214954},{"id":"5ae50243d90bf2102c026ca52a8b305ca6836717a57293a386d9cc312a75c5d916e6062841e01d09a5288e376ba668709b85d13632898aa3f4d65e4833b1e227","href":"https://static.observableusercontent.com/files/5ae50243d90bf2102c026ca52a8b305ca6836717a57293a386d9cc312a75c5d916e6062841e01d09a5288e376ba668709b85d13632898aa3f4d65e4833b1e227","name":"nowcast_file_2024_10.csv","type":"text/csv","lastModified":1729020691447.697,"size":217075},{"id":"cf83a56c8ecf5d1ca3f50f5865a985ab5c6b89fac199b88f3eef63c334184e8df29f7a439bca1ba0d3146aaeaf6e1c11b51b5b37443a81c9fb382d6ba125f1b6","href":"https://static.observableusercontent.com/files/cf83a56c8ecf5d1ca3f50f5865a985ab5c6b89fac199b88f3eef63c334184e8df29f7a439bca1ba0d3146aaeaf6e1c11b51b5b37443a81c9fb382d6ba125f1b6","name":"nowcast_file_2024_09.csv","type":"text/csv","lastModified":1726058046297.693,"size":216020},{"id":"32758b637c9db2134bd551398f91405bc4dcbbd187b0cc56a1dd6a21810df6b898a7fb5508c1850ca196b9c3b66bf811931fc645238c5a137ba284c2138a8310","href":"https://static.observableusercontent.com/files/32758b637c9db2134bd551398f91405bc4dcbbd187b0cc56a1dd6a21810df6b898a7fb5508c1850ca196b9c3b66bf811931fc645238c5a137ba284c2138a8310","name":"nowcast_file_2024_12.csv","type":"text/csv","lastModified":1733993083784.409,"size":219221},{"id":"f307e97f90eab578743230bd7b02812ee8107293b4c827e5dc2490d6963950f3bfdca9e50820744e3a9d8cdd1a6ef5fdce6722f1893331270cc9b66ddddcc2f2","href":"https://static.observableusercontent.com/files/f307e97f90eab578743230bd7b02812ee8107293b4c827e5dc2490d6963950f3bfdca9e50820744e3a9d8cdd1a6ef5fdce6722f1893331270cc9b66ddddcc2f2","name":"nowcast_file_2024_11.csv","type":"text/csv","lastModified":1731485808916.451,"size":218169},{"id":"074300c7114dc54b68ade5691f023672edc08219a9ce3240bc27fce640b644776b4d06fa175b65972e778026cbf2f5ee2f078c51e4312b35f9aff9b9c3872cc3","href":"https://static.observableusercontent.com/files/074300c7114dc54b68ade5691f023672edc08219a9ce3240bc27fce640b644776b4d06fa175b65972e778026cbf2f5ee2f078c51e4312b35f9aff9b9c3872cc3","name":"nowcast_file_2025_03.csv","type":"text/csv","lastModified":1742314023055.539,"size":222448},{"id":"b8121474c8fe95e2daf369710c42e6cafdbdb5f68e79f266399fde19dff344466f0276e87b744c3e94400fc60934923384fc03459017689b8f380a603bca59cd","href":"https://static.observableusercontent.com/files/b8121474c8fe95e2daf369710c42e6cafdbdb5f68e79f266399fde19dff344466f0276e87b744c3e94400fc60934923384fc03459017689b8f380a603bca59cd","name":"nowcast_file_2025_01.csv","type":"text/csv","lastModified":1739435992847.36,"size":220284},{"id":"5e37537b47756b4e5f9bbe300cb1cc5a48596cbc1c031ec4b1bfbfb8257c6b6c9a90ec28570f8427f6736e91d86dd04dcc198d2fac371b50bdfec29f67f076ef","href":"https://static.observableusercontent.com/files/5e37537b47756b4e5f9bbe300cb1cc5a48596cbc1c031ec4b1bfbfb8257c6b6c9a90ec28570f8427f6736e91d86dd04dcc198d2fac371b50bdfec29f67f076ef","name":"nowcast_file_2025_02.csv","type":"text/csv","lastModified":1739351823965.365,"size":221356},{"id":"dbc5c85bcdf7e2646fd9ee7011b2c4e479fcd531aab6fc60943d17eab3c36c7860040c4ab3cfe8bb0c4f67ada245b31dfc47f89f6a7fa214dd131367aeb1f587","href":"https://static.observableusercontent.com/files/dbc5c85bcdf7e2646fd9ee7011b2c4e479fcd531aab6fc60943d17eab3c36c7860040c4ab3cfe8bb0c4f67ada245b31dfc47f89f6a7fa214dd131367aeb1f587","name":"nowcast_file_2025_06.csv","type":"text/csv","lastModified":1750772202317.726,"size":225601},{"id":"d03210a605fb35d03d6cfe84345a57b892c6a34fd90cbc80ddf08ce28ff4ca47c6254d5b6a847c7c9cc8b9e43fae4280f42af1d608ec14fbc42fd770a93efc3a","href":"https://static.observableusercontent.com/files/d03210a605fb35d03d6cfe84345a57b892c6a34fd90cbc80ddf08ce28ff4ca47c6254d5b6a847c7c9cc8b9e43fae4280f42af1d608ec14fbc42fd770a93efc3a","name":"nowcast_file_2025_04.csv","type":"text/csv","lastModified":1744289897039.823,"size":223534},{"id":"6a8e4fa13bf1dfab3d395c8bdad43e2bb722716f22a774dd22f8a1e70d2d3e6d8e5b1f724c3a93d5c072b06bde29ca674de47f2af1fa5748b6c2f019291bc98c","href":"https://static.observableusercontent.com/files/6a8e4fa13bf1dfab3d395c8bdad43e2bb722716f22a774dd22f8a1e70d2d3e6d8e5b1f724c3a93d5c072b06bde29ca674de47f2af1fa5748b6c2f019291bc98c","name":"nowcast_file_2025_05.csv","type":"text/csv","lastModified":1747223987558.918,"size":224516},{"id":"8892e9aaca7bb50b2b93045904cade6f283b0c7b4358d76a086d81b8b09ead5f33f643f0d251d288eadeeeeb75dc655cde1a7d374851f8f46ad1b3afed738016","href":"https://static.observableusercontent.com/files/8892e9aaca7bb50b2b93045904cade6f283b0c7b4358d76a086d81b8b09ead5f33f643f0d251d288eadeeeeb75dc655cde1a7d374851f8f46ad1b3afed738016","name":"nowcast_file_2025_07.csv","type":"text/csv","lastModified":1753255361905.947,"size":226653},{"id":"0d09b0b6da552759b833712dbbc9f28dda8eec1d9b63a296b3ab95afbd0f5e4e460f4df9fa948387a13a566ad07ecaf1089043384f73a143b125a5ee3bf08379","href":"https://static.observableusercontent.com/files/0d09b0b6da552759b833712dbbc9f28dda8eec1d9b63a296b3ab95afbd0f5e4e460f4df9fa948387a13a566ad07ecaf1089043384f73a143b125a5ee3bf08379","name":"nowcast_file_2025_09.csv","type":"text/csv","lastModified":1757576281295.584,"size":228852},{"id":"0c2139da3c0f548937b6fe9562c36e7d3c2c51f252bc4f0f5bfac432e8d7928d05805cd79bcd9ba171d79434086467b207c6cc830826a1b25265f5207011a0ba","href":"https://static.observableusercontent.com/files/0c2139da3c0f548937b6fe9562c36e7d3c2c51f252bc4f0f5bfac432e8d7928d05805cd79bcd9ba171d79434086467b207c6cc830826a1b25265f5207011a0ba","name":"nowcast_file_2025_08.csv","type":"text/csv","lastModified":1755007344512.694,"size":227762}] 2f:{"title":"FIW-Trade-Indikator","cells":[{"id":0,"value":"# FIW-Trade-Indikator","pinned":false,"hidden":false,"mode":"md"},{"id":2165,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":2153,"value":"title = htl.html`\n

FIW Trade Indicator

${subtitle}

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":74,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":1149,"value":"timeLabel = width < 800 ? \n htl.html`⇿` :\n htl.html`⇿${formatDate(d3.timeMonth.offset(start, Zeit[0])) + \" → \" + formatDate(d3.timeMonth.offset(start, Zeit[1]))}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":60,"value":"viewof Zeit = rangeInput({\n width: makeWidthTime(width) - 8,\n min: 0,\n max: d3.timeMonth.count(start, end),\n step: 1,\n format: d => formatDate(d3.timeMonth.offset(start, d)),\n // title: 'Zeitauswahl',\n value: [\n d3.timeMonth.count(start, end) - 60, \n d3.timeMonth.count(start, end)\n ],\n separator: ' → ',\n color: \"#3E5BA2\", // \"#2d5b5e\",\n // theme: theme_Retro1,\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":102,"value":"viewof unit = {\n const input = Inputs.radio(\n width > 770 ? \n new Map([[\"↦ real\", \"real\"], [\"⭜ nominal\", \"nom\"], [\"↦|⭜ beide\", \"beide\"]]) :\n new Map([[\"↦\", \"real\"], [\"⭜\", \"nom\"]]) ,\n {\n label: width > 800 ?\n htl.html`∡Einheit` : \n htl.html`∡`, \n value: \"real\", \n // disabled: unitCols == true ? true : false,\n format: x => html`

${x[0]}`\n })\n input.classList.add(\"button\")\n return input\n }","pinned":false,"hidden":false,"mode":"ojs"},{"id":107,"value":"viewof adj = {\n const input = Inputs.radio(\n width > 770 ?\n new Map([[\"⥵ Ja\", \"sad\"], [\"↝ Nein\", \"nsa\"]]) :\n new Map([[\"⥵\", \"sad\"], [\"↝\", \"nsa\"]]),\n {\n label: width > 770 ? \n htl.html`≃Saisonbereinigung` : \n htl.html`≃`,\n value: \"sad\", \n format: x => html`

${x[0]}`\n })\n input.classList.add(\"button\")\n return input\n }","pinned":false,"hidden":false,"mode":"ojs"},{"id":121,"value":"viewof trans = {\n const input = Inputs.radio(\n width > 770 ?\n new Map([[\"↺ Vorjahr\", \"yoy\"], [\"↤ Vormonat\", \"mom\"]]) :\n new Map([[\"↺\", \"yoy\"], [\"↤\", \"mom\"]]),\n {\n label: width > 770 ? \n htl.html`△Vergleichsbasis` : \n htl.html`△`, \n value: \"yoy\",\n format: x => html`

${x[0]}`\n })\n input.classList.add(\"button\")\n return input\n }","pinned":false,"hidden":false,"mode":"ojs"},{"id":2463,"value":"downloads = width > 770 ? \n htl.html`⇊Download${downloadCSV}${downloadXLSX}` :\n htl.html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":2038,"value":"---\n\n\n# Appendix\n","pinned":false,"hidden":false,"mode":"md"},{"id":2398,"value":"downloadXLSX = downloadExcel(\n vizData\n .derive({\n nowcast: d => d.now,\n variable: d => d.var,\n })\n .filter(aq.escape(d => d.date >= timeStart))\n .filter(aq.escape(d => d.date <= timeEnd))\n .select([\"date\", \"variable\", \"nowcast\", \"unitName\", \"adjName\", \"transName\", \"value\"])\n .objects(), \n \"⤓ xlsx\", \n \"fiw_data.xlsx\",\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":2355,"value":"downloadCSV = download(\n vizData\n .derive({\n nowcast: d => d.now,\n variable: d => d.var,\n })\n .filter(aq.escape(d => d.date >= timeStart))\n .filter(aq.escape(d => d.date <= timeEnd))\n .select([\"date\", \"variable\", \"nowcast\", \"unitName\", \"adjName\", \"transName\", \"value\"])\n .objects(), \n \"⤓ csv\", \n \"fiw_data.csv\",\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":2290,"value":"infoNew = \"Die realen (saisonbereinigten) Warenimporte waren im August 2025 um 2,6 Prozent höher als im August des Vorjahres. Im Vergleich zum Vormonat (Juli 2025) sind sie um 1,9 Prozent gesunken\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":2288,"value":"infoOld = \"Die realen (saisonbereinigten) Warenimporte waren im Juli 2025 um 1,4 Prozent höher als im Juli des Vorjahres. Im Vergleich zum Vormonat (Juni 2025) sind sie um 1,5 Prozent gestiegen\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":22,"value":"rawDataNew = FileAttachment(\"nowcast_file_2025_09.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs"},{"id":2226,"value":"rawDataOld = FileAttachment(\"nowcast_file_2025_08.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs"},{"id":2219,"value":"rawData = (now < targetDate) ? rawDataOld : rawDataNew","pinned":true,"hidden":false,"mode":"ojs"},{"id":2293,"value":"info = (now < targetDate) ? infoOld : infoNew","pinned":true,"hidden":false,"mode":"ojs"},{"id":2602,"value":"(now < targetDate)","pinned":true,"hidden":false,"mode":"ojs"},{"id":2222,"value":"targetDate = new Date('2025-09-11T09:00:00') // winter +01:00","pinned":true,"hidden":false,"mode":"ojs"},{"id":2224,"value":"now = new Date();","pinned":false,"hidden":false,"mode":"ojs"},{"id":2382,"value":"downloadExcel = (data, downloadText = \"⤓ Download\", filename = \"data.xlsx\") => {\n if (!data) throw new Error(\"Array of data required as first argument\");\n\n // Convert JSON array to worksheet\n const worksheet = XLSX.utils.json_to_sheet(data);\n const workbook = XLSX.utils.book_new();\n XLSX.utils.book_append_sheet(workbook, worksheet, \"Sheet1\");\n\n // Write workbook to binary buffer\n const workbookBinary = XLSX.write(workbook, {\n bookType: \"xlsx\",\n type: \"array\"\n });\n\n const downloadData = new Blob([workbookBinary], {\n type:\n \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\"\n });\n\n const size = (downloadData.size / 1024).toFixed(0);\n const button = DOM.download(\n downloadData,\n filename,\n `${downloadText} (~${size.toLocaleString(\"en-US\")} KB)`\n );\n return button;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2353,"value":"download = (data, downloadText = \"⤓ Download\" , filename = \"data.csv\") => {\n if (!data) throw new Error(\"Array of data required as first argument\");\n\n let downloadData;\n if (filename.includes(\".csv\")) {\n downloadData = new Blob([d3.csvFormat(data)], { type: \"text/csv\" });\n } else {\n downloadData = new Blob([JSON.stringify(data, null, 2)], {\n type: \"application/json\"\n });\n }\n\n const size = (downloadData.size / 1024).toFixed(0);\n const button = DOM.download(\n downloadData,\n filename,\n `${downloadText} (~${size.toLocaleString(\"en-US\")} KB)`\n );\n return button;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1180,"value":"data = aq.from(rawData)\n .filter(aq.escape(d => d.value != 0)) // works!\n // .filter(aq.escape(d => d.date >= timeStart)) // works!\n // .filter(aq.escape(d => d.date <= timeEnd))\n .filter(aq.escape(d => adj === \"sad\" ? d.adj == adj || d.adj == \"now\" : d.adj == adj))\n .filter(aq.escape(d => unitCols == false ? d.unit == unit : d.unit == \"real\" || d.unit == \"nom\" ))\n .derive({\n value: d => d.trans === 'meur' ? d.value / 1000 : d.value / 100,\n yOff: d => d.var === \"im\" ? 20 : d.var === \"ex\" ? -20 : 0,\n var: d => d.var === \"im\" ? \"Warenimporte\" : d.var === \"ex\" ? \"Warenexporte\" : d.var,\n now: d => d.adj === \"now\" ? \"Nowcast\" : \"Echtdaten\",\n zero: d => 0,\n unitName: d => d.unit == \"real\" ? \"reale Werte\" : \"nominale Werte\",\n adjName: d => d.adj == \"sad\" ? \"saisonbereinigt\" : \"nicht saisonbereinigt\",\n transName: d => d.trans == \"yoy\" ? \"Veränderung zum Vorjahr\" : \"Veränderung zum Vormonat\"\n })","pinned":false,"hidden":false,"mode":"ojs"},{"id":82,"value":"vizData = data \n .filter(aq.escape(d => d.trans == trans || d.trans == \"meur\"))\n .derive({\n unit: aq.escape(d => [\n trans == \"yoy\" ? \"Veränderung zum Vorjahresmonat\" : \"Veränderung zum Vormonat\",\n d.unitName, \n adj == \"sad\" ? \"saisonbereinigt\" : \"nicht saisonbereinigt\", \n ]),\n info: aq.escape(info),\n methodik: aq.escape(d => d.unit == \"real\" ? methodik: methodik),\n infoSize: aq.escape(d => unit != \"beide\" ? 1 : d.unit == \"real\" ? 1 : null ),\n })","pinned":false,"hidden":false,"mode":"ojs"},{"id":2502,"value":"labelMinWidth = width > 800 ? 160 : 35","pinned":false,"hidden":false,"mode":"ojs"},{"id":725,"value":"text = vl.markText({\n xOffset: -40,\n yOffset: -20,\n align: \"left\"\n })\n .data([\n {\"y\": 0, \"x\": 0},\n {\"y2\": 1, \"x2\": 1},\n ])\n .encode(\n vl.x()\n .fieldQ(\"x\").axis(null),\n vl.y()\n .fieldQ(\"y\").axis(null),\n vl.text()\n .value([\n \"Q: IHS Nowcast\",\n ])\n )\n .width(20)\n .height(20)","pinned":false,"hidden":false,"mode":"ojs"},{"id":651,"value":"logo = \n vl.markImage({\n align: \"left\",\n baseline: \"middle\",\n clip: false,\n height: 24,\n width: 100,\n xOffset: -50,\n yOffset: -50,\n opacity: 0.75,\n })\n .data([\n {y: 0, x: 10, url: \"https://www.ihs.ac.at/fileadmin/public/2016_Files/Logos/IHS-Logo_Typo.svg\"},\n {y: 0, x: 0, url: \"https://www.fiw.ac.at/wp-content/themes/fiw/assets/wifo_fiw_slim-31456097.svg\"}\n ])\n .encode(\n vl.x()\n .fieldQ(\"x\")\n .axis(null),\n vl.y()\n .fieldQ(\"y\")\n .axis(null),\n vl.url()\n .fieldN(\"url\"),\n vl.href()\n .value(\"https://www.fiw.ac.at/\")\n )\n .width(100)\n .height(40)","pinned":false,"hidden":false,"mode":"ojs"},{"id":189,"value":"nowcastStart = formatDateYMD(d3.timeDay.offset(parseDate(rawData.filter(d => d.adj === \"now\").map(d => d.date)[0]), -15))","pinned":false,"hidden":false,"mode":"ojs"},{"id":195,"value":"nowcastEnd = rawData.filter(d => d.adj === \"now\").map(d => d.date)[rawData.filter(d => d.adj === \"now\").map(d => d.date).length-1]","pinned":false,"hidden":false,"mode":"ojs"},{"id":1595,"value":"endFixed = rawData.map(d => d.date).slice(-1)[0]","pinned":false,"hidden":false,"mode":"ojs"},{"id":1586,"value":"startFixed = rawData.map(d => d.date)[0]","pinned":false,"hidden":false,"mode":"ojs"},{"id":559,"value":"timeEndPlusOne = formatDateYMD(d3.timeMonth.offset(start, Zeit[1]+12))","pinned":false,"hidden":false,"mode":"ojs"},{"id":276,"value":"timeEnd = formatDateYMD(d3.timeMonth.offset(start, Zeit[1]))","pinned":false,"hidden":false,"mode":"ojs"},{"id":261,"value":"timeStart = formatDateYMD(d3.timeMonth.offset(start, Zeit[0]))","pinned":false,"hidden":false,"mode":"ojs"},{"id":43,"value":"start = parseDate(rawData.map(d => d.date)[0])","pinned":false,"hidden":false,"mode":"ojs"},{"id":45,"value":"end = parseDate(rawData.map(d => d.date)[[rawData.map(d => d.date).length - 1]])","pinned":false,"hidden":false,"mode":"ojs"},{"id":1055,"value":"lengthTime = Zeit[1] - Zeit[0] != 0 ? Zeit[1] - Zeit[0] : d3.timeMonth.count(start, end)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1238,"value":"unitCols = unit === \"beide\" ? true : false","pinned":false,"hidden":false,"mode":"ojs"},{"id":1661,"value":"methodik = \"Methodik: Nowcasting-Modelle prognostizieren nicht die Zukunft, sondern das Jetzt (aka „Now“). Dies ist immer dann notwendig, wenn zum Beispiel Schlüsselindikatoren der wirtschaftlichen Entwicklung erst mit Verzögerung veröffentlicht werden, man aber bereits jetzt eine Einschätzung über deren Entwicklung benötigt. Zu den häufigsten Einsatzfeldern zählt die Konjunkturprognostik. Beim FIW Trade Indicator handelt es sich um Schätzungen der realen und nominellen Warenexporte und -Warenimporte durch ein dynamisches Faktormodell. Die Indikatoren werden jeweils zu Beginn eines jeden Monats veröffentlicht. Das Modell wurde am Institut für Höhere Studien im Auftrag des Bundesministeriums für Arbeit und Wirtschaft entwickelt.\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":2157,"value":"subtitle = (trans == \"yoy\" ? \"Veränderung zum Vorjahresmonat\" : \"Veränderung zum Vormonat\") + \", \" + \n (unit == \"real\" ? \"real\": unit == \"nom\" ? \"nominal\" : \"real und nominal\") + \", \" + \n (adj == \"sad\" ? \"saisonbereinigt\" : \"nicht saisonbereinigt\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":2049,"value":"makeWidthTime = function(inputWidth) {\n return inputWidth > 1400 ?\n 800 :\n inputWidth > 1200 ?\n 700 :\n inputWidth > 1000 ?\n 600 :\n inputWidth > 800 ?\n 500 :\n 270\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1862,"value":"makeWidthBar = function(inputWidth) {\n return inputWidth > 1490 ? \n unitCols == true ? 840 / lengthTime / 6 : 840 / lengthTime / 3 :\n inputWidth < 770 & inputWidth >= 500 ?\n unitCols == true ? 200 / lengthTime / 2 : 200 / lengthTime :\n inputWidth < 500 ?\n unitCols == true ? 140 / lengthTime / 2 : 140 / lengthTime :\n inputWidth > 1200 ?\n unitCols == true ? 600 / lengthTime / 6 : 600 / lengthTime / 3 :\n unitCols == true ? 400 / lengthTime / 6 : 400 / lengthTime / 3\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2025,"value":"makeFontSize = {\n return width > 1490 ?\n unitCols == true ? 14 : 14 :\n width < 770 & width >= 500 ?\n unitCols == true ? 13 : 13 :\n width < 500 ?\n unitCols == true ? 13 : 13 :\n width > 1200 ?\n unitCols == true ? 14 : 14 :\n unitCols == true ? 14 : 14\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1866,"value":"makeWidth1 = function(inputWidth) {\n return inputWidth > 1490 ?\n unitCols == true ? 260 : 600 :\n inputWidth < 770 & inputWidth >= 500 ?\n unitCols == true ? 140 : 360 :\n inputWidth < 500 ?\n unitCols == true ? 80 : 240 :\n inputWidth > 1200 ?\n unitCols == true ? 200 : 480 :\n unitCols == true ? 90 : 275\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":39,"value":"parseDate = d3.timeParse(\"%Y-%m-%d\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":312,"value":"formatDateYMD = {\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(\"%Y-%m-%d\")\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":37,"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":2090,"value":"titleConfig = ({\n text: \" \", \n subtitle: null,\n titleFontSize: width > 1200 ? 18 : 16, // width > 1200 ? 16 : 14, \n subtitleFontSize: width > 1200 ? 16 : 14, // width > 1200 ? 16 : 14, \n // titleAlign: \"left\", \n // titleAnchor: \"start\", \n // titleOrient: \"top\", \n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1981,"value":"headerConfig = ({ \n labelFontSize: 0, // width > 1200 ? 16 : 14, \n labelAlign: \"center\", \n labelAnchor: \"end\", \n labelOrient: \"top\", \n labelBaseline: \"top\",\n labelOffset: 100\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":71,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":32,"value":"colors_fiw = [\n \"#3e5ba2\", // deep blue\n \"#df5154\", // vibrant red\n \"#4caf50\", // green\n \"#ffb74d\", // orange\n \"#9575cd\", // purple\n \"#26c6da\", // cyan\n \"#f06292\", // pink\n \"#ffd54f\" // yellow\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"import {vl} from \"@vega/vega-lite-api-v5\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"import {aq, op} from '@uwdata/arquero'","pinned":false,"hidden":false,"mode":"ojs"},{"id":945,"value":"import { rangeInput as rangeInput } from '@mootari/range-slider'","pinned":false,"hidden":false,"mode":"ojs"},{"id":2384,"value":"XLSX = require(\"xlsx\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":30,"value":"$33","pinned":false,"hidden":false,"mode":"html"},{"id":2368,"value":"$34","pinned":true,"hidden":false,"mode":"md"}],"files":"$W35","stdlib":"1","titling":"auto"}