2b:null 2c:["$","title",null,{"children":"Indikator 5 | Office for Statistics and Data of the Canton of Zurich | Observable"}] 31:T174a,ctickhart5a = { const txtLeft = [ { Personenkreis: "Erwerbstätige ZH", Ausbildung: "Tertiärstufe: Hochschulen", Geschlecht: "Frauen", Anteil: 0.39 }, { Personenkreis: "Mitarbeitende JI", Ausbildung: "Tertiärstufe: Hochschulen", Geschlecht: "Frauen", Anteil: 0.455 } ]; const txtRight = [ { Personenkreis: "Erwerbstätige ZH", Ausbildung: "Tertiärstufe: Hochschulen", Geschlecht: "Männer", Anteil: 0.44 }, { Personenkreis: "Mitarbeitende JI", Ausbildung: "Tertiärstufe: Hochschulen", Geschlecht: "Männer", Anteil: 0.38 } ]; const plotLeft = vl .data(cleanedData5a.filter((d) => d.Geschlecht == "Frauen")) .transform( vl .calculate( "indexof(['ohne nachobligatorische Ausbildung', 'Sekundarstufe 2: Berufsbildung', 'Sekundarstufe 2: Allgemeinbildung', 'Tertiärstufe: Höhere Berufsbildung', 'Tertiärstufe: Hochschulen' ], datum['Höchste abgeschlossene Ausbildung'])" ) .as("stackSortOrder") ) .layer( vl .markBar({ cornerRadiusTopLeft: 3, cornerRadiusTopRight: 3, stroke: "white" }) .encode( vl.x().field("Personenkreis"), vl .y() .sum("Anteil") .stack("normalize") .axis({ tickCount: 5, title: "Anteil", format: "%" }), vl .color() .field("Höchste abgeschlossene Ausbildung") .scale({ domain: [ "Tertiärstufe: Hochschulen", "Tertiärstufe: Höhere Berufsbildung", "Sekundarstufe 2: Allgemeinbildung", "Sekundarstufe 2: Berufsbildung", "ohne nachobligatorische Ausbildung" ], range: ["#350d00", "#542b0c", "#754a0e", "#996a0d", "#c08b0b"], reverse: true }) .title(null), vl.order("stackSortOrder") ), vl .markText({ align: "center", fill: "white", fontWeight: "bold", fontSize: 12, dy: 15, dx: 0 }) .data(txtLeft) .encode( vl.x().field("Personenkreis"), vl.y().sum("Anteil").stack("normalize"), vl.order("stackSortOrder"), vl .text({ format: ".0%" }) .field("Anteil") ) ) // .width(plotWidth) // specifying responsive width // .height(350) .title({ text: "Frauen", anchor: "middle", fontSize: 13 }); const plotRight = vl .data(cleanedData5a.filter((d) => d.Geschlecht == "Männer")) .transform( vl .calculate( "indexof(['ohne nachobligatorische Ausbildung', 'Sekundarstufe 2: Berufsbildung', 'Sekundarstufe 2: Allgemeinbildung', 'Tertiärstufe: Höhere Berufsbildung', 'Tertiärstufe: Hochschulen' ], datum['Höchste abgeschlossene Ausbildung'])" ) .as("stackSortOrder") ) .layer( vl .markBar({ cornerRadiusTopLeft: 3, cornerRadiusTopRight: 3, stroke: "white" }) .encode( vl.x().field("Personenkreis"), vl .y() .sum("Anteil") .stack("normalize") .axis({ tickCount: 5, title: null, format: "%" }), vl .color() .field("Höchste abgeschlossene Ausbildung") .scale({ domain: [ "Tertiärstufe: Hochschulen", "Tertiärstufe: Höhere Berufsbildung", "Sekundarstufe 2: Allgemeinbildung", "Sekundarstufe 2: Berufsbildung", "ohne nachobligatorische Ausbildung" ], range: ["#2c2656", "#453b7d", "#60539f", "#7d6dbf", "#9a88dd"], reverse: true }) .title(null), vl.order("stackSortOrder") ), vl .markText({ align: "center", fill: "white", fontWeight: "bold", fontSize: 12, dy: 15, dx: 0 }) .data(txtRight) .encode( vl.x().field("Personenkreis"), vl.y().sum("Anteil").stack("normalize"), vl.order("stackSortOrder"), vl .text({ format: ".0%" }) .field("Anteil") ) ) .title({ text: "Männer", anchor: "middle", fontSize: 13 }); return ( vl .concat(plotLeft, plotRight) .columns(nCol) // .spacing(10) // .padding(5) .autosize({ type: "fit", resize: true }) // .title({ // text: "Höchste abgeschlossene Ausbildung", // subtitle: "Nach Geschlecht und Personenkreis" // }) .resolve({ scale: { color: "independent" } }) .config({ view: { stroke: null, width: plotWidth(2), height: 300 }, // scale: { bandPaddingInner: 0.1, bandPaddingOuter: 0.1 }, background: "#ffffff", axis: { labelFontSize: 12, labelFont: ZHFonts.regular, labelColor: "black", titleFontSize: 12, titleColor: "black", titleFont: ZHFonts.regular }, axisX: { labelAngle: 0, labelPadding: 10, title: null, ticks: false }, legend: { orient: "top", gridAlign: "none", labelFontSize: 12, labelFont: ZHFonts.regular, labelColor: "black", labelLimit: 260, rowPadding: 5, columns: nCol_Legend }, title: { font: ZHFonts.black, fontSize: 16, offset: 15, anchor: "start", lineHeight: 1.5, subtitleFont: ZHFonts.regular, subtitleFontSize: 14 } }) .render() ); }32:Tf7d,chart5b = { const dataF = data5bNew .filter((d) => d.bez == "Ausbildungsplatz Sozialpädagogik") .sort(desc((d) => d.n_tot)); const widthNow = d3.min([width, 768]); const margin = { top: 30, right: 30, bottom: 30, left: 30 }; const padding = 2; const countPerLine = 10; let widthPerChart = 0; if (widthNow < 450) { widthPerChart = widthNow; } else { widthPerChart = widthNow / 4; } const cubeWidth = (widthPerChart - margin.right) / 10 - padding; const height = d3.max(dataF, (d) => (d.n_tot / 10) * (cubeWidth + 2)) + margin.top + margin.bottom; mutable widthNow = widthNow; mutable height = height; mutable cubeWidth = cubeWidth; // SVG const svg = d3 .create("svg") .attr("viewBox", [0, 0, widthNow, height]) .attr( "class", "cell small-offset-2 medium-offset-2 large-offset-2 xlarge-offset-2 small-10 medium-9 large-8" ); //.attr("transform", `translate(0,${margin.bottom - margin.top})`); // Axis const x = d3 .scaleBand() .domain(["Stellenart (N=79)"]) .rangeRound([margin.left, widthPerChart - margin.right]) .paddingInner(0.1); const xAxis = (g) => g .attr("transform", `translate(0,${margin.top})`) .attr("font-size", "10px") .call(d3.axisTop(x).tickSizeOuter(0)) .call((g) => g.select(".domain").remove()); const y = d3 .scaleLinear() .domain([0, d3.max(dataF, (d) => d.n_tot)].reverse()) .nice() .rangeRound([height - margin.bottom, margin.top]); const yAxis = (g) => g .attr("transform", `translate(${widthPerChart - margin.right},0)`) .attr("font-size", "10px") .call(d3.axisRight(y)) .call((g) => g.select(".domain").remove()) .call((g) => g .select(".tick:first-of-type text") .clone() .attr("x", 25) .attr("y", 15) .attr("text-anchor", "end") .attr("font-weight", "bold") .attr("font-size", "10px") .text("Anzahl Ausbildungsplätze") ); // Squares const kategorie = svg.selectAll(".gruppe").data(dataF); const kgroup = kategorie .enter() .append("g") .attr("id", (d) => d.bez) .attr( "transform", (d, i) => "translate(" + i * widthPerChart + "," + margin.top + ")" ); kgroup .selectAll("rect.audit") .data(function (d) { return d3.range(0, 31); }) .enter() .append("rect") .attr("class", "audit") .attr("x", (d) => (d % 10) * (cubeWidth + padding)) .attr("y", (d) => Math.floor(d / 10) * (cubeWidth + padding)) .attr("height", cubeWidth) .attr("width", cubeWidth) .attr("fill", "#00abae"); kgroup .selectAll("rect.lehre") .data(function (d) { return d3.range(31, 56); }) .enter() .append("rect") .attr("class", "lehre") .attr("x", (d) => (d % 10) * (cubeWidth + padding)) .attr("y", (d) => Math.floor(d / 10) * (cubeWidth + padding)) .attr("height", cubeWidth) .attr("width", cubeWidth) .attr("fill", "#0a7e80"); kgroup .selectAll("rect.prakt") .data(function (d) { return d3.range(56, 74); }) .enter() .append("rect") .attr("class", "prakt") .attr("x", (d) => (d % 10) * (cubeWidth + padding)) .attr("y", (d) => Math.floor(d / 10) * (cubeWidth + padding)) .attr("height", cubeWidth) .attr("width", cubeWidth) .attr("fill", "#004a4c"); kgroup .selectAll("rect.soz") .data(function (d) { return d3.range(74, 79); }) .enter() .append("rect") .attr("class", "soz") .attr("x", (d) => (d % 10) * (cubeWidth + padding)) .attr("y", (d) => Math.floor(d / 10) * (cubeWidth + padding)) .attr("height", cubeWidth) .attr("width", cubeWidth) .attr("fill", "#001b1b"); // Call axis and legend svg.append("g").call(xAxis); svg.append("g").call(yAxis); //svg.append("g").call(legend); return svg.node(); }33:T9d1,chart5c = vl .data(cleanedData5c) .transform( vl .calculate("indexof(['Frauen', 'Männer'], datum.Geschlecht)") .as("stackSortOrder") ) .layer( vl .markBar({ cornerRadius: 2, yOffset: 0, height: 80, stroke: "white" }) .encode( vl.y().fieldO("Personenkreis").scale({ padding: 0 }).axis({ bandPosition: 0, grid: false, domain: false, ticks: false, labelAlign: "left", labelBaseline: "middle", labelPadding: -5, labelOffset: -55 }), vl.x().sum("Anteil").stack("normalize").axis(null), vl .color() .fieldN("Geschlecht") .scale({ range: ["#a87a09", "#483D8B"] }) .title(null) .legend(null), vl.order("stackSortOrder") ), vl .markText({ align: "right", fill: "white", fontWeight: "bold", fontSize: 12, dy: -5, dx: -15 }) .encode( vl.y().fieldO("Personenkreis"), vl.x().sum("Anteil").stack("normalize"), vl.order("stackSortOrder"), vl.text().fieldO("Geschlecht") ), vl .markText({ align: "right", fill: "white", fontWeight: "bold", fontSize: 12, dy: 10, dx: -15 }) .encode( vl.y().fieldO("Personenkreis"), vl.x().sum("Anteil").stack("normalize"), vl.order("stackSortOrder"), vl.text().fieldO("share_txt") ) ) .width(plotWidth(1)) // specifying responsive width .height(250) .autosize({ resize: true, type: "fit" }) // .title({ // text: "Bewerbungen für Praktika und Auditorate", // subtitle: "Bewerbungen und Neuanstellungen JI, 2020" // }) .config({ view: { stroke: null }, scale: { bandPaddingInner: 0.2, bandPaddingOuter: 0.2, stroke: 2 }, background: "#ffffff", axis: { labelFontSize: 12, labelFont: ZHFonts.black, labelColor: "black" }, axisY: { labelAngle: 0, labelPadding: 10, title: null, ticks: false }, legend: { orient: "top", labelFontSize: 12, labelFont: ZHFonts.regular, labelColor: "black", labelLimit: 260 }, title: { font: ZHFonts.black, fontSize: 16, offset: 15, anchor: "start", lineHeight: 1.5, subtitleFont: ZHFonts.regular, subtitleFontSize: 14 } }) .render()34:T755,function swatches({ color, columns = null, format = (x) => x, swatchSize = 16, swatchWidth = swatchSize, swatchHeight = swatchSize, marginLeft = 0 }) { const id = DOM.uid().id; if (columns !== null) return html`

${color .domain() .map((value) => { const label = format(value); return html`

${document.createTextNode(label)}

`; })}

`; return html`

${color .domain() .map( (value) => html`${document.createTextNode(format(value))}` )}

`; }35:[{"id":"c284ca3894d4df13acb6f67d5c70451684f1bb0f8aa082f426f08d80510da919d01203467a3be21063fec7dd526a7ed735455c7fcdcb6332e08c087b7c755760","href":"https://static.observableusercontent.com/files/c284ca3894d4df13acb6f67d5c70451684f1bb0f8aa082f426f08d80510da919d01203467a3be21063fec7dd526a7ed735455c7fcdcb6332e08c087b7c755760","name":"ind5a_ausbildungsabschlüsse@1.csv","type":"text/csv","lastModified":1637676566777.279,"size":1489},{"id":"683c0895ecc5e7491fa37bc408ca1859a694a75cc492a595c5e5112223405e2dd4a04a011af185aec24aa21bc8ea8fc228cf703bec488408dadcbbbbe9e0227b","href":"https://static.observableusercontent.com/files/683c0895ecc5e7491fa37bc408ca1859a694a75cc492a595c5e5112223405e2dd4a04a011af185aec24aa21bc8ea8fc228cf703bec488408dadcbbbbe9e0227b","name":"ind5b_einstiegsstellen@2.csv","type":"text/csv","lastModified":1637676566777.279,"size":194},{"id":"3a6dd812277bab535dde997686bfeda66311b7fea06c8cc49eab850ec8153ddc197a564c3be94efa0e423efea4aa81b79b3c28f443547f33c5221955effd559f","href":"https://static.observableusercontent.com/files/3a6dd812277bab535dde997686bfeda66311b7fea06c8cc49eab850ec8153ddc197a564c3be94efa0e423efea4aa81b79b3c28f443547f33c5221955effd559f","name":"ind5b_einstieg_geschlecht-2.csv","type":"text/csv","lastModified":1637763030299.08,"size":198}] 2f:{"id":"914d23c657769cb9","slug":null,"title":"Indikator 5","thumbnail":"ff263e03f688a30c9069de79109d08a20394d3117a13d95dca7dc099a835e971","access_level":"public","create_time":"$D2021-11-23T14:09:26.777Z","update_time":"$D2024-09-05T05:52:36.208Z","view_time":null,"first_public_time":"$D2022-10-26T05:58:29.779Z","has_unpublished_edits":null,"fork":{"id":"77e692dea4024ce2","slug":null,"title":"Indikator 4","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":4276,"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":1,"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 5","cells":[{"id":210,"value":"htl.html`

Indikator 5

Laufbahn und Karriere - Ausbildung

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1992,"value":"htl.html`

5a Ausbildungsabschlüsse unserer Mitarbeitenden

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

Höchste abgeschlossene Ausbildung

Nach Geschlecht und Personenkreis

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

Ausbildungsplätze

Anzahl Ausbildungsplätze nach Stellenart, JI, 31.12.2020

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4034,"value":"viewof legend5b = swatches({\n color: d3\n .scaleOrdinal()\n .domain([\n \"Auditorat\",\n \"Lehrstelle\",\n \"Praktikum\",\n \"Ausbildungsplatz Sozialpädagogik\"\n ])\n .range([\"#00abae\", \"#0a7e80\", \"#004a4c\", \"#001b1b\"]) //\n .unknown(\"#ccc\"),\n // marginLeft: 30,\n columns: \"300px\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3686,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4258,"value":"caption5b = html`

Grafik: Statistisches Amt des Kantons Zürich; Quelle: Eigene Erhebung HR JI

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3445,"value":"htl.html`

5c Praktikantenstellen

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

Bewerbungen für Praktika und Auditorate

Bewerbungen und Neuanstellungen JI, 2020

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3723,"value":"$33","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":"cssStyles = html`\n`","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":441,"value":"mutable cubeWidth = null","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4018,"value":"chartWidth = d3.min([width, 768])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":449,"value":"mutable widthNow = null","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":2467,"value":"nCol = {\n if (width >= 1100) {\n return 3;\n } else if (width > 768 && width < 1100) {\n return 2;\n } else {\n return 1;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4176,"value":"nCol_Legend = {\n if (width >= 1100) {\n return 2;\n } else if (width < 1100 && width >= 750) {\n return 2;\n } else {\n return 1;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"## Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1411,"value":"md`-----------`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3181,"value":"data5a = FileAttachment(\"ind5a_ausbildungsabschlüsse@1.csv\").csv({\n typed: true\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3183,"value":"cleanedData5a = tidy(\n data5a,\n mutate({ share_txt: (d) => (d.Anteil * 100).toFixed(0) + \"%\" })\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1421,"value":"md`---------`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1433,"value":"data5b = FileAttachment(\"ind5b_einstiegsstellen@2.csv\").csv({ typed: true })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3678,"value":"data5bNew = [\n { bez: \"Auditoriat\", n: 31, n_tot: 31, neu: 0 },\n { bez: \"Lehrstelle\", n: 25, n_tot: 56, neu: 25 },\n { bez: \"Praktikum\", n: 18, n_tot: 74, neu: 18 },\n { bez: \"Ausbildungsplatz Sozialpädagogik\", n: 5, n_tot: 79, neu: 5 }\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1430,"value":"md`--------`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3192,"value":"data5c = FileAttachment(\"ind5b_einstieg_geschlecht-2.csv\").csv({ typed: true })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3199,"value":"cleanedData5c = tidy(\n data5c,\n mutate({\n share_txt: (d) => (d.Anteil * 100).toFixed(0) + \"%\"\n }),\n arrange([\"typ\", desc(\"Anzahl\")])\n)","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":4041,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4039,"value":"entity = function(character) {\n return `&#${character.charCodeAt(0).toString()};`;\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":4268,"value":"import { fonts as ZHFonts } from \"@statistikzh/common-styles\"","pinned":true,"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"}],"files":"$W35","stdlib":"1","titling":"auto"}} 30:"$2f:body"