2b:null 2c:["$","title",null,{"children":"Indikator 7 | Office for Statistics and Data of the Canton of Zurich | Observable"}] 31:Tc2f,chart7a = vl .data(data7a) .transform( vl .calculate( "indexof(['Positiv', 'Eher positiv', 'Eher negativ', 'Negativ'], datum.cat)" ) .as("stackOrder") ) .layer( vl .markBar({ cornerRadiusTopRight: 3, cornerRadiusBottomRight: 3, yOffset: 10, height: 60, stroke: "white" }) .encode( vl .x() .sum("pct") .stack("normalize") .axis({ format: "%", tickCount: 3, title: null }), vl .y() .fieldN("bez") .sort(["Zusammenarbeit", "Vielfalt / Sinnhaftigkeit", "Identität"]) .axis({ bandPosition: 0, grid: false, domain: false, ticks: false, labelAlign: "left", labelBaseline: "middle", labelPadding: -5, labelOffset: -30, titleX: 5, titleY: -5, titleAngle: 0, titleAlign: "left" }) .title(null), vl .color({ scale: { domain: ["Positiv", "Eher positiv", "Eher negativ", "Negativ"], range: ["#00abae", "#0a7e80", "#004a4c", "#001b1b"] } }) .fieldO("cat") .title(null), // .sort(["Positiv", "Eher positiv", "Eher negativ", "Negativ"]), vl.order("stackOrder") ), vl .markText({ align: "right", fill: "white", // fontWeight: "bold", fontSize: 12, dy: 0, dx: -3, yOffset: 10 }) .encode( vl.x().sum("pct").stack("normalize").axis({ format: "%" }), vl .y() .fieldN("bez") .sort(["Zusammenarbeit", "Vielfalt / Sinnhaftigkeit", "Identität"]), vl.text({ format: ".0%" }).fieldQ("pct"), vl.order("stackOrder") ) ) .width(plotWidth(1)) // specifying responsive width .height(380) .autosize({ resize: true, type: "fit" }) // .title({ // text: "Kultur", // subtitle: "Mitarbeitendenbefragung, 2021, (N=1'050)" // }) .config({ view: { stroke: null }, scale: { bandPaddingInner: 0.2, bandPaddingOuter: 0.2 }, background: "#ffffff", axisX: { labelFontSize: 12, labelFont: ZHFonts.regular, labelColor: "black", titleFontSize: 14, titleColor: "black", titleFont: ZHFonts.regular, grid: false }, axisY: { labelFontSize: 12, labelFont: ZHFonts.black, labelColor: "black", labelAngle: 0, labelPadding: 10, title: null, ticks: false }, legend: { orient: "top", labelFontSize: 12, labelFont: ZHFonts.regular, labelColor: "black", maxExtent: 180, columns: nCol_Legend, // responsive legend width rowPadding: 5, title: null }, title: { font: ZHFonts.black, fontSize: 16, offset: 15, anchor: "start", lineHeight: 1.5, subtitleFont: ZHFonts.regular, subtitleFontSize: 14 } }) .render()32:Tce4,chart7b = vl .data(data7b) .transform( vl .calculate( "indexof(['Positiv', 'Eher positiv', 'Eher negativ', 'Negativ'], datum.cat)" ) .as("stackOrder") ) .layer( vl .markBar({ cornerRadiusTopRight: 3, cornerRadiusBottomRight: 3, yOffset: 10, height: 60, stroke: "white" }) .encode( vl .x() .sum("pct") .stack("normalize") .axis({ format: "%", tickCount: 3, title: null }), vl .y() .fieldN("bez") .sort([ "Loslassen", "Zutrauen", "Experimentieren", "Psychologische Sicherheit" ]) .axis({ bandPosition: 0, grid: false, domain: false, ticks: false, labelAlign: "left", labelBaseline: "middle", labelPadding: -5, labelOffset: -30, titleX: 5, titleY: -5, titleAngle: 0, titleAlign: "left" }) .title(null), vl .color({ scale: { domain: ["Positiv", "Eher positiv", "Eher negativ", "Negativ"], range: ["#00abae", "#0a7e80", "#004a4c", "#001b1b"] } }) .fieldO("cat") .title(null), // .sort(["Positiv", "Eher positiv", "Eher negativ", "Negativ"]), vl.order("stackOrder") ), vl .markText({ align: "right", fill: "white", // fontWeight: "bold", fontSize: 12, dy: 0, dx: -3, yOffset: 10 }) .encode( vl.x().sum("pct").stack("normalize").axis({ format: "%" }), vl .y() .fieldN("bez") .sort([ "Loslassen", "Zutrauen", "Experimentieren", "Psychologische Sicherheit" ]), vl.text({ format: ".0%" }).fieldQ("pct"), vl.order("stackOrder") ) ) .width(plotWidth(1)) // specifying responsive width .height(540) .autosize({ resize: true, type: "fit" }) // .title({ // text: "Führungskultur und -grundsätze", // subtitle: "Mitarbeitendenbefragung, 2021, (N=1'050)" // }) .config({ view: { stroke: null }, scale: { bandPaddingInner: 0.2, bandPaddingOuter: 0.2, stroke: 2 }, background: "#ffffff", axisX: { labelFontSize: 12, labelFont: ZHFonts.regular, labelColor: "black", titleFontSize: 14, titleColor: "black", titleFont: ZHFonts.regular, grid: false }, axisY: { labelFontSize: 12, labelFont: ZHFonts.black, labelColor: "black", labelAngle: 0, labelPadding: 10, title: null, ticks: false }, legend: { orient: "top", labelFontSize: 12, labelFont: ZHFonts.regular, labelColor: "black", maxExtent: 180, columns: nCol_Legend, // responsive legend width rowPadding: 5, title: null }, title: { font: ZHFonts.black, fontSize: 16, offset: 15, anchor: "start", lineHeight: 1.5, subtitleFont: ZHFonts.regular, subtitleFontSize: 14 } }) .render()33:T476,cssStyles = html` `34:T41a,data7a = [ { bez: "Zusammenarbeit", cat: "Positiv", n: 72, pct: 0.72, n_tot: 100 }, { bez: "Vielfalt / Sinnhaftigkeit", cat: "Positiv", n: 65, pct: 0.65, n_tot: 100 }, { bez: "Identität", cat: "Positiv", n: 62, pct: 0.62, n_tot: 100 }, { bez: "Zusammenarbeit", cat: "Eher positiv", n: 20, pct: 0.2, n_tot: 100 }, { bez: "Vielfalt / Sinnhaftigkeit", cat: "Eher positiv", n: 23, pct: 0.23, n_tot: 100 }, { bez: "Identität", cat: "Eher positiv", n: 24, pct: 0.24, n_tot: 100 }, { bez: "Zusammenarbeit", cat: "Eher negativ", n: 5, pct: 0.05, n_tot: 100 }, { bez: "Vielfalt / Sinnhaftigkeit", cat: "Eher negativ", n: 9, pct: 0.09, n_tot: 100 }, { bez: "Identität", cat: "Eher negativ", n: 8, pct: 0.08, n_tot: 100 }, { bez: "Zusammenarbeit", cat: "Negativ", n: 3, pct: 0.03, n_tot: 100 }, { bez: "Vielfalt / Sinnhaftigkeit", cat: "Negativ", n: 3, pct: 0.03, n_tot: 100 }, { bez: "Identität", cat: "Negativ", n: 6, pct: 0.06, n_tot: 100 } ]35:T58f,data7b = [ { bez: "Loslassen", cat: "Positiv", n: 60, pct: 0.6, n_tot: 100 }, { bez: "Zutrauen", cat: "Positiv", n: 57, pct: 0.57, n_tot: 100 }, { bez: "Psychologische Sicherheit", cat: "Positiv", n: 55, pct: 0.55, n_tot: 100 }, { bez: "Experimentieren", cat: "Positiv", n: 45, pct: 0.45, n_tot: 100 }, { bez: "Loslassen", cat: "Eher positiv", n: 25, pct: 0.25, n_tot: 100 }, { bez: "Zutrauen", cat: "Eher positiv", n: 26, pct: 0.26, n_tot: 100 }, { bez: "Psychologische Sicherheit", cat: "Eher positiv", n: 25, pct: 0.25, n_tot: 100 }, { bez: "Experimentieren", cat: "Eher positiv", n: 30, pct: 0.3, n_tot: 100 }, { bez: "Loslassen", cat: "Eher negativ", n: 10, pct: 0.1, n_tot: 100 }, { bez: "Zutrauen", cat: "Eher negativ", n: 10, pct: 0.1, n_tot: 100 }, { bez: "Psychologische Sicherheit", cat: "Eher negativ", n: 11, pct: 0.11, n_tot: 100 }, { bez: "Experimentieren", cat: "Eher negativ", n: 14, pct: 0.14, n_tot: 100 }, { bez: "Loslassen", cat: "Negativ", n: 5, pct: 0.05, n_tot: 100 }, { bez: "Zutrauen", cat: "Negativ", n: 7, pct: 0.07, n_tot: 100 }, { bez: "Psychologische Sicherheit", cat: "Negativ", n: 9, pct: 0.09, n_tot: 100 }, { bez: "Experimentieren", cat: "Negativ", n: 10, pct: 0.1, n_tot: 100 } ]36:[] 2f:{"id":"59ac90908b1b2d54","slug":null,"title":"Indikator 7","thumbnail":"c5db5aa49cc370543d1fbc6efb664f65db1eb9d408bcb7065e4a010c55e9d3d9","access_level":"public","create_time":"$D2021-11-23T14:10:52.775Z","update_time":"$D2024-09-05T05:54:48.660Z","view_time":null,"first_public_time":"$D2022-10-26T05:58:37.745Z","has_unpublished_edits":null,"fork":{"id":"914d23c657769cb9","slug":null,"title":"Indikator 5","owner":{"id":"4b23743d6fe05d13","login":"statistikzh","name":"Office for Statistics and Data of the Canton of Zurich"}},"stars":0,"starred":false,"owner":{"type":"team","id":"4b23743d6fe05d13","login":"statistikzh","name":"Office for Statistics and Data of the Canton of Zurich","avatar_url":"https://avatars-next.observableusercontent.com/61364635cd5db7a914727e7625ac41daa90fedeba239e3d2ce93b57a9ad3bce9","tier":"pro"},"version":3916,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"32d8f5276b0e4535","login":"cgrb","name":"","avatar_url":"https://avatars-next.observableusercontent.com/a7d9a10b8456291ccefbc9c7c7b9ecdc5d5f31095c0a77bdea09bd75590057bc","tier":null}],"members":[{"type":"individual","id":"32d8f5276b0e4535","login":"cgrb","name":"","avatar_url":"https://avatars-next.observableusercontent.com/a7d9a10b8456291ccefbc9c7c7b9ecdc5d5f31095c0a77bdea09bd75590057bc","tier":null,"role":"editor"},{"type":"team","id":"4b23743d6fe05d13","login":"statistikzh","name":"Office for Statistics and Data of the Canton of Zurich","avatar_url":"https://avatars-next.observableusercontent.com/61364635cd5db7a914727e7625ac41daa90fedeba239e3d2ce93b57a9ad3bce9","tier":"pro","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"83cfa9ccfaa695bf","slug":"hrji-strategische-indikatoren","title":"HRJI - Strategische Indikatoren","owner":{"id":"4b23743d6fe05d13","login":"statistikzh","name":"Office for Statistics and Data of the Canton of Zurich"}},"type":"notebook","body":{"title":"Indikator 7","cells":[{"id":210,"value":"htl.html`

Indikator 7

Kultur

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1961,"value":"txt7a = htl.html`\n

Kultur

Mitarbeitendenbefragung, 2021, (N=1'050)

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3729,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3485,"value":"txt7b = htl.html`\n

Führungskultur und -grundsätze

Mitarbeitendenbefragung, 2021, (N=1'050)

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3747,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1300,"value":"md`-----`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1304,"value":"md`# Anhang`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2701,"value":"## Style","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2705,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2399,"value":"md`## Funktionen`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1730,"value":"plotWidth = function (nPlots) {\n if (nPlots == 1) {\n // Entspricht Mobile\n if (width < 415) {\n return width * 0.88;\n } else if (width >= 415 && width < 768) {\n return width * 0.855;\n // Entspricht Tablets\n } else if (width >= 768 && width <= 1248) {\n return width * 0.877;\n // Entspricht Laptops & Desktops\n } else {\n return 1128 * 0.9275;\n }\n } else {\n // Entspricht Mobile\n if (width < 768) {\n return (width * 1.4) / nPlots;\n // Entspricht Tablets\n } else if (width >= 768 && width <= 1248) {\n return (width * 1.6) / nPlots;\n // Entspricht Laptops & Desktops\n } else {\n return (1128 * 0.92) / nPlots;\n }\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3844,"value":"width * 0.75","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":441,"value":"mutable cubeWidth = null","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":449,"value":"chartWidth = d3.min([width, 1168])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":452,"value":"mutable height = null","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":532,"value":"function legendConcept(data) {\n const svg = d3.create(\"svg\").attr(\"viewBox\", [0, 0, width, 60]);\n\n const legend = svg\n .append(\"g\")\n .attr(\"class\", \"legend\")\n .attr(\"height\", 0)\n .attr(\"width\", 0)\n .attr(\"transform\", \"translate(20,20)\");\n\n const legendRect = legend.selectAll(\"g\").data(data);\n\n const legendRectE = legendRect\n .enter()\n .append(\"g\")\n .attr(\"transform\", function (d, i) {\n return \"translate(0, \" + i * 30 + \")\";\n });\n\n legendRectE\n .append(\"path\")\n .attr(\n \"d\",\n d3\n .symbol()\n .type((d) => d[2])\n .size(200)\n )\n .style(\"fill\", (d) => d[1]);\n\n legendRectE\n .append(\"text\")\n .attr(\"x\", 15)\n .attr(\"y\", 5)\n .text((d) => d[0] + \" - \" + d[3]);\n\n //svg.append(\"g\").call(legend);\n //svg.append(\"g\").call(legendRectE);\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":807,"value":"wrap = (...elems) => {\n const div = document.createElement(\"div\");\n elems.forEach((el) => div.appendChild(el));\n return div;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3816,"value":"nCol_Legend = {\n if (width >= 1100) {\n return 4;\n } else if (width < 1100 && width >= 750) {\n return 2;\n } else {\n return 2;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"-----\n## Data\n-----","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3450,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3490,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1441,"value":"md`---------\n## Colors`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":86,"value":"genderColor = [\n \"#483D8B\",\n \"#a87a09\",\n \"#0e0e7b\",\n \"#ed4415\",\n \"#00797B\",\n \"#7F3DA7\",\n \"#269eac\",\n \"#e37000\"\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1446,"value":"md`----`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"## Imports","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":190,"value":"import {\n tidy,\n arrange,\n sort,\n desc,\n asc,\n groupBy,\n sum,\n leftJoin,\n summarize,\n mutate\n} from \"@pbeshai/tidyjs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2050,"value":"import { vl } from \"@vega/vega-lite-api\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3387,"value":"import { legend, swatches } from \"@d3/color-legend\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3907,"value":"import { fonts as ZHFonts } from \"@statistikzh/common-styles\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":843,"value":"htl.html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W36","stdlib":"1","titling":"auto"}} 30:"$2f:body"