2e:null 2f:["$","title",null,{"children":"General | Bildungsplanung Kanton Zürich | Observable"}] 34:T2b19,Downmenu = function (id) { leuDropdown; leuButton; leuDialog; leuRadio; //create a container for the download menu let dropdowncontainer = d3.select("#dropdowncontainer" + id); if (dropdowncontainer.empty()) { dropdowncontainer = d3.create("div"); } dropdowncontainer .attr("id", "dropdowncontainer" + id) .attr("class", "dropdown"); //add a horizontal row at the begining, only activated when the download-menu can be placed a the end of the chart. /*if (d3.select("#dropdowncontainer" + id + " hr").empty()) { dropdowncontainer.append("hr"); }*/ //add the dropdown button let dropdownbutton = d3.select("#dropdownbutton" + id); if (dropdownbutton.empty()) { dropdownbutton = dropdowncontainer.insert("leu-dropdown"); } dropdownbutton.attr("id", "dropdownbutton" + id).attr("label", "Download"); //add the icon to the button let dropdownicon = d3.select("#dropdownbutton" + id + " leu-icon"); if (dropdownicon.empty()) { dropdownicon = dropdownbutton .append("leu-icon") .attr("slot", "icon") .attr("name", "download"); } //add the menu to the button let dropdownsub = d3.select("#dropdownbutton" + id + " leu-menu"); if (dropdownsub.empty()) { dropdownsub = dropdownbutton .append("leu-menu") .attr("role", "menu") .attr("selects", "none"); } //function to add actually display the menu this.showDropdown = function () { return dropdowncontainer.node(); }; //function to add the fullscreen menu entry this.addSubFullscreen = function () { if (!document.getElementById("fullscreen" + id)) { dropdownsub .insert("leu-menu-item") .attr("id", "fullscreen" + id) //.attr("href", "#") .html( ` Vollbildanzeige der Grafik` ) .on("mousedown", function () { fullscreen(id); }); } }; //function to add the export to png menu entry this.addSubPngExport = function (config, label) { label = label == undefined ? "Grafik als PNG" : label; let dropdownpng = d3.select("#png" + id + hashCode(label)); if (dropdownpng.empty()) { dropdownpng = dropdownsub.insert("leu-menu-item"); } dropdownpng .attr("id", "png" + id + hashCode(label)) //.attr("href", "#") .html( ` ${label}` ) .on("mousedown", function () { createPNG(config); }); }; //function to add the export to svg menu entry this.addSubSvgExport = function (config, label) { label = label == undefined ? "Grafik als SVG" : label; let dropdownsvg = d3.select("#svg" + id + hashCode(label)); if (dropdownsvg.empty()) { dropdownsvg = dropdownsub.insert("leu-menu-item"); } dropdownsvg .attr("id", "svg" + id + hashCode(label)) //.attr("href", "#") .html( ` ${label}` ) .on("mousedown", function () { createSVG(config); }); }; //function to add the embed menu entry this.addSubEmbed = function () { let dropdownembed = d3.select("#embed" + id); if (dropdownembed.empty()) { dropdownembed = dropdownsub.insert("leu-menu-item"); } dropdownembed .attr("id", "embed" + id) //.attr("href", "#") .html( ` Grafik einbinden` ) .on("mousedown", function () { openmodal(); }); //generating the actual embed modal view let embedmodal = d3.select("#embedmodal" + id); if (embedmodal.empty()) { embedmodal = d3.select("body").insert("leu-dialog"); } embedmodal .attr("id", "embedmodal" + id) .attr("label", "Grafik einbinden").html(`

javascript

iframe

Schliessen

Code kopieren

`); document.querySelector("#embedmodal" + id + " leu-radio-group").onchange = function (e) { document.querySelector("#embedmodal" + id + " textarea#result").value = createEmbedCode(id, e.target.value); }; // Get the modal let modal = d3.select("#embedmodal" + id).node(); // When the user clicks on the button, open the modal let openmodal = function () { document.querySelector("#embedmodal" + id + " textarea#result").value = createEmbedCode( id, document.querySelector("#embedmodal" + id + " leu-radio-group").value ); document.querySelector("#embedmodal" + id).show(); }; }; //function to add the excel export menu entry this.addSubExcelExport = function (config, label) { label = label == undefined ? "Daten als XLSX" : label; let dropdownxlsx = d3.select("#excel" + id + hashCode(label)); if (dropdownxlsx.empty()) { dropdownxlsx = dropdownsub.insert("leu-menu-item"); } dropdownxlsx .attr("id", "excel" + id + hashCode(label)) //.attr("href", "#") .html( ` ${label}` ) .on("mousedown", function () { createXLSX(config); }); }; //function to add the csv export menu entry this.addSubCsvExport = function (config, label) { label = label == undefined ? "Daten als CSV" : label; let dropdowncsv = d3.select("#csv" + id + hashCode(label)); if (dropdowncsv.empty()) { dropdowncsv = dropdownsub.insert("leu-menu-item"); } dropdowncsv .attr("id", "csv" + id + hashCode(label)) //.attr("href", "#") .html( ` ${label}` ) .on("mousedown", function () { createCSV(config); }); }; //helper function to create the config for the xlsx export this.createXLSXConfig = function ( data, meta, filterValues, filtered = false ) { let config = {}; let columns = []; let columnNames = []; let types = []; let filterText = ""; if (meta.columns != undefined) { //if the collumn is displayed or if it is a filter column and filters are deactivated, add it to the columns for the export. let columnsmeta = meta.columns.filter( (d) => d.display || (filtered == false && d.filter) ); //order by the column "order" columnsmeta.sort((a, b) => a.order - b.order); //loop through all the columns for (const i of columnsmeta) { columns.push(i.columnKey); columnNames.push(i.columnName); types.push(i.type); } } else { columns = data.columns; columnNames = data.columns; for (var i = 0; i < columns.length; i++) types.push("string"); } //create config object Object.assign(config, { data: data, columns: columns, columnNames: columnNames, datatypes: types, title: meta.title, //Add Filters to the subtitle and the filename subtitle: meta.subtitle + (filtered ? `\nFilter: ` + objToString(filterValues) : ""), description: meta.description, source: meta.source, autofilters: true, filename: meta.title + (filtered ? "; " + objToString(filterValues) : "") + ".xlsx" }); return config; }; //helper function to create the config for the csv export this.createCSVConfig = function (data, meta, filterValues, filtered = false) { let config = {}; let columns = []; let columnNames = []; let order = []; //loop through all the columns if (meta.columns != undefined) { //if the collumn is displayed or if it is a filter column and filters are deactivated, add it to the columns for the export. let columnsmeta = meta.columns.filter( (d) => d.display || (filtered == false && d.filter) ); //order by the column "order" columnsmeta.sort((a, b) => a.order - b.order); for (const i of meta.columns) { columns.push(i.columnKey); columnNames.push(i.columnName); } //create a new data object for the csv export data = data.map((obj) => { let temp = {}; for (let i = 0; i < columns.length; ++i) { temp[columnNames[i]] = obj[columns[i]]; } return temp; }); } //create the config object Object.assign(config, { data: data, //Add Filters to the filename filename: meta.title + (filtered ? "; " + objToString(filterValues) : "") + ".csv" }); return config; }; function objToString(obj) { let str = ""; for (const [p, val] of Object.entries(obj)) { if (str != "") { str += "; "; } str += `${p} = ${val}`; } return str; } let fullscreen = function (id) { let elem = document.getElementById("dropdowncontainer" + id).parentElement; let tag = document .getElementById("fullscreen" + id) .getElementsByTagName("span")[0]; if (document.fullscreenElement == null) { if (elem.requestFullscreen) { elem.requestFullscreen(); } else if (elem.webkitRequestFullscreen) { /* Safari */ elem.webkitRequestFullscreen(); } else if (elem.msRequestFullscreen) { /* IE11 */ elem.msRequestFullscreen(); } } else { if (document.exitFullscreen) { document.exitFullscreen(); } else if (document.webkitExitFullscreen) { /* Safari */ document.webkitExitFullscreen(); } else if (document.msExitFullscreen) { /* IE11 */ document.msExitFullscreen(); } } elem.onfullscreenchange = (event) => { if (document.fullscreenElement) { elem.classList.add("observable-fullscreen"); tag.innerHTML = "Vollbild verlassen"; console.log("Entered fullscreen mode."); } else { elem.classList.remove("observable-fullscreen"); console.log("Leaving fullscreen mode."); tag.innerHTML = "Vollbild"; } }; }; }35:T659,//convenience function to add all the dropdown elements depending on the chart config addDropDownContent = function ( meta, chartconfig, containerId, uid, downmenu, data, filteredData, filterValues ) { //console.log(downmenu); // add elements to the drop down menu if (chartconfig.fullscreen) { downmenu.addSubFullscreen(); } if (chartconfig.embed) { downmenu.addSubEmbed(); } if (chartconfig.downloadpng) { downmenu.addSubPngExport({ containerId: containerId + uid, filename: meta.title + ".png" }); } if (chartconfig.downloadsvg) { downmenu.addSubSvgExport({ containerId: containerId + uid, filename: meta.title + ".svg" }); } if (chartconfig.downloadxlsxall) { downmenu.addSubExcelExport( downmenu.createXLSXConfig(data, meta, filterValues, false), chartconfig.downloadxlsx ? "Daten als XLSX (Alle)" : "Daten als XLSX" ); } if (chartconfig.downloadxlsx) { downmenu.addSubExcelExport( downmenu.createXLSXConfig(filteredData, meta, filterValues, true), chartconfig.downloadxlsxall ? "Daten als XLSX (Auswahl)" : "Daten als XLSX" ); } if (chartconfig.downloadcsvall) { downmenu.addSubCsvExport( downmenu.createCSVConfig(data, meta, filterValues, false), chartconfig.downloadcsv ? "Daten als CSV (Alle)" : "Daten als CSV" ); } if (chartconfig.downloadcsv) { downmenu.addSubCsvExport( downmenu.createCSVConfig(filteredData, meta, filterValues, true), chartconfig.downloadcsvall ? "Daten als CSV (Auswahl)" : "Daten als CSV" ); } }36:T1333,//Dropdownstyling dropdownstyle = html`

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

${document.createTextNode(label)}

`; })}

`; return html`

${color.domain().map( (value) => html`<${ asButtons ? "button" : "div" } class="${id} swatch-item" value="${value}" data-value="${value}"> ${document.createTextNode( format(value) )}` )}

`; }3a:T9e1,/** * Calculate brightness value by RGB or HEX color. * If an RGBA color string is provided, its internal opacity is used. * If a HEX or RGB color string is provided, the separate 'opacity' parameter (defaulting to 1) is applied. * * @param color (String) The color value in RGB, RGBA or HEX (for example: #000000 || #000 || rgb(0,0,0) || rgba(0,0,0,0.5)) * @param opacity (Number) An optional separate opacity value between 0 and 1. This is only used if 'color' is HEX or RGB. * @returns (Number) The brightness value (dark) 0 ... 255 (light) */ function brightnessByColor(color, opacity = 1) { var colorStr = "" + color; var r, g, b, a = 1; // 'a' for alpha (opacity) const isHEX = colorStr.indexOf("#") === 0; const isRGB = colorStr.indexOf("rgb") === 0; if (isHEX) { const hasFullSpec = colorStr.length === 7; // #RRGGBB const hasShortSpec = colorStr.length === 4; // #RGB if (hasFullSpec || hasShortSpec) { // Extract R, G, B values from HEX const m = colorStr.substr(1).match(hasFullSpec ? /(\S{2})/g : /(\S{1})/g); if (m) { r = parseInt(m[0] + (hasFullSpec ? "" : m[0]), 16); g = parseInt(m[1] + (hasFullSpec ? "" : m[1]), 16); b = parseInt(m[2] + (hasFullSpec ? "" : m[2]), 16); } // Apply the separate opacity parameter for HEX colors a = opacity; } } else if (isRGB) { // Match numbers for rgb(R,G,B) or rgba(R,G,B,A) const matchRGBA = colorStr.match(/(\d+){3}(?:,\s*([\d.]+))?/); // Matches R,G,B and optionally A if (matchRGBA) { r = parseInt(matchRGBA[1], 10); g = parseInt(matchRGBA[2], 10); b = parseInt(matchRGBA[3], 10); // If an alpha value exists in rgba(), use it. Otherwise, use the provided 'opacity' parameter. a = matchRGBA[4] !== undefined ? parseFloat(matchRGBA[4]) : opacity; } } // If RGB values are successfully parsed if ( typeof r !== "undefined" && typeof g !== "undefined" && typeof b !== "undefined" ) { // If alpha is less than 1, blend the color with a white background (common approach) // The perceived brightness will be influenced by the background. if (a < 1) { // Calculate blended RGB values over a white background (255, 255, 255) r = r * a + 255 * (1 - a); g = g * a + 255 * (1 - a); b = b * a + 255 * (1 - a); } return (r * 299 + g * 587 + b * 114) / 1000; } // Return undefined or throw an error if the color format is not recognised return undefined; }3b:Tdbe,function rotateX(svgcontainer, heightChart, classedAs) { function delay(time) { return new Promise((resolve) => setTimeout(resolve, time)); } function rotateOneNode(node, svgcontainer, heightChart) { let origLegendHeight = node.node().getBBox().height; //Breite eines Zwischenstrichs bestimmen //console.log("Stufe 1"); let tickwidth; if (node.selectAll("g.tick").size() > 1) { tickwidth = //position of second tick getTransformation( d3.select(node.selectAll("g.tick")._groups[0][1]).attr("transform") ).translateX - //position of first tick getTransformation( d3.select(node.selectAll("g.tick")._groups[0][0]).attr("transform") ).translateX; } else { tickwidth = getTransformation( d3.select(node.selectAll("g.tick")._groups[0][0]).attr("transform") ).translateX * 2; } let allTexts = node.selectAll("g.tick text"); //1. Schritt //Zeilen umbrechen //der Gesamte Text muss persistiert werden, damit beim wiederholten wrappen nicht Leerschläge verloren gehen. allTexts.call(addStaticText); //Zeilen umbrechen, wenn breiter als Zwischenstrich allTexts.call(wrap, tickwidth); //Maximale Breite und Höhe der Skalenbezeichner bestimmen let maxwidth = 0; let maxheight = 0; allTexts.attr("transform", function (d) { let coordx = this.getBBox().width; if (maxwidth < coordx) { maxwidth = coordx; } let coordy = this.getBBox().height; if (maxheight < coordy) { maxheight = coordy; } }); //2. Schritt //Wenn immer noch zu breit dann rotieren //console.log("Stufe 2"); if (maxwidth > tickwidth) { allTexts.call(wrap, Math.min(150, maxwidth)); allTexts.style("text-anchor", "start"); allTexts.attr("transform", function (d) { var moveleft = -this.getBBox().height / 2 - 8; return "rotate(90), translate(10," + moveleft + ")"; }); } } delay(0).then(() => { let xAxis; //if no class is provided, the axis is selected using id = xAxis if (typeof classedAs == "undefined") { xAxis = svgcontainer.select("#xAxis"); let origLegendHeight = xAxis.node().getBBox().height; rotateOneNode(xAxis, svgcontainer, heightChart); //Höhe der Grafik den neuen Begebenheiten anpassen (height und viewBox) let newlegendHeight = xAxis.node().getBBox().height; let newHeightChart = heightChart + newlegendHeight - origLegendHeight; //svgcontainer.attr("height", newHeightChart); let viewBox = svgcontainer.attr("viewBox").split(","); viewBox[3] = newHeightChart.toString(); svgcontainer.attr("viewBox", viewBox.join(",")); } //if a class is provided, the class is used to select all xAxis' else { xAxis = svgcontainer.selectAll("." + classedAs); let origLegendHeight = []; let newLegendHeight = []; xAxis.each(function (d, i) { origLegendHeight.push(d3.select(this).node().getBBox().height); rotateOneNode(d3.select(this), svgcontainer, heightChart); newLegendHeight.push(d3.select(this).node().getBBox().height); }); let newHeightChart = heightChart + d3.max(newLegendHeight) - d3.max(origLegendHeight); let viewBox = svgcontainer.attr("viewBox").split(","); viewBox[3] = newHeightChart.toString(); svgcontainer.attr("viewBox", viewBox.join(",")); } }); }3c:T5dd,//Helper function to get the transform attributes of an svg element. function getTransformation(transform) { // Create a dummy g for calculation purposes only. This will never // be appended to the DOM and will be discarded once this function // returns. var g = document.createElementNS("http://www.w3.org/2000/svg", "g"); // Set the transform attribute to the provided string value. g.setAttributeNS(null, "transform", transform); // consolidate the SVGTransformList containing all transformations // to a single SVGTransform of type SVG_TRANSFORM_MATRIX and get // its SVGMatrix. var matrix = g.transform.baseVal.consolidate().matrix; // Below calculations are taken and adapted from the private function // transform/decompose.js of D3's module d3-interpolate. var { a, b, c, d, e, f } = matrix; // ES6, if this doesn't work, use below assignment // var a=matrix.a, b=matrix.b, c=matrix.c, d=matrix.d, e=matrix.e, f=matrix.f; // ES5 var scaleX, scaleY, skewX; if ((scaleX = Math.sqrt(a * a + b * b))) (a /= scaleX), (b /= scaleX); if ((skewX = a * c + b * d)) (c -= a * skewX), (d -= b * skewX); if ((scaleY = Math.sqrt(c * c + d * d))) (c /= scaleY), (d /= scaleY), (skewX /= scaleY); if (a * d < b * c) (a = -a), (b = -b), (skewX = -skewX), (scaleX = -scaleX); return { translateX: e, translateY: f, rotate: (Math.atan2(b, a) * 180) / Math.PI, skewX: (Math.atan(skewX) * 180) / Math.PI, scaleX: scaleX, scaleY: scaleY }; }3d:T7eb,//function to wrap ab svg text element (with tspan) depending on a max width wrap = function (text, width) { text.each(function () { let breakChars = ["&"], text = d3.select(this), textContent = text._groups[0][0].__staticText__, //text.text(), //text._groups[0][0].__data__, spanContent; if (textContent == "undefined") { textContent = text.text(); } if (typeof textContent == "string") { breakChars.forEach(function (char) { // Add a space after each break char for the function to use to determine line breaks textContent = textContent.replace(char, char + " "); }); var words = textContent.split(/\s+/).reverse(), word, line = [], lineNumber = 0, lineHeight = 1.2, // ems x = text.attr("x") || 0, y = text.attr("y") || 0, dy = parseFloat(text.attr("dy") || 0), tspan = text .text(null) .append("tspan") .attr("x", x) .attr("y", y) .attr("dy", dy + "em"); while ((word = words.pop())) { let manualbreak = false; if (word.includes("
")) { manualbreak = true; word = word.replaceAll("
", " "); //remove line break html-tag; } line.push(word + " "); tspan.text(line.join(" ")); if ( manualbreak || //manual line breaks using html-tag tspan.node().getComputedTextLength() > width ) { line.pop(); spanContent = line.join(" "); breakChars.forEach(function (char) { // Remove spaces trailing breakChars that were added above spanContent = spanContent.replace(char + " ", char); }); tspan.text(spanContent); line = [word]; tspan = text .append("tspan") .attr("x", x) .attr("y", y) .attr("dy", ++lineNumber * lineHeight + dy + "em") .text(word); } } } }); }3e:Tb9b,function formater(type, value) { /** * formater returns eigther a formated value or a function to format a value if a value is not provided as parameter * * @param {string("string" | "year" | "integer" | "int" | "float" | "float2" | "float6" | "percentage" | "percent" | "date" | "datemonthyear" | "dateyear" | "week" | "miochf" | "chf" | "floatha" | "terrajoule")} type Defines the type of value to be formated. * @param {string|number} [value] The value to be formated. If no value is provided the function returns a function to apply the formating. */ if (value == undefined) { if (type == "string" || type == "year") { return value; } else if (type == "integer" || type == "int") { return germanFormater.format(",.0f"); } else if (type == "float") { return germanFormater.format(",.1f"); } else if (type == "float2") { return germanFormater.format(",.2f"); } else if (type == "float6") { return germanFormater.format(",.6f"); } else if (type == "percentage" || type == "percent") { return d3.format(".1%"); } else if (type == "date") { return d3.time.format("%d.%m.%Y"); } else if (type == "datemonthyear") { return d3.time.format("%B %Y"); } else if (type == "dateyear") { return d3.time.format("%Y"); } } if (type == "string" || type == "year") { return value; } if (isNaN(value)) { return "keine Angabe"; } else if (type == "integer" || type == "int") { return germanFormater.format(",.0f")(parseInt(value)); } else if (type == "float") { return germanFormater.format(",.1f")(parseFloat(value)); } else if (type == "float2") { return germanFormater.format(",.2f")(parseFloat(value)); } else if (type == "float6") { return germanFormater.format(",.6f")(parseFloat(value)); } else if (type == "float2variable") { if (parseFloat(value) % 1) { var werte = germanFormater.format(",.2f")(parseFloat(value)); } else { werte = germanFormater.format(",")(parseFloat(value)); } return werte; } else if (type == "percentage" || type == "percent") { return d3.format(".1%")(value); } else if (type == "date") { return d3.time.format("%d.%m.%Y")(new Date(value)); } else if (type == "week") { return "Woche vom " + d3.time.format("%d.%m.%Y")(new Date(value)); } else if (type == "datemonthyear") { return d3.time.format("%B %Y")(new Date(value)); } else if (type == "dateyear") { return d3.time.format("%Y")(new Date(value)); } else if (type == "miochf") { return "" + germanFormater.format(",f")(parseInt(value)) + " Mio Franken"; } else if (type == "chf") { return "Fr. " + germanFormater.format(",.2f")(parseInt(value)) + ""; } else if (type == "floatha") { return "" + germanFormater.format(",.2f")(parseFloat(value)) + " ha"; } else if (type == "terrajoule") { return "" + germanFormater.format(",f")(parseFloat(value)) + " TJ"; } }3f:T237b,getColor = function (name, index, brightness = 0) { /** * getColor returns a hex-color code from the color scheme of canton of Zurich, depending on the parameters. It looks at the provided name first. If there is no color code for the particular name defined, it will return the color for the index provided, selecting one of the nine default categorial colors. If no index is provided it will return any of the nine default categorial colors at random. * * @param {string|number} [name] - The name of the variable for which a color is needed. If name is a number and index is omited, name is used as index. * @param {number} [index] - An index for color selection if the name does not select a color * @return {string} A hex color code * * @example * * getColor('Kindergarten', 2) */ if (typeof name == "object") { return d3.interpolate(eval(name.color), "#FFFFFF")(name.brightness); } if (typeof name == "number" && typeof index == "undefined") { index = name; } if ( name.includes("graphicsColors") || name.includes("additionalGraphicsColors") ) { return eval(name); } switch (name) { case "Kindergarten": case "Primarstufe 1-2": case "Primarstufe 1-2 (Kindergarten)": return additionalGraphicsColors.Gelb; case "Primarschule": case "Primarstufe 3-8": case "Primarstufe 3-8 (Primarschule)": case "Primarstufe 6-8": case "Primarstufe 6-8 (Primarschule Mittelstufe)": return graphicsColors.Orange; case "Primarstufe 3-5": case "Primarstufe 3-5 (Primarschule Unterstufe)": return primaryColors(3)[1]; case "Sonderschule": case "Heim- und Sonderschule": case "Sonderschulung": case "Separierte Sonderschulung": case "Separiert, Sonderschule": case "Lösung an einer bewilligten Sonderschule": return graphicsColors.Dunkelblau; case "Separiert, Lösung an Privatschule": case "Lösung an Privatschule (Ultima Ratio)": return graphicsColors.Grasgrün; case "Separiert, Kategorie unbekannt": return graphicsColors.Cyan; case "Integrierte Sonderschulung": case "Integrierte Sonderschulung (in einer Regelschule)": return graphicsColors.Dunkelgrün; case "Typ A: Beeinträchtigung in den Bereichen Verhalten, Lernen oder Sprache": return sonderschulColors(3)[0]; case "Typ B: Körper-, Sinnes- oder Mehrfachbeeinträchtigungen": return sonderschulColors(3)[1]; case "Typ C: kognitive Beeinträchtigungen": return sonderschulColors(3)[2]; case "Berufsmaturität (BM2)": return graphicsColors.Dunkelblau; case "Eigener Lehrplan": case "Eigener_Lehrplan": case "Schule mit eigenem Programm": case "Berufsmaturität (BM1)": return graphicsColors.Blau; case "Wechsel vom Langgymnasium in die Sekundarschule": return graphicsColors.Aquamarine; case "Sekundarschule": case "Sekundarstufe I": case "Untergymnasium": case "Ausschliesslich Sekundarschule": return graphicsColors.Türkis; case "Sekundarstufe II": case "Gymnasiale Oberstufe": case "Sekundarschule und anschliessend Kurzgymnasium": return additionalGraphicsColors.Grün; case "Tertiärstufe": return graphicsColors.Dunkelviolett; case "Mittelschule": case "Total gymnasiale Mittelschule": case "Gymnasium": return additionalGraphicsColors.Grün; case "Berufsfachschule": case "Berufsschule": case "Langgymnasium": return graphicsColors.Dunkelgrün; //damit es sich genügend von den Mittelschulen Unterscheidet: case "Berufsbildung": return graphicsColors.Blau; case "Brückenangebot": case "Berufsmaturität insgesamt": return graphicsColors.Aquamarine; case "Höhere Berufsbildung": return graphicsColors.Hellviolett; case "Fachhochschule": return graphicsColors.Violett; case "Universität": case "Hochschule": return graphicsColors.Dunkelviolett; case "Volksschule": return graphicsColors.Blau; case "Regelschule": case "Regelschulung": return graphicsColors.Cyan; case "Andere allgemeinbildende Ausbildung": case "Andere_allgemeinbildende_Ausbildung": case "Andere": case "Informationen nicht durchgehend vorhanden": return graphicsColors.Black60ZH; case "stufenübergreifend": return graphicsColors.Cyan; case "Anzahl Weiblich": case "Anteil Weiblich": case "Anzahl weiblich": case "Anteil weiblich": case "Anzahl Frauen": case "Anteil Frauen": case "Weiblich": return graphicsColors.Hellviolett; case "Anzahl Männlich": case "Anteil Männlich": case "Anzahl männlich": case "Anteil männlich": case "Anzahl Männer": case "Anteil Männer": case "Männlich": return graphicsColors.Türkis; case "Anzahl Schweizer/in": case "Anteil Schweizer/in": case "Schweiz": return graphicsColors.Rot; case "Anzahl Ausländer/in": case "Anteil Ausländer/in": case "Ausland": return graphicsColors.Gold; case "Deutsch": return graphicsColors.Bordeaux; case "Nicht Deutsch": return graphicsColors.Dunkelgrün; case "Anzahl an öffentlich finanzierten Einrichtungen": case "Anteil an öffentlich finanzierten Einrichtungen": return graphicsColors.Orange; case "Anzahl an privat finanzierten Einrichtungen": case "Anteil an privat finanzierten Einrichtungen": return additionalGraphicsColors.Grün; case "Sozial benachteiligte Gruppe": return graphicsColors.Violett; case "Sozial mittlere Gruppe": return graphicsColors.Black20ZH; case "Sozial privilegierte Gruppe": return graphicsColors.Dunkelgrün; case "Ende obligatorische Schulzeit": return additionalGraphicsColors.Grün; case "Fünfte Erhebung": return graphicsColors.Bordeaux; case "Lehrpersonen": return graphicsColors.Blau; case "Personal für schulische Heilpädagogik": return graphicsColors.Orange; case "Personal für Förderunterricht für fremdsprachige Lernende": return graphicsColors.Braun; case "Personal für Logopädie": return graphicsColors.Dunkelviolett; case "Personal für Psychomotoriktherapie": return graphicsColors.Türkis; case "Weiteres sonderpädagogisches Fachpersonal": return graphicsColors.Cyan; case "Schulleitungspersonal": return graphicsColors.Dunkelgrün; case "Anteil A": case "Anzahl A": case "Anteil Abteilung A": case "Anzahl Abteilung A": case "Abteilung A": case "Sekundarschule Abteilung A": return graphicsColors.Türkis; case "Anteil B": case "Anzahl B": case "Anteil Abteilung B": case "Anzahl Abteilung B": case "Abteilung B": case "Sekundarschule Abteilung B": return graphicsColors.Blau; case "Anteil C": case "Anzahl C": case "Anteil Abteilung C": case "Anzahl Abteilung C": case "Abteilung C": case "Sekundarschule Abteilung C": return graphicsColors.Violett; case "Anteil A/B": case "Anzahl A/B": return graphicsColors.Orange; case "Anteil A/C": case "Anzahl A/C": return graphicsColors.Rot; case "Anteil B/C": case "Anzahl B/C": return graphicsColors.Braun; case "Anteil A/B/C": case "Anzahl A/B/C": case "3 Abteilungen (A, B, C)": return graphicsColors.Magenta; case "2 Abteilungen (A, B)": return graphicsColors.Blau; case "Anzahl Bachelor": case "Anteil Bachelor": case "Bachelor": return graphicsColors.Violett; case "Anzahl Master": case "Anteil Master": case "Master": return graphicsColors.Türkis; case "Anzahl Doktorat": case "Anteil Doktorat": case "Doktorat": return graphicsColors.Rot; case "Kanton Zürich": return graphicsColors.Cyan; case "ausserkantonal": return graphicsColors.Aquamarine; //case "Ausland": // return additionalGraphicsColors.Hellorange; default: //If no index is provided, generate it at random if (typeof index === undefined) { index = Math.round(Math.random() * 8); /*console.log( "There was no color index provided. Default color was selected at random." );*/ } //If the index is out or range start again from the beginning if (index > fixedCategorialColors.length - 1) { /*console.log( "The color index (" + index + ") is greater than the number of available colors. Too many colors to select specific ones, emergency colors are used" ); console.log( "Emergency Color selected for: " + name + ", index: " + index );*/ index = index - fixedCategorialColors.length; return emergencyCategorialColors[index]; } //console.log("Default Color selected for: " + name + ", index: " + index); return fixedCategorialColors[index]; } }40:T320e,manualstylesheet = html` `41:T6e3d,html`

`42:Tf1b8,svgicons = htl.html``43:[] 32:{"id":"d4857ac1ccb91969","slug":"general","title":"General","thumbnail":"2549fd120a12d9b8431cae416de1b4c9d4a7ac293f702d9654eb5c6e8fbd9775","access_level":"public","create_time":"$D2021-08-10T12:34:17.525Z","update_time":"$D2026-09-18T15:22:40.652Z","view_time":null,"first_public_time":"$D2021-08-23T08:32:53.811Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"480a316ccb4f6253","login":"bildungsplanungzh","name":"Bildungsplanung Kanton Zürich","avatar_url":"https://avatars-next.observableusercontent.com/2cb1f8851e077d6126eed5b60e134287f21a1bc0897970ba693f8aa5b3dc3bb3","tier":"pro_2024"},"version":4340,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"ae2fb568d64d2eb1","login":"resmartizh","name":"Res Marti","avatar_url":"https://avatars-next.observableusercontent.com/69661c8e64ee6b7b99aba46691979edfa94971eb1e410861d738d2401ebe034e","tier":null}],"members":[{"type":"team","id":"480a316ccb4f6253","login":"bildungsplanungzh","name":"Bildungsplanung Kanton Zürich","avatar_url":"https://avatars-next.observableusercontent.com/2cb1f8851e077d6126eed5b60e134287f21a1bc0897970ba693f8aa5b3dc3bb3","tier":"pro_2024","role":"editor"},{"type":"individual","id":"ae2fb568d64d2eb1","login":"resmartizh","name":"Res Marti","avatar_url":"https://avatars-next.observableusercontent.com/69661c8e64ee6b7b99aba46691979edfa94971eb1e410861d738d2401ebe034e","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"title":"General","cells":[{"id":0,"value":"# General\n\nHier sind einige Grundkonfiguationen für die Webgrafiken der Bildungsplanung des Kantons Zürich, welche immer wieder verwendet werden.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":87,"value":"toc({selector: \"h2,h3,h4,h5,h6\", heading:\"Inhaltsverzeichnis\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":620,"value":"md `## Dropdown-Menü`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1038,"value":"Der Prototyp Downmenu ermöglicht es ein dropdown-Menü im Layout der Kantons Zürich einzufügen. Es enhält verschiedene Element zum Download und Einbinden der Daten und der Grafik.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1055,"value":"### Prototyp","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3541,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3591,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1059,"value":"### Einbindebeispiel\n#### Objekt generieren","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3544,"value":"downmenu = new Downmenu(\"2\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1065,"value":"#### Objekt anzeigen\n\nEigentliche Links funktionieren nicht, weil nicht konfiguriert.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3546,"value":"showDropdown = downmenu.showDropdown()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1069,"value":"#### Methode für Untermenü einfügen","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2598,"value":"Die eingefügten Knöpfe funktioneren aufgrund der fehlenden Konfiguration nicht. Es wird nur der Knopf eingefügt.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1273,"value":"addAllButtons = {\n downmenu.addSubFullscreen();\n downmenu.addSubEmbed();\n downmenu.addSubPngExport();\n downmenu.addSubSvgExport();\n downmenu.addSubExcelExport();\n downmenu.addSubCsvExport();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":626,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1428,"value":"## Metadatenverarbeitung","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1432,"value":"In diesem Abschnitt wird ein Prototyp generiert der die standardisierten Metadaten einer Darstellung verarbeitet.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1436,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1443,"value":"## HashCode-Generator","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1441,"value":"hashCode = function(s) {\n var hash = 0;\n for (var i = 0; i < s.length; i++) {\n var character = s.charCodeAt(i);\n hash = ((hash<<5)-hash)+character;\n hash = hash & hash; // Convert to 32bit integer\n }\n return hash;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1475,"value":"hashCode(\n \"zuwachsrate-der-15--bis-19-jaehrigen-wohnbevoelkerung-im-kanton-zuerich-nach-region\"\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1479,"value":"/*String.prototype.hashCode = function(){\n var hash = 0;\n for (var i = 0; i < this.length; i++) {\n var character = this.charCodeAt(i);\n hash = ((hash<<5)-hash)+character;\n hash = hash & hash; // Convert to 32bit integer\n }\n return hash;\n}*/","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2589,"value":"## Helper Functions","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":3250,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3254,"value":"basicapi.data(\"p_entwicklung_der_lernenden_an_gymnasialen_mittelschulen\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2591,"value":"$39","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2652,"value":"$3a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2668,"value":"$3b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3731,"value":"function linebreakY(svgcontainer, widthChart, marginLeft = 100, classedAs) {\n function delay(time) {\n return new Promise((resolve) => setTimeout(resolve, time));\n }\n\n delay(200).then(() => {\n let yAxis = svgcontainer.select(\"#yAxis\");\n let prevHeights = [];\n let afterHeights = [];\n yAxis.selectAll(\"g.tick\").each(function () {\n prevHeights.push(this.getBBox().height);\n });\n yAxis.selectAll(\"g.tick text\").call(addStaticText);\n yAxis.selectAll(\"g.tick text\").call(wrap, marginLeft);\n yAxis.selectAll(\"g.tick\").each(function () {\n afterHeights.push(this.getBBox().height);\n });\n yAxis.selectAll(\"g.tick text\").each(function (d, i) {\n d3.select(this).attr(\n \"transform\",\n \"translate(0, \" + (prevHeights[i] / 2 - afterHeights[i] / 2) + \")\"\n );\n });\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2672,"value":"$3c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3814,"value":"addStaticText = function (text) {\n text.each(function () {\n let text = d3.select(this);\n text._groups[0][0].__staticText__ = text.text();\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2670,"value":"$3d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2677,"value":"mouseOut = function (uid) {\n d3.select(\"#mouseOverL\").remove();\n d3.select(\"#tooltip\" + uid).remove();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4204,"value":"disarray = function (arr) {\n if (Array.isArray(arr) && arr.length === 1) {\n return String(arr[0]); // Convert the single element to a string\n } else {\n return arr; // Return the array as is if it's not a single-element array\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":609,"value":"### Formatierungen","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2083,"value":"germanFormater = d3.formatLocale({\n decimal: \".\",\n thousands: \"'\",\n grouping: [3],\n currency: [\"CHF\", \"\"],\n dateTime: \"%a %b %e %X %Y\",\n date: \"%d.%m.%Y\",\n time: \"%H:%M:%S\",\n periods: [\"AM\", \"PM\"],\n days: [\n \"Sonntag\",\n \"Montag\",\n \"Dienstag\",\n \"Mittwoch\",\n \"Donnerstag\",\n \"Freitag\",\n \"Samstag\"\n ],\n shortDays: [\"So\", \"Mo\", \"Di\", \"Mi\", \"Do\", \"Fr\", \"Sa\"],\n months: [\n \"Januar\",\n \"Februar\",\n \"März\",\n \"April\",\n \"Mai\",\n \"Juni\",\n \"Juli\",\n \"August\",\n \"September\",\n \"Oktober\",\n \"November\",\n \"Dezember\"\n ],\n shortMonths: [\n \"Jan\",\n \"Feb\",\n \"Mär\",\n \"Apr\",\n \"Mai\",\n \"Jun\",\n \"Jul\",\n \"Aug\",\n \"Sep\",\n \"Okt\",\n \"Nov\",\n \"Dez\"\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2081,"value":"$3e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"md `## Farben`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3100,"value":"### Grafikfarben gemäss Designstandards\n\nhttps://www.zh.ch/de/webangebote-entwickeln-und-gestalten/inhalt/designsystem/design-grundlagen/infografiken-und-visualisierungen.html","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":2103,"value":"graphicsColors = ({\n Cyan: \"#29A1C2\",\n Blau: \"#2885d1\",\n Dunkelblau: \"#0864a6\",\n Aquamarine: \"#83cfc6\",\n Türkis: \"#22968C\",\n Dunkelgrün: \"#066F5E\",\n Grasgrün: \"#6A7E30\",\n Gold: \"#ad911f\",\n Orange: \"#D6741F\",\n Rot: \"#D93C1A\",\n Braun: \"#96170F\",\n Rose: \"#D16174\",\n Magenta: \"#D4356D\",\n Bordeaux: \"#B01657\",\n Dunkelrot: \"#7A0049\",\n Hellviolett: \"#7f33a9\",\n Violett: \"#653289\",\n Dunkelviolett: \"#54268E\",\n Black100ZH: \"#000000\",\n Black80ZH: \"#333333\",\n Black60ZH: \"#666666\",\n Black40ZH: \"#949494\",\n Black20ZH: \"#CCCCCC\",\n Black10ZH: \"#F0F0F0\",\n Black5ZH: \"#F7F7F7\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2112,"value":"graphiccolorsshow = showColors(Object.values(graphicsColors))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3104,"value":"### Zusätzliche Grafikfarben gemäss Designstandards\n\nUmfasst Farben, welche verwendet werden, aber nicht explizit definiert werden.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":3055,"value":"additionalGraphicsColors = ({\n Hellblau: \"#9dc1e5\",\n Hellorange: \"#e9bb9d\",\n Lila: \"#bc9dd2\",\n Hellgold: \"#d8c68a\",\n Gelb: \"#FFCC00\",\n Grün: \"#1A7F1F\",\n Grasgrün: \"#8A8C00\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3079,"value":"additionalgraphicscolorsshow = showColors(\n Object.values(additionalGraphicsColors)\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3348,"value":"### Kategoriale Farben\n\nWenn nicht eine spezifische Farbe für eine Ausprägung vorgesehen ist.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":2120,"value":"fixedCategorialColors = [\n graphicsColors.Blau,\n graphicsColors.Magenta,\n graphicsColors.Türkis,\n graphicsColors.Hellviolett,\n graphicsColors.Gold,\n graphicsColors.Cyan,\n graphicsColors.Dunkelrot,\n graphicsColors.Dunkelgrün,\n graphicsColors.Dunkelblau\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2123,"value":"fixedCategorialColorsshow = showColors(fixedCategorialColors)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3351,"value":"Zusätzliche Kategoriale Farben, wenn die 9 nicht ausreichen. Sollte wenn möglich vermieden werden.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":3210,"value":"emergencyCategorialColors = [\n graphicsColors.Orange,\n graphicsColors.Grasgrün,\n graphicsColors.Rose,\n graphicsColors.Violett,\n graphicsColors.Bordeaux\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3220,"value":"showColors(emergencyCategorialColors)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2394,"value":"### Semantische Farben für bestimmte Ausprägungen\n\n#### Funktion zur Verwendung in observable","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":2398,"value":"$3f","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4329,"value":"getColor(\"Sekundarschule und anschliessend Kurzgymnasium\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2468,"value":"getColor(\"bla\", 1)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4300,"value":"getColor(\"graphicsColors.Cyan\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2680,"value":"getColorScale = function (columns, colors) {\n if (typeof colors == \"undefined\") {\n return d3\n .scaleOrdinal()\n .domain(columns)\n .range(columns.map((d, i) => getColor(d, i)));\n } else {\n return d3\n .scaleOrdinal()\n .domain(columns)\n .range(columns.map((d, i) => getColor(colors[i], i)));\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3360,"value":"#### Schulstufen","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":2396,"value":"Stufen = [\n \"Kindergarten\",\n \"Primarschule\",\n \"Sonderschule\",\n \"Eigener Lehrplan\",\n \"Sekundarschule\",\n \"Mittelschule\",\n \"Berufsschule\",\n \"Brückenangebot\",\n \"Andere allgemeinbildende Ausbildung\",\n \"Höhere Berufsbildung\",\n \"Hochschule\"\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2412,"value":"colorTable(\n Stufen,\n Stufen.map((d) => getColor(d))\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2425,"value":"Stufen.map((d) => getColor(d))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4281,"value":"#### Sonderschulkategorien","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":4276,"value":"function sonderschulColors(levels) {\n return d3.quantize(\n d3.interpolateRgbBasis([graphicsColors.Cyan, graphicsColors.Dunkelblau]),\n levels\n );\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4284,"value":"sonderschulColors(3)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4287,"value":"sonderschulTypen = [\"Typ A\", \"Typ B\", \"Typ C\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4289,"value":"colorTable(sonderschulTypen, sonderschulColors(3))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":61,"value":"#### Primarschulstufen und Klassen","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":46,"value":"function primaryColors(levels) {\n return d3.quantize(\n d3.interpolateRgbBasis([graphicsColors.Gold, graphicsColors.Orange]),\n levels\n );\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":72,"value":"##### Stufen","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":69,"value":"primaryColors(3)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":463,"value":"primaryStufen= [\"Primarstufe 1-2\", \"Primarstufe 3-5\", \"Primarstufe 6-8\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":511,"value":"colorTable(primaryStufen, primaryColors(3))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3141,"value":"primaryColors(3)[1]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":76,"value":"##### Klassen","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":80,"value":"primaryColors(8)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":520,"value":"primaryKlassen=[\"1. Kindergarten (Harmos 1)\",\"2. Kindergarten (Harmos 2)\",\"1. Primarklasse (Harmos 3)\",\"2. Primarklasse (Harmos 4)\",\"3. Primarklasse (Harmos 5)\",\"4. Primarklasse (Harmos 6)\",\"5. Primarklasse (Harmos 7)\",\"6. Primarklasse (Harmos 8)\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":515,"value":"colorTable(primaryKlassen, primaryColors(8))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":104,"value":"#### Sekundarstufe I","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":119,"value":"##### Klassen","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":111,"value":"function secondaryIColors(levels) {\n return d3.quantize(\n d3.interpolateRgbBasis([graphicsColors.Aquamarine, graphicsColors.Blau]),\n levels\n );\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":117,"value":"secondaryIColors(4)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":527,"value":"secondaryIKlassen=[\"1. Sekundarklasse (Harmos 9)\",\"2. Sekundarklasse (Harmos 10)\", \"3. Sekundarklasse (Harmos 11)\",\"Brückenangebote\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":530,"value":"colorTable(secondaryIKlassen, secondaryIColors(4))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":146,"value":"##### Sekundarschulniveaus","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":124,"value":"function secondaryINiveauColors(levels) {\n let colors = d3.quantize(\n d3.interpolateRgbBasis([\n graphicsColors.Aquamarine,\n additionalGraphicsColors.Grün\n ]),\n levels\n );\n colors.push(graphicsColors.Black60ZH);\n return colors;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":129,"value":"secondaryINiveauColors(4)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":534,"value":"secondaryINiveau=[\"Sek C\", \"Sek B\", \"Sek A\", \"Mittelschule ( Harmos 9-11)\", \"Übrige\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":537,"value":"colorTable(secondaryINiveau, secondaryINiveauColors(4))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":153,"value":"#### Sekundarstufe II","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":161,"value":"##### Klassen","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":171,"value":"function secondaryIIColors(levels) {\n return d3.quantize(\n d3.interpolateRgbBasis([\n additionalGraphicsColors.Grün,\n graphicsColors.Dunkelgrün\n ]),\n levels\n );\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":172,"value":"secondaryIIColors(4)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":542,"value":"secondaryIIKlassen=[\"Schuljahr 12\", \"Schuljahr 13\", \"Schuljahr 14\", \"Schuljahr 14\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":543,"value":"colorTable(secondaryIIKlassen, secondaryIIColors(4))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":188,"value":"##### Mittelschulprofile","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":176,"value":"function secondaryIIProfileColors(levels) {\n let colors = d3.quantize(\n d3.interpolateRgbBasis([\n additionalGraphicsColors.Grün,\n additionalGraphicsColors.Grasgrün,\n graphicsColors.Dunkelgrün\n ]),\n levels\n );\n colors.push(graphicsColors.Black60ZH);\n return colors;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":179,"value":"secondaryIIProfileColors(6)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":558,"value":"secondaryIIProfiles=[\"Altsprachliches Profil (A)\", \"Neusprachliches Profil (N)\",\"Math.-naturw. Profil (MN)\",\"Wirtsch.-recht. Profil (WR)\",\"Musisches Profil (M)\",\"Nicht gymn. Mittelschulen\",\"Übrige\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":559,"value":"colorTable(secondaryIIProfiles, secondaryIIProfileColors(6))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":200,"value":"#### Schultypen","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":566,"value":"schultypen = [\n \"Volksschule\",\n \"Heim und Sonderschulen\",\n \"Mittelschulen\",\n \"Brückenangebote\",\n \"Berufsschule\",\n \"Höhere Berufsbildung\",\n \"Fachhochschule und PH\",\n \"Universitäre Hochschulen\"\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":568,"value":"schultypenColors = [\n graphicsColors.Orange,\n graphicsColors.Dunkelblau,\n additionalGraphicsColors.Grün,\n graphicsColors.Aquamarine,\n graphicsColors.Dunkelgrün,\n graphicsColors.Hellviolett,\n graphicsColors.Violett,\n graphicsColors.Dunkelviolett\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":363,"value":"colorTable(schultypen, schultypenColors)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":224,"value":"#### Geschlecht","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":579,"value":"gender=[\"Weiblich\",\"Männlich\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":580,"value":"genderColors = [graphicsColors.Hellviolett, graphicsColors.Türkis]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":584,"value":"colorTable(gender,genderColors)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":233,"value":"#### Nationalität","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":588,"value":"nationality=[\"Schweizer/in\",\"Ausländer/in\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":589,"value":"nationalityColors = [graphicsColors.Rot, graphicsColors.Gold]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":591,"value":"colorTable(nationality,nationalityColors)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":243,"value":"#### Trägerschaft","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":598,"value":"ownership=[\"öffentlich\",\"privat\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":599,"value":"ownershipColors = [graphicsColors.Orange, additionalGraphicsColors.Grün]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":601,"value":"colorTable(ownership,ownershipColors)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3109,"value":"### Parteifarben gemäss Designstandards","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":3111,"value":"partyColors = ({\n SVP: additionalGraphicsColors.Grün,\n SP: graphicsColors.Rot,\n FDP: \"#0070B4\",\n CVP: \"#DC7700\",\n Grüne: \"#00544C\",\n GLP: \"#8A8C00\",\n EVP: \"#009EE0\",\n EDU: \"#96170F\",\n Lega: \"#7F3DA7\",\n AL: \"#D40053\",\n SD: \"#00407C\",\n BDP: \"#f3bf00\",\n CSP: \"#0fa693\",\n CVP: \"#ff9e16\",\n Andere: graphicsColors.Black60ZH\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3113,"value":"colorTable(Object.keys(partyColors), Object.values(partyColors))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":255,"value":"### Allgemeine Farben","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":275,"value":"function categorialColors(levels, other) {\n let colors = d3.quantize(\n d3.interpolateRgbBasis([\n graphicsColors.Gold,\n additionalGraphicsColors.Grün,\n graphicsColors.Türkis,\n graphicsColors.Blau,\n graphicsColors.Violett\n ]),\n levels\n );\n if (other == true) {\n colors.push(graphicsColors.Black60ZH);\n }\n return colors;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":280,"value":"categorialColors(9, false)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":296,"value":"function showColors(colors) {\n if (typeof colors === \"string\") {\n colors = [colors];\n }\n const svg = d3.create(\"svg\").attr(\"width\", width).attr(\"height\", 30);\n svg\n .selectAll()\n .data(colors)\n .enter()\n .append(\"rect\")\n .attr(\"width\", 30)\n .attr(\"height\", 30)\n .attr(\"fill\", function (d) {\n return d;\n })\n .attr(\"x\", function (d, i) {\n return 30 * i;\n })\n .attr(\"stroke\", \"white\");\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":312,"value":"showColors(categorialColors(8, true))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1757,"value":"monochromeBlueZH = [\"#125c96\", \"#559ee1\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1761,"value":"showColors(monochromeBlueZH)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1824,"value":"monochromeBlueExtZH = [...monochromeBlueZH, \"#cfdfef\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1828,"value":"monochromeBlueExtZHshow = showColors(monochromeBlueExtZH)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1779,"value":"monochromeMagentaZH = [\"#9e1d4d\", \"#e26d8d\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1781,"value":"showColors(monochromeMagentaZH)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1894,"value":"monochromeMagentaExtZH = [...monochromeMagentaZH, \"#eed6db\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1898,"value":"monochromeMagentaExtZHshow = showColors(monochromeMagentaExtZH)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1764,"value":"monochromeGreenZH = [\"#15665f\", \"#3eada2\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1884,"value":"showColors(monochromeGreenZH)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1875,"value":"monochromeGreenExtZH = [...monochromeGreenZH, \"#c0e6e1\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1880,"value":"monochromeGreenExtZHshow = showColors(monochromeGreenExtZH)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1771,"value":"monochromeOrangeZH = [\"#86450a\", \"#dd7c2f\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1774,"value":"showColors(monochromeOrangeZH)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1887,"value":"monochromeOrangeExtZH = [...monochromeOrangeZH, \"#eed8cb\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1891,"value":"showColors(monochromeOrangeExtZH)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1784,"value":"monochromeVioletZH = [\"#782fa1\", \"#ae86c9\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1786,"value":"showColors(monochromeVioletZH)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1901,"value":"monochromeVioletExtZH = [...monochromeVioletZH, \"#e0dae5\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1905,"value":"showColors(monochromeVioletExtZH)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4087,"value":"monochromeGoldZH = [\"#695810\", \"#b39727\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4090,"value":"showColors(monochromeGoldZH)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4095,"value":"monochromeGoldExtZH = [...monochromeGoldZH, \"#e6ddbf\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4098,"value":"showColors(monochromeGoldExtZH)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1792,"value":"divergingRedBlueZH = [\n \"#9e1d4d\",\n \"#bf2960\",\n \"#d94274\",\n \"#e26d8d\",\n \"#e594a7\",\n \"#e8b7c1\",\n \"#eed6db\",\n \"#f1f1f1\",\n \"#cfdfef\",\n \"#aacae9\",\n \"#80b4e6\",\n \"#559ee1\",\n \"#2c88d3\",\n \"#1b72b6\",\n \"#125c96\"\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1795,"value":"showColors(divergingRedBlueZH)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4110,"value":"show1 = ramp(\n d3\n .scaleSequential()\n .domain([1, 100])\n .interpolator(d3.piecewise(d3.interpolateRgb, divergingRedBlueZH))\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1834,"value":"divergingBlueRedZH = divergingRedBlueZH.toReversed()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1837,"value":"showColors(divergingBlueRedZH)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1840,"value":"divergingOrangeAquamarineZH = [\n \"#86450a\",\n \"#a4560f\",\n \"#c26817\",\n \"#dd7c2f\",\n \"#e79b65\",\n \"#eabb9c\",\n \"#eed8cb\",\n \"#f1f1f1\",\n \"#c0e6e1\",\n \"#8dd6cd\",\n \"#60c3b8\",\n \"#3eada2\",\n \"#22968c\",\n \"#1b7e75\",\n \"#15665f\"\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3093,"value":"showColors(divergingOrangeAquamarineZH)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4136,"value":"show2 = ramp(\n d3\n .scaleSequential()\n .domain([1, 100])\n .interpolator(d3.piecewise(d3.interpolateRgb, divergingOrangeAquamarineZH))\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1848,"value":"divergingAquamarineOrangeZH = divergingOrangeAquamarineZH.toReversed()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3095,"value":"showColors(divergingAquamarineOrangeZH)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":55,"value":"### Basisfarben gemäss VADE\n\nWerden nur im VADE verwendet. Im Web sollten die Farben von oben verwendet werden.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":40,"value":"basicColors = ({\n cyanZH: \"#009ee0\",\n yellowZH: \"#ffcc00\",\n orangeZH: \"#eb690b\",\n turquoiseZH: \"#00a1a3\",\n greenZH: \"#3ea743\",\n violetZH: \"#885ea0\",\n magentaZH: \"#e30059\",\n redZH: \"#e2001a\",\n blueZH: \"#0070B4\",\n greyZH: \"#6b6b6b\",\n olivegreenZH: \"#4a4e11\",\n darkgreenZH: \"#296029\",\n darkvioletZH: \"#892d55\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":350,"value":"showColors(Object.values(basicColors))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1799,"value":"d3.scaleSequential(d3.interpolate(monochromeBlueZH)).domain([1, 100])(1)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1803,"value":"import { legend } from \"@d3/color-legend\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1812,"value":"import {ramp} from \"@d3/sequential-scales\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1804,"value":"ramp(\n d3\n .scaleSequential(d3.interpolateRgbBasis(monochromeBlueExtZH))\n .domain([1, 100])\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"import {toc} from \"@harrystevens/toc\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1393,"value":"import {\n createCSV,\n createXLSX,\n createPNG,\n createSVG,\n createEmbedCode\n} from \"@bildungsplanungzh/export-functions\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":294,"value":"d3 = require('d3')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1572,"value":"$$=require(\"jquery\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":405,"value":"function colorTable (labels, colors) {\n //Tabelleninhalt generieren\n var output = labels.map(function (labelsVal, row) {\n return {\"Label\": labelsVal, \"Farbcode\": colors[row], \"Farbe\": colors[row]};\n });\n //Tabelle generieren\n var colortable = Inputs.table(output, {\n format: {\n Farbe: x => showColors([x])\n },\n maxWidth:\"500px\",\n width: {\n Farbe: \"40px\",\n Farbcode: 85\n },\n height: \"auto\"\n })\n return colortable\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1074,"value":"stylesheet = html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3510,"value":"leuVersion = \"0.24.0\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3513,"value":"leuStyleSheet = html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3130,"value":"$40","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1202,"value":"## SVG-icons","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1319,"value":"Eine wichtige Quelle für Fragen zur Darstellung in zhweb ist [https://styleguide.zh.ch/](https://styleguide.zh.ch/)\n\nHier die Icons, welche in zhweb zur Verfügung stehen:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1206,"value":"$41","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2350,"value":"$42","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3290,"value":"import { readingExample } from \"@bildungsplanungzh/lesebeispiel-plugin\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3520,"value":"import { fonts, importLeuFromCDN } from \"@statistikzh/leu-general\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3523,"value":"leuDropdown = {\n import(`https://esm.sh/@statistikzh/leu@${leuVersion}/leu-dropdown.js`);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3613,"value":"leuDialog = import(\n `https://esm.sh/@statistikzh/leu@${leuVersion}/leu-dialog.js`\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3615,"value":"leuButton = import(\n `https://esm.sh/@statistikzh/leu@${leuVersion}/leu-button.js`\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3617,"value":"leuRadio = {\n importLeuFromCDN(\"leu-radio-group.js\", leuVersion);\n importLeuFromCDN(\"leu-radio.js\", leuVersion);\n importLeuFromCDN(\"leu-input.js\", leuVersion);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W43","stdlib":"1","titling":"auto"}} 33:"$32:body"