31:T75e,md`## Stromen in het Nederlandse onderwijs (2018) Het Nederlandse onderwijs kent verschillende stromen. Verreweg de meeste kinderen starten op de basisschool (PO). Slechts een verwaarloosbaar deel van de leerlingen start niet in het PO. Van de 100 kinderen die in het PO starten, stromen er gemiddeld 94 door naar regulier voortgezet onderwijs. In de stroomdiagram op deze pagina kunt u zien hoe deze leerlingen door het onderwijs bewegen. Zoals in de diagram te zien is, stroomt bijna de helft van de leerlingen na de eerst jaren in het voortgezet onderwijs door naar het VMBO. Een heel klein deel stroomt na de eerste jaren in het voortgezet onderwijs uit zonder diploma. De rest van de leerlingen gaat naar de HAVO of het VWO. Een paar dingen zijn niet te zien in het stroomdiagram. Dat is ten eerste de doorstroom vanuit het speciaal onderwijs. Van de 2,90% die instroomt in het VSO, stroomt 1,21% door naar het MBO. 1,69% behaalt geen officieel diploma. Vaak behalen deze leerlingen wel een of meerdere certificaten. Van de 2,96% van de leerlingen die vanuit het basisonderwijs instromen in het praktijkonderwijs stroomt 1,58% door naar het MBO. 1,11% haalt geen diploma. Ook deze leerlingen behalen vaak welk een of meerdere certificaten, net als de leerlingen op het VSO. Ten tweede is in het stroomdiagram niet zichtbaar hoeveel masterstudenten (HBO en WO) er uitstromen zonder diploma. Dit is omdat deze mensen vallen onder de uitstroom bachelorstudenten met diploma. Tot slot is niet zichtbaar hoeveel studenten er opleidingen ‘stapelen’. Dit zijn leerlingen die bijvoorbeeld na hun VMBO-diploma doorstromen naar een MBO-opleiding op niveau 2 en daarna nog niveau 3 en niveau 4 gaan doen, om uiteindelijk een HBO-diploma te halen. Dit komt gedeeltelijk omdat het stapelen in het onderwijs afneemt, en gedeeltelijk omdat deze mensen al ergens in de cijfers meetellen.`32:T51b,stroomdiagramNlOnderwijs = `source target value PO VO leerjaren 1 + 2 0.9441 PO PRO 0.0269 PO VSO 0.029 VO leerjaren 1 + 2 VMBO leerjaar 3 + 4 0.4769 VO leerjaren 1 + 2 HAVO/VWO leerjaar 3-6 0.451 VO leerjaren 1 + 2 Uitstroom zonder diploma 0.0161 VMBO leerjaar 3 + 4 MBO 0.4281 VMBO leerjaar 3 + 4 Uitstroom met VMBO diploma 0.0066 VMBO leerjaar 3 + 4 Uitstroom zonder VMBO diploma 0.0055 VMBO leerjaar 3 + 4 HAVO/VWO leerjaar 3-6 0.0367 HAVO/VWO leerjaar 3-6 HBO 0.2607 HAVO/VWO leerjaar 3-6 WO 0.1607 HAVO/VWO leerjaar 3-6 Uitstroom met HAVO of VWO diploma 0.0055 HAVO/VWO leerjaar 3-6 Uitstroom zonder HAVO of VWO diploma 0.0145 MBO MBO 1 0.0171 MBO MBO 2 0.0842 MBO MBO 3 0.126 MBO MBO 4 0.1701 MBO 1 Uitstroom met MBO 1 diploma 0.0098 MBO 1 Uitstroom zonder MBO 1 diploma 0.0073 MBO 2 Uitstroom met MBO 2 diploma 0.0508 MBO 2 Uitstroom zonder MBO 2 diploma 0.0334 MBO 3 Uitstroom met MBO 3 diploma 0.0872 MBO 3 Uitstroom zonder MBO 3 diploma 0.0388 MBO 4 Uitstroom met MBO 4 diploma 0.1209 MBO 4 Uitstroom zonder MBO 4 diploma 0.0493 MBO HBO 0.1017 HBO Uitstroom met HBO bachelor diploma 0.222 HBO Uitstroom zonder HBO diploma 0.1234 HBO Uitstroom met HBO master diploma 0.0108 WO Uitstroom met WO bachelor diploma 0.039 WO Uitstroom zonder WO diploma 0.0212 WO Uitstroom met WO master diploma 0.1095`33:T509,stroomdiagramAmsOnderwijs = `source target value Praktijkonderwijs Totaal middelbaar beroepsonderwijs 203 Vmbo 3 Totaal middelbaar beroepsonderwijs 131 Vmbo 4 zonder diploma Totaal middelbaar beroepsonderwijs 114 Vmbo 4 met diploma Totaal middelbaar beroepsonderwijs 2483 Havo 3-4/vwo 3-5 Hoger beroepsonderwijs 7 Havo 5 zonder diploma Totaal middelbaar beroepsonderwijs 12 Havo 5 met diploma Hoger beroepsonderwijs 803 Havo 5 met diploma Totaal niet in onderwijs 460 Vwo 6 zonder diploma Wetenschappelijk onderwijs 19 Havo 5 zonder diploma Vavo 184 Havo 5 zonder diploma Totaal niet in onderwijs 47 Vwo 6 zonder diploma Vavo 108 Vwo 6 zonder diploma Totaal niet in onderwijs 53 Vwo 6 met diploma Vavo 6 Vwo 6 met diploma Hoger beroepsonderwijs 38 Vwo 6 met diploma Wetenschappelijk onderwijs 870 Vwo 6 met diploma Totaal niet in onderwijs 554 Vmbo 4 met diploma Totaal niet in onderwijs 96 Havo 3-4/vwo 3-5 Totaal middelbaar beroepsonderwijs 134 Havo 3-4/vwo 3-5 Vavo 69 Havo 3-4/vwo 3-5 Totaal niet in onderwijs 165 Vmbo 4 met diploma Vavo 9 Vmbo 4 zonder diploma Vavo 28 Vmbo 4 zonder diploma Totaal niet in onderwijs 29 Vmbo 3 Totaal niet in onderwijs 86 Havo 5 met diploma Vavo 22 Havo 5 met diploma Totaal middelbaar beroepsonderwijs 9 Praktijkonderwijs Totaal niet in onderwijs 137`34:T80e,sankeyCreator = (data, format) => { const svg = d3 .select(DOM.svg(width, height)) .style("width", "100%") .style("height", "auto"); const { nodes, links } = sankey(data); svg .append("g") .attr("stroke", "#000") .selectAll("rect") .data(nodes) .join("rect") .attr("x", d => d.x0) .attr("y", d => d.y0) .attr("height", d => d.y1 - d.y0) .attr("width", d => d.x1 - d.x0) .attr("fill", d => color(d.name)) .append("title") .text(d => `${d.name}\n${format(d.value)}`); const link = svg .append("g") .attr("fill", "none") .attr("stroke-opacity", 0.5) .selectAll("g") .data(links) .join("g") .style("mix-blend-mode", "multiply"); if (edgeColor === "path") { const gradient = link .append("linearGradient") .attr("id", d => (d.uid = DOM.uid("link")).id) .attr("gradientUnits", "userSpaceOnUse") .attr("x1", d => d.source.x1) .attr("x2", d => d.target.x0); gradient .append("stop") .attr("offset", "0%") .attr("stop-color", d => color(d.source.name)); gradient .append("stop") .attr("offset", "100%") .attr("stop-color", d => color(d.target.name)); } link .append("path") .attr("d", d3.sankeyLinkHorizontal()) .attr("stroke", d => edgeColor === "none" ? "#aaa" : edgeColor === "path" ? d.uid : edgeColor === "input" ? color(d.source.name) : color(d.target.name) ) .attr("stroke-width", d => Math.max(1, d.width)); link .append("title") .text(d => `${d.source.name} → ${d.target.name}\n${format(d.value)}`); svg .append("g") .style("font", "12px sans-serif") .selectAll("text") .data(nodes) .join("text") .attr("x", d => (d.x0 < width / 2 ? d.x1 + 6 : d.x0 - 6)) .attr("y", d => (d.y1 + d.y0) / 2) .attr("dy", "0.35em") .attr("text-anchor", d => (d.x0 < width / 2 ? "start" : "end")) .text(d => `${d.name} - ${format(d.value)}`); return svg.node(); }35:[] 2f:{"title":"Stroomdiagrammen Onderwijs","cells":[{"id":0,"value":"md`# Stroomdiagrammen Onderwijs\n\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":160,"value":"viewof edgeColor = Object.assign(html``, {\n value: new URLSearchParams(html``.search).get(\"color\") || \"path\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":181,"value":"viewof align = Object.assign(html``, {\n value: new URLSearchParams(html``.search).get(\"align\") || \"justify\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":803,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":343,"value":"stroomdiagramNlOnderwijsChart = sankeyCreator(\n convertData(d3.tsvParse(stroomdiagramNlOnderwijs)),\n formatPerc\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":866,"value":"stroomdiagramNlOnderwijsChartVersimpeld = sankeyCreator(\n convertData(d3.tsvParse(stroomdiagramNLOnderwijsVersimpeld)),\n formatPerc\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":806,"value":"md`*De in-, uit- en doorstroom in het Nederlandse onderwijsstelsel in procenten van een cohort uitstromende basisonderwijsleerlingen, 2018*. Bron: [Onderwijs in cijfers van MOCW en CBS](https://www.onderwijsincijfers.nl/kengetallen/onderwijs-algemeen/leerlingen-en-studenten/stromen-stromen-in-het-nederlands-onderwijs)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":851,"value":"md`# Doorstroom en uitstroom in het onderwijs in Amsterdam, 2017'18 – 2018/'19'`","pinned":false,"hidden":false,"mode":"ojs"},{"id":843,"value":"stroomdiagramAmsOnderwijsChart = sankeyCreator(\n convertData(d3.tsvParse(stroomdiagramAmsOnderwijs)),\n format\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":854,"value":"md`Bron: [CBS Statline](https://opendata.cbs.nl/statline/#/CBS/nl/dataset/71508ned/table?dl=31073)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":814,"value":"md`# Data`","pinned":false,"hidden":false,"mode":"ojs"},{"id":820,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":861,"value":"stroomdiagramNLOnderwijsVersimpeld = `source\ttarget\tvalue\nPO\tVO leerjaren 1 + 2\t0.9441\nPO\tPRO\t0.0269\nPO\tVSO\t0.029\nVO leerjaren 1 + 2\tVMBO leerjaar 3 + 4\t0.4769\nVO leerjaren 1 + 2\tHAVO/VWO leerjaar 3-6\t0.451\nVO leerjaren 1 + 2\tUitstroom zonder diploma\t0.0161\nVMBO leerjaar 3 + 4\tMBO\t0.4281\nVMBO leerjaar 3 + 4\tUitstroom met VMBO diploma\t0.0066\nVMBO leerjaar 3 + 4\tUitstroom zonder VMBO diploma\t0.0055\nVMBO leerjaar 3 + 4\tHAVO/VWO leerjaar 3-6\t0.0367\nHAVO/VWO leerjaar 3-6\tHBO\t0.2607\nHAVO/VWO leerjaar 3-6\tWO\t0.1607\nHAVO/VWO leerjaar 3-6\tUitstroom met HAVO of VWO diploma\t0.0055\nHAVO/VWO leerjaar 3-6\tUitstroom zonder HAVO of VWO diploma\t0.0145\nMBO\tUitstroom met MBO diploma\t0.2687\nMBO\tUitstroom zonder MBO diploma\t0.1288\nMBO\tHBO\t0.1017\nHBO\tUitstroom met HBO bachelor diploma\t0.222\nHBO\tUitstroom zonder HBO diploma\t0.1234\nHBO\tUitstroom met HBO master diploma\t0.0108\nWO\tUitstroom met WO bachelor diploma\t0.039\nWO\tUitstroom zonder WO diploma\t0.0212\nWO\tUitstroom met WO master diploma\t0.1095`","pinned":false,"hidden":false,"mode":"ojs"},{"id":844,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":809,"value":"md`# Techniek`","pinned":false,"hidden":false,"mode":"ojs"},{"id":705,"value":"exampleData = [{source: \"Barry\", target: \"Elvis\", value: \"2\"},\n{source: \"Frodo\", target: \"Elvis\", value: \"2\"},\n{source: \"Frodo\", target: \"Sarah\", value: \"2\"},\n{source: \"Barry\", target: \"Alice\", value: \"2\"},\n{source: \"Elvis\", target: \"Sarah\", value: \"2\"},\n{source: \"Elvis\", target: \"Alice\", value: \"2\"},\n{source: \"Sarah\", target: \"Alice\", value: \"4\"}]","pinned":false,"hidden":false,"mode":"ojs"},{"id":528,"value":"convertData = data => {\n const sources = R.pluck('source')(data)\n const targets = R.pluck('target')(data)\n const uniqs = R.uniq(R.concat(sources, targets))\n const nodes = R.map(R.objOf('name'), uniqs)\n const nameToIndexEvolver = el => \n ({ \n source: R.indexOf(el.source, uniqs),\n target: R.indexOf(el.target, uniqs),\n value: el.value\n }) \n const links = R.map(el => nameToIndexEvolver(el), data)\n const graph = { nodes: nodes, links: links }\n return graph\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":744,"value":"convertData(exampleData)","pinned":true,"hidden":false,"mode":"ojs"},{"id":747,"value":"md`## Option to change data with source/target/value formatted csv`","pinned":false,"hidden":false,"mode":"ojs"},{"id":698,"value":"viewof f = html``","pinned":true,"hidden":false,"mode":"ojs"},{"id":700,"value":"csvData = d3.csvParse(await Files.text(f))","pinned":true,"hidden":false,"mode":"ojs"},{"id":715,"value":"md`# Sankey functions\nThe \\`sankeyCreator\\` takes a data object and draws the Sankey chart with that data. Change the \\`format\\`, \\`color\\`, \\`width\\` and \\`height\\` cells to fit your needs.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":22,"value":"sankey = {\n const sankey = d3\n .sankey()\n .nodeAlign(d3[`sankey${align[0].toUpperCase()}${align.slice(1)}`])\n .nodeWidth(15)\n .nodePadding(10)\n .extent([[1, 5], [width - 1, height - 5]])\n .linkSort((a, b) => a - b)\n .nodeSort((a, b) => a - b);\n // .layout(0);\n return ({ nodes, links }) =>\n sankey({\n nodes: nodes.map(d => Object.assign({}, d)),\n links: links.map(d => Object.assign({}, d))\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"formatPerc = {\n const f = d3.format(\".1%\");\n return d => `${f(d)}`;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":838,"value":"format = {\n const f = d3.format(\",.0f\");\n return d => `${f(d)}`;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":16,"value":"color = {\n const color = d3.scaleOrdinal(d3.schemeCategory10);\n return name => color(name.replace(/ .*/, \"\"));\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":95,"value":"width = 1200","pinned":true,"hidden":false,"mode":"ojs"},{"id":9,"value":"height = 600","pinned":true,"hidden":false,"mode":"ojs"},{"id":726,"value":"md` # Library imports`","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"d3 = require(\"d3@5\", \"d3-sankey@0.12\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":302,"value":"// Import Ramda\nR = require('//cdnjs.cloudflare.com/ajax/libs/ramda/0.25.0/ramda.min.js')","pinned":false,"hidden":false,"mode":"ojs"},{"id":401,"value":"import {rasterize} from \"@mbostock/saving-svg\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W35","stdlib":"1","titling":"auto"}