29:null 2a:["$","title",null,{"children":"School Workforce Gender Wage Gap in England | Ismael | Observable"}] 2f:T5b9,pastilla = html`

The higher the
Rank
The higher the
Differences

Gender wage gap (percentage of men's wage income that exceeds women's) per teacher type in England's school workforce in ${year}.

Average salary in pounds
Male Female

${chartContent.node()}

Source: GOV.UK, Explore education statistics, School Workforce in England

`30:T656,chartContent = { const svg = d3.create('svg') .attr("viewBox", [0, 0, dimensions.width, dimensions.height]) /* Chart Elements */ const bounds = svg.append('g') .attr("transform", `translate(${dimensions.margin.left}, ${dimensions.margin.top})`) .selectAll('g') .data(periodData) .join('g') const arcScale = linearBandScale.linearScale; const translate = (d) => { const xTranslate = [ linearBandScale(d.grade), dimensions.height/4 ] const yTranslate = [ dimensions.boundedWidth/2, linearBandScale(d.grade) ] return horizontal ? xTranslate : yTranslate } // rings bounds .attr("transform", (d, i) => `translate(${translate(d)})`) .append('path') .attr("fill", d => colorScale(d.grade)) .attr('d', d => arc({ innerRadius: arcScale(d.extent[0]/2), outerRadius: arcScale(d.extent[1]/2) })) // wage gap percentage bounds.append("text") .attr("font-size", (d, i) => i * 8 + 28) .attr("dy", "0.4em") .style('text-anchor', 'middle') .text(d => d3.format(".2%")(d.gapPercentage)) // ring labels bounds.append("text") .attr("font-size", 24) .attr("text-anchor", "middle") .attr("startOffset", "50%") .attr("transform", (d, i) => `translate(0, ${-arcScale( d.extent[1] / 2 )})`) .attr("dy", "-1.2em") .text(d => d.gradeLabel) // female labels bounds.append("g") .call(femaleLabels, { arcScale, position: 1, symbolLateralSize: 5 }); // male labels bounds.append("g") .call(maleLabels, { arcScale, symbolLateralSize: 3.5 }); return svg }31:Td60,scaleBandCircular = { function initRange(domain, range) { switch (arguments.length) { case 0: break; case 1: this.range(domain); break; default: this.range(range).domain(domain); break; } return this; } function bandCircular() { var scale = d3.scaleOrdinal().unknown(undefined), domain = scale.domain, ordinalRange = scale.range, r0 = 0, r1 = 1, step, bandwidth, round = false, paddingInner = 0, paddingOuter = 0, align = 0.5, diameters = [], linearScale = d3.scaleLinear(); delete scale.unknown; // function rescale() { // var n = domain().length, // reverse = r1 < r0, // start = reverse ? r1 : r0, // stop = reverse ? r0 : r1; // step = (stop - start) / Math.max(1, n - paddingInner + paddingOuter * 2); // if (round) step = Math.floor(step); // start += (stop - start - step * (n - paddingInner)) * align; // bandwidth = step * (1 - paddingInner); // if (round) start = Math.round(start), bandwidth = Math.round(bandwidth); // var values = d3.range(n).map(function(i) { return start + step * i; }); // return ordinalRange(reverse ? values.reverse() : values); // } function rescale() { let max = d3.max(diameters) let linearDomain = d3.sum(diameters) + paddingInner * (diameters.length - 1) * 2 * max + paddingOuter * max linearScale .domain([0, linearDomain]) .range([r0, r1]) var radius = diameters.map(d => d / 2), pairs = d3.pairs(radius), currentStep = radius[0] + paddingOuter * align * max, centers = [currentStep]; for (let pair of pairs) { currentStep += d3.sum(pair) + 2 * paddingInner * max centers.push(currentStep) } let positions = centers.map(d => linearScale(d)) return ordinalRange(positions); } scale.linearScale = linearScale; scale.diameters = function(_) { return arguments.length ? (diameters = _, rescale()) : diameters; }; scale.domain = function(_) { return arguments.length ? (domain(_), rescale()) : domain(); }; scale.range = function(_) { return arguments.length ? ([r0, r1] = _, r0 = +r0, r1 = +r1, rescale()) : [r0, r1]; }; scale.rangeRound = function(_) { return [r0, r1] = _, r0 = +r0, r1 = +r1, round = true, rescale(); }; scale.round = function(_) { return arguments.length ? (round = !!_, rescale()) : round; }; scale.padding = function(_) { return arguments.length ? (paddingInner = Math.min(1, paddingOuter = +_), rescale()) : paddingInner; }; scale.paddingInner = function(_) { return arguments.length ? (paddingInner = +_, rescale()) : paddingInner; }; scale.paddingOuter = function(_) { return arguments.length ? (paddingOuter = +_, rescale()) : paddingOuter; }; scale.align = function(_) { return arguments.length ? (align = Math.max(0, Math.min(1, _)), rescale()) : align; }; scale.copy = function() { return bandCircular(domain(), [r0, r1]) .round(round) .paddingInner(paddingInner) .paddingOuter(paddingOuter) .align(align); }; return initRange.apply(rescale(), arguments); } return bandCircular }32:[{"id":"5abccb0423cebb8a817ab8569dc536a3ec3e41c4b91a8008bde3cc87628fa038999ad605cad86f9784b42228204b2e2ac02a864d839ebc293d7fd49962c98a12","href":"https://static.observableusercontent.com/files/5abccb0423cebb8a817ab8569dc536a3ec3e41c4b91a8008bde3cc87628fa038999ad605cad86f9784b42228204b2e2ac02a864d839ebc293d7fd49962c98a12","name":"data-school-workforce-england.csv","type":"text/csv","lastModified":1601248442028.67,"size":15908}] 2d:{"id":"49ac4559f0e082ed","slug":"school-workforce-gender-wage-gap-in-england","title":"School Workforce Gender Wage Gap in England","thumbnail":"a60c35cbd252ca607273c965e5a04139fa3f3a8b654677d5593dc620700bdcdf","access_level":"public","create_time":"$D2020-09-27T22:19:37.010Z","update_time":"$D2021-03-11T22:18:20.031Z","view_time":null,"first_public_time":"$D2020-11-03T17:42:35.907Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"557d14c482e36ea6","login":"ismaelmasharo","name":"Ismael","avatar_url":"https://avatars-next.observableusercontent.com/b11e1d83947882ef94223b945a436c98b065f41b9189825c7a9cb8be8b098871","tier":"starter_2024"},"version":3918,"publish_version":3918,"role":null,"authored":false,"authors":[{"type":"individual","id":"a395abf26b7b50b1","login":"ismaelmasharo","name":"Ismael","avatar_url":"https://avatars-next.observableusercontent.com/5e9ea0fcb9b927f69c5162983f12c9f373d3bf0794e2832ce20ee4c29a7aa6c9","tier":null}],"members":[{"type":"individual","id":"a395abf26b7b50b1","login":"ismaelmasharo","name":"Ismael","avatar_url":"https://avatars-next.observableusercontent.com/5e9ea0fcb9b927f69c5162983f12c9f373d3bf0794e2832ce20ee4c29a7aa6c9","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"School Workforce Gender Wage Gap in England","cells":[{"id":0,"value":"md`# School Workforce Gender Wage Gap in England`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3774,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3741,"value":"md`\nThis notebook content is based on data collected from the School Workforce Census performed yearly in England, which showcase information about the structure of their school workforce employed in state-funded schools.\n\nThe data collected in the census record information about different teacher types. \n\nThe visualization bellow shows information about **Classroom Teachers**, **General Leadership Teachers** and **Head Teachers**. In each case a wage gap related to gender exists and increases with the rank. \n\nData is available since 2010. You can select historical data with the input controller located above the viz. \n\n*Data Source: [GOV.UK - Explore education statistics - School workforce in England\n](https://explore-education-statistics.service.gov.uk/find-statistics/school-workforce-in-england#releaseHeadlines-charts)* \n
\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3420,"value":"viewof year = radio({\n options: years,\n title: 'Year',\n value: '2019'\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3375,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3414,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3701,"value":"md`## Chart`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1714,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"thumbnail = {\n \n const svg = d3.create('svg')\n .style(\"background\", colors.background)\n .attr(\"viewBox\", \n [- dimensions.width / 2, - 300 , dimensions.width, 600]\n )\n\n const bounds = svg.append('g')\n .selectAll('g')\n .data(periodData)\n .join('g')\n\n // rings\n bounds.append('path')\n .attr(\"fill\", d => colorScale(d.grade))\n .attr('d', d => arc({\n innerRadius: ringScale(d.extent[0] / 2),\n outerRadius: ringScale(d.extent[1] / 2)\n }))\n \n // ring center text\n bounds.append('text')\n .attr(\"font-size\", 52)\n .style('text-anchor', 'middle')\n .attr(\"dy\", \"0.4em\")\n .text(\"£\")\n\n return svg\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":353,"value":"md`## Text and Elements Positioning`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3623,"value":"horizontal = width > 600","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1402,"value":"femaleLabels = (g, { arcScale, symbolLateralSize = 1.8, showValues = true, position = 0 }) => g\n // Cross symbol\n // positioned outside rings (extent[1])\n .call(g => g.append('path')\n .attr(\"class\", \"cross\")\n .attr(\"fill\", d => colorScale(d.grade))\n .attr(\"transform\", d => {\n const radius = arcScale(d.extent[1] / 2)\n return `translate(-${symbolLateralSize / 2}, ${radius})`\n })\n .attr(\"d\", d => crossGenerator(symbolLateralSize))\n )\n // Female Salaries\n // positioned inside rings (extent[0])\n .call(g => showValues && g.append('text')\n .attr(\"transform\", d => {\n const arcPosition = arcScale( !position ? d.extent[0] /2 : d.extent[1] / 2 )\n const radius = !position ? arcPosition : ( arcPosition + 3 * symbolLateralSize )\n return `translate(0, ${radius})`\n })\n .attr(\"text-anchor\", \"middle\")\n .attr(\"font-size\", fontSize)\n .attr(\"dy\", !position ? textPadding : \"1.2em\")\n .text(d => d3.format(\".3~s\")(d.salary.female))\n )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1412,"value":"maleLabels = (g, { arcScale, symbolLateralSize = 1.6, showValues = true }) => g\n // Arrow symbol\n // positioned outside rings (extent[1])\n .call(g => g.append('path')\n .attr(\"class\", \"cross\")\n .attr(\"fill\", d => colorScale(d.grade))\n .attr(\"transform\", d => {\n const radius = arcScale(d.extent[1] / 2)\n return `translate(${d3.pointRadial(Math.PI/4, radius)})`\n })\n .attr(\"d\", d => arrowGenerator(symbolLateralSize))\n )\n // Man Salaries\n // positioned above arrow symbol\n .call(g => showValues && g.append('text')\n .attr(\"transform\", d => {\n const radius = arcScale(d.extent[1] / 2)\n let translation = d3.pointRadial(Math.PI/4, radius)\n translation[0] += 1.5 * symbolLateralSize\n translation[1] -= 3 * symbolLateralSize\n return `translate(${translation})`\n })\n .attr(\"text-anchor\", \"middle\")\n .attr(\"font-size\", fontSize)\n .attr(\"dy\", textPadding)\n .text(d => d3.format(\".3~s\")(d.salary.male))\n )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":277,"value":"md`## Shapes`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":281,"value":"arc = d3.arc()\n .startAngle(0)\n .endAngle(2*Math.PI);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":851,"value":"crossGenerator = (lateralSize, origin = [0,0]) => `\n M${origin}\n h${lateralSize} v${lateralSize}\n h${lateralSize} v${lateralSize}\n h${-lateralSize} v${lateralSize}\n h${-lateralSize} v${-lateralSize}\n h${-lateralSize} v${-lateralSize}\n h${lateralSize} v${-lateralSize}\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":949,"value":"arrowGenerator = (lateralSize, origin = [0,0]) => \n// 45 degree inclined arrow with origin at midpoint tail\n`\n M${origin}\n l${d3.pointRadial(-Math.PI/4, lateralSize/2)}\n l${d3.pointRadial(Math.PI/4, 2*lateralSize)}\n h${-lateralSize} v${-lateralSize}\n h${3*lateralSize} v${3*lateralSize}\n h${-lateralSize} v${-lateralSize}\n l${d3.pointRadial(-Math.PI*3/4, 2*lateralSize)}\n z\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"md`## Scales`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2474,"value":"md`**Rings Color**`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2486,"value":"colorScale = d3.scaleOrdinal()\n .domain([\"Classroom teachers\", \"Other Leadership teachers\", \"Head teachers\"])\n .range([\"#33B087\", \"#BF664E\", \"#31597A\"])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2058,"value":"md`**Concentric Rings**`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"ringScale = d3.scaleLinear()\n .domain([0, paymentExtent[1]])\n .range([0, d3.min([dimensions.boundedWidth, 280])])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1893,"value":"md`**Parallel Rings**`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1898,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1972,"value":"linearBandScale = scaleBandCircular()\n .domain(grades)\n .range([0, horizontal ? dimensions.boundedWidth : dimensions.boundedHeight])\n .diameters(periodData.map(d => d.extent[1]))\n .paddingInner(horizontal? 0.1 : 0.25)\n .paddingOuter(0.1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":556,"value":"md`## Style`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":566,"value":"md`**Font Size**`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":569,"value":"fontSize = 15","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":575,"value":"md`**Text Padding**`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":578,"value":"textPadding = \"-0.25em\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3339,"value":"md`**Colors**`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3343,"value":"colors = ({ background: '#FFFFEE' })\n// FFFFCC","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1434,"value":"md`**Tags**`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1310,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1168,"value":"styles = html`\n\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"md`## Dimensions`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"dimensions = {\n let dimensions = {\n width: width,\n height: horizontal ? 450 : 950,\n margin: {top: 100, left: 30, bottom: 50, right: 30}\n }\n \n dimensions.boundedWidth = dimensions.width\n - dimensions.margin.left\n - dimensions.margin.right\n \n dimensions.boundedHeight = dimensions.height\n - dimensions.margin.top\n - dimensions.margin.bottom\n \n return dimensions\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"md`---\n## Data Manipulation`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"data = {\n const data = await FileAttachment('data-school-workforce-england.csv').text()\n const parseData = d3.csvParse(data, ( {time_period, gender, ...rest} ) => (\n {\n ...d3.autoType(rest), time_period, \n period: `${time_period.slice(0,4)}-20${time_period.slice(4,6)}`,\n year: time_period.slice(0,4),\n gender: gender.toLowerCase()\n }\n ))\n return parseData\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"printTable(data.slice(0, 5))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":226,"value":"md`**Filtered Data**`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2140,"value":"genders = ['female', 'male']","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":229,"value":"filteredData = data\n .filter(d => d.grade !== \"Total\")\n .filter(d => genders.includes(d.gender))\n .map(({period, year, grade, gender, average_mean}) => ({period, year, grade, gender, average_mean}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":232,"value":"printTable(filteredData.slice(0, 5))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":95,"value":"md`**Rollup by period -> grade -> gender on filtered data**`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":98,"value":"aggregatedData = d3.rollup(\n filteredData,\n subset => d3.mean(subset, d => d.average_mean), \n d => d.year, d => d.grade, d => d.gender\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1024,"value":"md`**Shaped Data for Chart**`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3291,"value":"years = Array.from(d3.group(filteredData, d => d.year).keys())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2480,"value":"grades = [\"Classroom teachers\", \"Other Leadership teachers\", \"Head teachers\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2233,"value":"gradeLabelObj = {\n const gradeShort = [\"Classroom\", \"Leadership\", \"Head\"]\n return Object.assign(...grades.map((k, i) => ({ [k]: gradeShort[i] })));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":235,"value":"paymentExtent = d3.extent(filteredData, d => d.average_mean)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":367,"value":"periodData = {\n const periodData = Array.from(aggregatedData.get(year))\n \n return periodData.map(([grade, genderMap]) => {\n const extent = d3.extent(Array.from(genderMap), d => d[1])\n const maleGTfemale = genderMap.get('male') > genderMap.get('female') ? 1 : -1\n const gradeLabel = gradeLabelObj[grade]\n return {\n grade,\n gradeLabel,\n extent,\n salary: Object.fromEntries(genderMap),\n gapPercentage: (extent[1] - extent[0]) / extent[1] * maleGTfemale\n }\n })\n .sort((a, b) => d3.ascending(a.extent[1], b.extent[1]))\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3816,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"md`## Imports`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"d3 = require(\"d3@v6\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"import { printTable } from '@uwdata/data-utilities'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":442,"value":"import { radio } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 2e:"$2d:body"