31:Ta71,function makeBars(sel, params, data) { const {primaryDir, secondaryDir, primaryWidth, itemSize, itemRelRadius, filter, primarySpacing, primaryData, primaryValues, flipData, flipValues, flipSpace, secondaryData, secondaryValues, secondarySpacing, colorData, colorMap, colorValues, namespace} = params; const subdata = evalFilter(data, filter); const circles = []; const pos0 = [0, 0]; const r = itemSize / 2 * itemRelRadius; const bounds = {}; const groups = sel.select('#camera').datum().groups; const curGroups = []; groups[namespace] = curGroups; evalPartition(data, primaryData, primaryValues).forEach((group1, no1) => { const val1 = primaryValues[no1]; const pos1 = addMul(pos0, dir2pt[primaryDir], (primaryWidth + primarySpacing) * itemSize * no1); evalPartition(group1, flipData, flipValues).forEach((groupFlip, noFlip) => { const flipSign = [1, -1][noFlip]; let curRow = 0; let curCol = 0; evalPartition(groupFlip, secondaryData, secondaryValues).forEach((group2, no2) => { const val2 = secondaryValues[no2]; evalPartition(group2, colorData, colorValues).forEach((group3, no3) => { const val3 = colorValues[no3]; const color = colorMap[val3]; const group = { id: curGroups.length, color, params: [val1, val2], namespace, items: [], }; group3.forEach(item => { const { id } = item; const pos = addMul( addMul(pos1, dir2pt[primaryDir], itemSize * curCol), dir2pt[secondaryDir], (0.5 + flipSpace + curRow) * itemSize * flipSign ); extendRect(bounds, pos); const circle = {r, pos, color, id, namespace, group: group.id} group.items.push(circle); circles.push(circle); curCol += 1; if (curCol >= primaryWidth) { curCol = 0; curRow += 1; } }); if (group.items.length > 0) { curGroups.push(group); } }) curRow += secondarySpacing; }) }) }); const center = rectCenter(bounds); const newCenter = [W / 2, H / 2]; circles.forEach(circle => { circle.pos = addMul(newCenter, vec(center, circle.pos), 1); }) sel.select('#camera').selectAll('.NS.' + namespace).data(circles).enter().append('circle').attr('class', 'NS ' + namespace) .attr('cx', R.path(['pos', 0])).attr('cy', R.path(['pos', 1])).attr('r', R.prop('r')).attr('fill', R.prop('color')) .attr('group-id', d => namespace + '/' + d.group).attr('item-id', R.prop('id')); }32:Tb0e,function makeRelBars(sel, params, data) { const {primaryDir, secondaryDir, secondaryWidth, itemSize, itemRelRadius, filter, primarySpacing, primaryData, primaryValues, secondaryData, secondaryValues, secondarySpacing, colorData, colorMap, colorValues, namespace} = params; const subdata = evalFilter(data, filter); const circles = []; const pos0 = [0, 0]; const r = itemSize / 2 * itemRelRadius; const bounds = {}; let accumPrimary = 0; const groups = sel.select('#camera').datum().groups; const curGroups = []; groups[namespace] = curGroups; evalPartition(data, primaryData, primaryValues).forEach((group1, no1) => { const val1 = primaryValues[no1]; const pos1 = addMul(pos0, dir2pt[primaryDir], accumPrimary * itemSize); const curWidth = Math.ceil(group1.length / secondaryWidth); const realSecondaryWidth = Math.ceil(group1.length / curWidth); const curSecondarySpacing = (secondaryWidth - realSecondaryWidth) / (secondaryValues.length - 1) + secondarySpacing; const curSecondaryCoeff = secondaryWidth / realSecondaryWidth; let curRow = 0; let curCol = 0; evalPartition(group1, secondaryData, secondaryValues).forEach((group2, no2) => { const val2 = secondaryValues[no2]; evalPartition(group2, colorData, colorValues).forEach((group3, no3) => { const val3 = colorValues[no3]; const color = colorMap[val3]; const group = { id: curGroups.length, color, params: [val1, val2], namespace, items: [], }; group3.forEach(item => { const { id } = item; const pos = addMul( addMul(pos1, dir2pt[primaryDir], itemSize * curCol), dir2pt[secondaryDir], curRow * itemSize * (1 ? curSecondaryCoeff : 1) ); extendRect(bounds, pos); const circle = {r, pos, color, id, namespace, group: group.id} group.items.push(circle); circles.push(circle); curCol += 1; if (curCol >= curWidth) { curCol = 0; curRow += 1; } }); if (group.items.length > 0) { curGroups.push(group); } }) curRow += 1 ? secondarySpacing : curSecondarySpacing; }) accumPrimary += curWidth + primarySpacing; }); const center = rectCenter(bounds); const newCenter = [W / 2, H / 2]; circles.forEach(circle => { circle.pos = addMul(newCenter, vec(center, circle.pos), 1); }); sel.select('#camera').selectAll('.NS.' + namespace).data(circles).enter().append('circle').attr('class', 'NS ' + namespace) .attr('cx', R.path(['pos', 0])).attr('cy', R.path(['pos', 1])).attr('r', R.prop('r')).attr('fill', R.prop('color')) .attr('group-id', d => namespace + '/' + d.group).attr('item-id', R.prop('id')); }33:T4a9,chart = { const params = { 'rect': makeBarsParamsRect, 'hbars(gender)': makeBarsParamsGenderH, 'hbars(siblings)': makeBarsParamsSiblingsH, 'bars(year)': makeBarsParamsYear, 'bars(year(dual))': makeBarsParamsYearDual, 'bars(year-health(white))': makeBarsParamsYearHealthWhite, 'bars(year-health)': makeBarsParamsYearHealth, 'bars(year-gender)': makeBarsParamsYearSex, 'bars(year-siblings)': makeBarsParamsYearSiblings, 'flip-bars(year-siblings)': makeBarsParamsYearSiblingsFlip, 'rel(year-health)': makeRelBarsParamsYearHealth, 'rel(year-gender)': makeRelBarsParamsYearSex, 'rel(year-siblings)': makeRelBarsParamsYearSiblings, }[generateInputTitle]; const svg = makeSVG() .call(makeVis, params, data); // .call(makeBars, makeBarsParamsYearSex, data); // .call(makeBars, makeBarsParamsSiblingsSex, data); // .call(makeBars, makeBarsTest, d3.range(2000)); // .call(makeRelBars, makeRelBarsTest, d3.range(2000)); // .call(makeRelBars, makeRelBarsParamsYearHealth, data); // .call(makeRelBars, makeRelBarsParamsYearSex, data); // .call(makeRelBars, makeRelBarsParamsSiblingsSex, data); return svg.node(); }34:T4e4,function simplifySVG(svg) { const groups = d3.select(svg).select('#camera').datum().groups; const newSVG = d3.select(svg.cloneNode(true)); const newCam = newSVG.select('#camera'); newCam.selectAll('circle.NS').remove(); console.log(groups) R.toPairs(groups).forEach(([namespace, curGroups]) => curGroups.forEach(group => { const pts = group.items.map(({pos: [x, y], r}) => [x + r * (Math.random() * 2 - 1), y + r * (Math.random() * 2 - 1)]); const bounds = {}; pts.forEach(pt => extendRect(bounds, pt)); const poly = d3.polygonHull(pts); const fSize = (Math.min(bounds.x1 - bounds.x0, bounds.y1 - bounds.y0) + group.items[0].r * 2) * 0.3; const gTag = newCam.append('g').attr('class', 'NSG').attr('group-id', namespace + '/' + group.id).lower(); const center = rectCenter(bounds); gTag.append('path') .attr('d', 'M' + poly.join('L')).attr('fill', group.color); gTag.selectAll('text').data([group.items.length, group.params.join(' ')]).enter().append('text') .attr('font-family', 'Arial').attr('font-size', fSize).attr('color', 'black').text(t => t) .attr('x', center[0]).attr('y', (_, no) => center[1] + fSize * (no - 0.5)).attr('text-anchor', 'middle') })); return newSVG.node(); }35:[] 2f:{"title":"PublicData hackathon","cells":[{"id":0,"value":"md`# PublicData hackathon`","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"d3 = require('d3@5')","pinned":false,"hidden":false,"mode":"ojs"},{"id":68,"value":"R = require('ramda@0.25')","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"W = 1920","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"H = 1080","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"rawData = d3.csv('https://gist.githubusercontent.com/pallada-92/e9ecff1c70163bf131fef9b3aca3f75c/raw/0512cafb0b65c549dda0c69b9644e12e9b3aa10b/children_table1.csv')","pinned":false,"hidden":false,"mode":"ojs"},{"id":276,"value":"data = rawData.filter(({health_group}) => health_group != '-1')","pinned":false,"hidden":false,"mode":"ojs"},{"id":47,"value":"data[0]","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"function makeSVG() {\n const res = d3.select(DOM.svg(W, H)).attr('viewBox', `0 0 ${W} ${H}`).attr('width', width).attr('height', width * H / W);\n res.append('rect').attr('x', 0).attr('y', 0).attr('width', W).attr('height', H).attr('fill', 'black');\n res.append('g').attr('id', 'camera').attr('transform', 'translate(0, 0) scale(1)').datum({groups: {}})\n return res;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":26,"value":"serialize = {\n const xmlns = \"http://www.w3.org/2000/xmlns/\";\n const xlinkns = \"http://www.w3.org/1999/xlink\";\n const svgns = \"http://www.w3.org/2000/svg\";\n return function serialize(svg) {\n svg = svg.cloneNode(true);\n svg.setAttributeNS(xmlns, \"xmlns\", svgns);\n svg.setAttributeNS(xmlns, \"xmlns:xlink\", xlinkns);\n const serializer = new window.XMLSerializer;\n const string = serializer.serializeToString(svg);\n return new Blob([string], {type: \"image/svg+xml\"});\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":397,"value":"function downloadSerialize(node, fname) {\n const res = html`

`;\n res.children[0].onclick = () => {\n res.innerHTML = '';\n res.appendChild(DOM.download(serialize(node), fname + \".svg\", \"Download SVG (click once)\"))\n }\n return res;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":107,"value":"function evalFilter(data, expr) {\n const f = new Function('d', 'return ' + expr);\n return data.filter(f);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":120,"value":"function evalMap(data, expr) {\n const f = new Function('d', 'return ' + expr);\n return data.map(f);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":128,"value":"function evalPartition(data, expr, values) {\n const res = values.map(() => []);\n const reverseDict = R.fromPairs(values.map((val, no) => [val, no]));\n const f = new Function('d', 'return ' + expr);\n data.forEach(item => {\n const val = f(item);\n if (val in reverseDict) {\n res[reverseDict[val]].push(item);\n }\n });\n return res;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":139,"value":"function addMul(pt, pt1, t) {\n const [x, y] = pt;\n const [dx, dy] = pt1;\n return [x + dx * t, y + dy * t];\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":141,"value":"dir2pt = ({\n up: [0, -1],\n down: [0, +1],\n left: [-1, 0],\n right: [+1, 0]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":152,"value":"function extendRect(rect, pt) {\n const [x, y] = pt;\n if (!('x0' in rect)) {\n rect.x0 = x;\n rect.x1 = x;\n rect.y0 = y;\n rect.y1 = y;\n } else {\n rect.x0 = Math.min(x, rect.x0);\n rect.y0 = Math.min(y, rect.y0);\n rect.x1 = Math.max(x, rect.x1);\n rect.y1 = Math.max(y, rect.y1);\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":154,"value":"function rectCenter(rect) {\n return [(rect.x0 + rect.x1) / 2, (rect.y0 + rect.y1) / 2];\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":160,"value":"function vec(pt0, pt1) {\n const [x0, y0] = pt0;\n const [x1, y1] = pt1;\n return [x1 - x0, y1 - y0];\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":304,"value":"function negate([x, y]) {\n return [-x, -y];\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":156,"value":"","pinned":false,"hidden":false,"mode":"ojs"},{"id":103,"value":"md`## Health groups colors`","pinned":false,"hidden":false,"mode":"ojs"},{"id":53,"value":"healthGroupsColors = ({\n '-1': d3.interpolateWarm(1),\n 1: d3.interpolateWarm(1),\n 2: d3.interpolateWarm(0.75),\n 3: d3.interpolateWarm(0.5),\n 4: d3.interpolateWarm(0.15),\n 5: d3.interpolateWarm(0),\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":67,"value":"html`${R.sortBy(R.prop(0), R.toPairs(healthGroupsColors)).map(([group, color]) => html`

${group}

`)}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":246,"value":"sexColors = ({\n f: 'rgb(255, 130, 130)',\n m: 'lightblue',\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":248,"value":"html`${R.sortBy(R.prop(0), R.toPairs(sexColors)).map(([group, color]) => html`

${group}

`)}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":287,"value":"siblingsColors = ({0: 'white', 1: 'orange'})","pinned":false,"hidden":false,"mode":"ojs"},{"id":290,"value":"html`${R.sortBy(R.prop(0), R.toPairs(siblingsColors)).map(([group, color]) => html`

${group}

`)}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"md`## Make bar chart`","pinned":false,"hidden":false,"mode":"ojs"},{"id":194,"value":"makeBarsTest = ({\n \"type\": \"bar_chart\",\n \"primaryDir\": \"right\",\n \"secondaryDir\": \"up\",\n \"primaryWidth\": 10,\n \"itemSize\": 10,\n \"itemRelRadius\": 0.9,\n \"filter\": \"true\",\n \"primaryData\": \"d % 3\",\n \"primaryValues\": [0, 1, 2],\n \"primarySpacing\": 1,\n \"flipData\": \"Math.floor(Math.random() * 2)\",\n \"flipValues\": [0, 1],\n \"flipSpace\": 1,\n \"secondaryData\": \"Math.floor(Math.random() * 2)\",\n \"secondaryValues\": [0, 1],\n \"secondarySpacing\": 2,\n \"colorData\": \"Math.floor(Math.random() * 2)\",\n \"colorMap\": {0: 'blue', 1: 'red'},\n \"colorValues\": [0, 1],\n \"namespace\": \"child\",\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":539,"value":"makeBarsParamsRect = ({\n \"type\": \"bar_chart\",\n \"primaryDir\": \"right\",\n \"secondaryDir\": \"up\",\n \"primaryWidth\": 350,\n \"itemSize\": 5,\n \"itemRelRadius\": 0.9,\n \"filter\": \"true\",\n \"primaryData\": \"1\",\n \"primaryValues\": [1],\n \"primarySpacing\": 1,\n \"flipData\": \"1\",\n \"flipValues\": [1],\n \"flipSpace\": 1,\n \"secondaryData\": \"1\",\n \"secondaryValues\": [1],\n \"secondarySpacing\": 0,\n \"colorData\": \"1\",\n \"colorMap\": {1: 'white'},\n \"colorValues\": [1],\n \"namespace\": \"child\",\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":490,"value":"makeBarsParamsYear = ({\n \"type\": \"bar_chart\",\n \"primaryDir\": \"right\",\n \"secondaryDir\": \"up\",\n \"primaryWidth\": 30,\n \"itemSize\": 3,\n \"itemRelRadius\": 0.9,\n \"filter\": \"true\",\n \"primaryData\": \"d.year\",\n \"primaryValues\": R.reverse([2001, 2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017, 2018]),\n \"primarySpacing\": 1,\n \"flipData\": \"1\",\n \"flipValues\": [1],\n \"flipSpace\": 1,\n \"secondaryData\": \"1\",\n \"secondaryValues\": [1],\n \"secondarySpacing\": 0,\n \"colorData\": \"1\",\n \"colorMap\": {1: 'white'},\n \"colorValues\": [1],\n \"namespace\": \"child\",\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":533,"value":"makeBarsParamsGenderH = ({\n \"type\": \"bar_chart\",\n \"primaryDir\": \"up\",\n \"secondaryDir\": \"right\",\n \"primaryWidth\": 100,\n \"itemSize\": 4.5,\n \"itemRelRadius\": 0.9,\n \"filter\": \"true\",\n \"primaryData\": \"d.sex\",\n \"primaryValues\": ['f', 'm'],\n \"primarySpacing\": 10,\n \"flipData\": \"1\",\n \"flipValues\": [1],\n \"flipSpace\": 1,\n \"secondaryData\": \"1\",\n \"secondaryValues\": [1],\n \"secondarySpacing\": 0,\n \"colorData\": \"d.sex\",\n \"colorMap\": sexColors,\n \"colorValues\": ['f', 'm'],\n \"namespace\": \"child\",\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":518,"value":"makeBarsParamsSiblingsH = ({\n \"type\": \"bar_chart\",\n \"primaryDir\": \"up\",\n \"secondaryDir\": \"right\",\n \"primaryWidth\": 100,\n \"itemSize\": 4.5,\n \"itemRelRadius\": 0.9,\n \"filter\": \"true\",\n \"primaryData\": \"d.siblings\",\n \"primaryValues\": [0, 1],\n \"primarySpacing\": 10,\n \"flipData\": \"1\",\n \"flipValues\": [1],\n \"flipSpace\": 1,\n \"secondaryData\": \"1\",\n \"secondaryValues\": [1],\n \"secondarySpacing\": 0,\n \"colorData\": \"d.siblings\",\n \"colorMap\": siblingsColors,\n \"colorValues\": ['0', '1'],\n \"namespace\": \"child\",\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":501,"value":"makeBarsParamsYearDual = ({\n \"type\": \"bar_chart\",\n \"primaryDir\": \"right\",\n \"secondaryDir\": \"up\",\n \"primaryWidth\": 200,\n \"itemSize\": 3,\n \"itemRelRadius\": 0.9,\n \"filter\": \"true\",\n \"primaryData\": \"+(d.year <= 2008)\",\n \"primaryValues\": [0, 1],\n \"primarySpacing\": 10,\n \"flipData\": \"1\",\n \"flipValues\": [1],\n \"flipSpace\": 1,\n \"secondaryData\": \"1\",\n \"secondaryValues\": [1],\n \"secondarySpacing\": 0,\n \"colorData\": \"1\",\n \"colorMap\": {1: 'white'},\n \"colorValues\": [1],\n \"namespace\": \"child\",\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":494,"value":"makeBarsParamsYearHealthWhite = ({\n \"type\": \"bar_chart\",\n \"primaryDir\": \"right\",\n \"secondaryDir\": \"up\",\n \"primaryWidth\": 30,\n \"itemSize\": 3,\n \"itemRelRadius\": 0.9,\n \"filter\": \"true\",\n \"primaryData\": \"d.year\",\n \"primaryValues\": R.reverse([2001, 2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017, 2018]),\n \"primarySpacing\": 1,\n \"flipData\": \"1\",\n \"flipValues\": [1],\n \"flipSpace\": 1,\n \"secondaryData\": \"d.health_group\",\n \"secondaryValues\": [-1, 1, 2, 3, 4, 5],\n \"secondarySpacing\": 0,\n \"colorData\": \"d.health_group\",\n \"colorMap\": {'-1': 'white', 1: 'white', 2: 'white', 3: 'white', 4: 'white', 5: 'white'},\n \"colorValues\": [-1, 1, 2, 3, 4, 5],\n \"namespace\": \"child\",\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":37,"value":"makeBarsParamsYearHealth = ({\n \"type\": \"bar_chart\",\n \"primaryDir\": \"right\",\n \"secondaryDir\": \"up\",\n \"primaryWidth\": 30,\n \"itemSize\": 3,\n \"itemRelRadius\": 0.9,\n \"filter\": \"true\",\n \"primaryData\": \"d.year\",\n \"primaryValues\": R.reverse([2001, 2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017, 2018]),\n \"primarySpacing\": 1,\n \"flipData\": \"1\",\n \"flipValues\": [1],\n \"flipSpace\": 1,\n \"secondaryData\": \"d.health_group\",\n \"secondaryValues\": [-1, 1, 2, 3, 4, 5],\n \"secondarySpacing\": 5,\n \"colorData\": \"d.health_group\",\n \"colorMap\": healthGroupsColors,\n \"colorValues\": [-1, 1, 2, 3, 4, 5],\n \"namespace\": \"child\",\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":244,"value":"makeBarsParamsYearSex = ({\n \"type\": \"bar_chart\",\n \"primaryDir\": \"right\",\n \"secondaryDir\": \"up\",\n \"primaryWidth\": 30,\n \"itemSize\": 3,\n \"itemRelRadius\": 0.9,\n \"filter\": \"true\",\n \"primaryData\": \"d.year\",\n \"primaryValues\": R.reverse([2001, 2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017, 2018]),\n \"primarySpacing\": 1,\n \"flipData\": \"d.sex\",\n \"flipValues\": ['m', 'f'],\n \"flipSpace\": 1,\n \"secondaryData\": \"d.sex\",\n \"secondaryValues\": ['f', 'm'],\n \"secondarySpacing\": 1,\n \"colorData\": \"d.sex\",\n \"colorMap\": sexColors,\n \"colorValues\": ['f', 'm'],\n \"namespace\": \"child\",\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":513,"value":"makeBarsParamsYearSiblingsFlip = ({\n \"type\": \"bar_chart\",\n \"primaryDir\": \"right\",\n \"secondaryDir\": \"up\",\n \"primaryWidth\": 30,\n \"itemSize\": 3,\n \"itemRelRadius\": 0.9,\n \"filter\": \"true\",\n \"primaryData\": \"d.year\",\n \"primaryValues\": R.reverse([2001, 2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017, 2018]),\n \"primarySpacing\": 1,\n \"flipData\": \"d.siblings\",\n \"flipValues\": [0, 1],\n \"flipSpace\": 1,\n \"secondaryData\": \"d.siblings\",\n \"secondaryValues\": ['0', '1'],\n \"secondarySpacing\": 1,\n \"colorData\": \"d.siblings\",\n \"colorMap\": siblingsColors,\n \"colorValues\": ['0', '1'],\n \"namespace\": \"child\",\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":285,"value":"makeBarsParamsYearSiblings = ({\n \"type\": \"bar_chart\",\n \"primaryDir\": \"right\",\n \"secondaryDir\": \"up\",\n \"primaryWidth\": 30,\n \"itemSize\": 3,\n \"itemRelRadius\": 0.9,\n \"filter\": \"true\",\n \"primaryData\": \"d.year\",\n \"primaryValues\": R.reverse([2001, 2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017, 2018]),\n \"primarySpacing\": 1,\n \"flipData\": \"1\",\n \"flipValues\": [1],\n \"flipSpace\": 1,\n \"secondaryData\": \"d.siblings\",\n \"secondaryValues\": ['0', '1'],\n \"secondarySpacing\": 1,\n \"colorData\": \"d.siblings\",\n \"colorMap\": siblingsColors,\n \"colorValues\": ['0', '1'],\n \"namespace\": \"child\",\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":32,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":333,"value":"makeRelBarsTest = ({\n \"type\": \"rel_bar_chart\",\n \"primaryDir\": \"right\",\n \"secondaryDir\": \"up\",\n \"secondaryWidth\": 20,\n \"itemSize\": 10,\n \"itemRelRadius\": 0.9,\n \"filter\": \"true\",\n \"primaryData\": \"d % 3\",\n \"primaryValues\": [0, 1, 2],\n \"primarySpacing\": 1,\n \"secondaryData\": \"Math.floor(Math.random() * 2)\",\n \"secondaryValues\": [0, 1],\n \"secondarySpacing\": 2,\n \"colorData\": \"Math.floor(Math.random() * 2)\",\n \"colorMap\": {0: 'blue', 1: 'red'},\n \"colorValues\": [0, 1],\n \"namespace\": \"child\",\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":342,"value":"makeRelBarsParamsYearHealth = ({\n \"type\": \"rel_bar_chart\",\n \"primaryDir\": \"right\",\n \"secondaryDir\": \"up\",\n \"secondaryWidth\": 150,\n \"itemSize\": 5.5,\n \"itemRelRadius\": 0.9,\n \"filter\": \"true\",\n \"primaryData\": \"d.year\",\n \"primaryValues\": R.reverse([2001, 2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017, 2018]),\n \"primarySpacing\": 1,\n \"secondaryData\": \"d.health_group\",\n \"secondaryValues\": [1, 2, 3, 4, 5],\n \"secondarySpacing\": 1,\n \"colorData\": \"d.health_group\",\n \"colorMap\": healthGroupsColors,\n \"colorValues\": [1, 2, 3, 4, 5],\n \"namespace\": \"child\",\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":360,"value":"makeRelBarsParamsYearSex = ({\n \"type\": \"rel_bar_chart\",\n \"primaryDir\": \"right\",\n \"secondaryDir\": \"up\",\n \"secondaryWidth\": 150,\n \"itemSize\": 5.5,\n \"itemRelRadius\": 0.9,\n \"filter\": \"true\",\n \"primaryData\": \"d.year\",\n \"primaryValues\": R.reverse([2001, 2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017, 2018]),\n \"primarySpacing\": 1,\n \"secondaryData\": \"d.sex\",\n \"secondaryValues\": ['f', 'm'],\n \"secondarySpacing\": 1,\n \"colorData\": \"d.sex\",\n \"colorMap\": sexColors,\n \"colorValues\": ['f', 'm'],\n \"namespace\": \"child\",\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":363,"value":"makeRelBarsParamsYearSiblings = ({\n \"type\": \"rel_bar_chart\",\n \"primaryDir\": \"right\",\n \"secondaryDir\": \"up\",\n \"secondaryWidth\": 150,\n \"itemSize\": 5.5,\n \"itemRelRadius\": 0.9,\n \"filter\": \"true\",\n \"primaryData\": \"d.year\",\n \"primaryValues\": R.reverse([2001, 2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017, 2018]),\n \"primarySpacing\": 1,\n \"secondaryData\": \"d.siblings\",\n \"secondaryValues\": ['0', '1'],\n \"secondarySpacing\": 1,\n \"colorData\": \"d.siblings\",\n \"colorMap\": siblingsColors,\n \"colorValues\": ['0', '1'],\n \"namespace\": \"child\",\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":329,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":374,"value":"function makeVis(sel, params, data) {\n ({\n bar_chart: makeBars,\n rel_bar_chart: makeRelBars,\n })[params.type](sel, params, data);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":383,"value":"DOM.input('file')","pinned":false,"hidden":false,"mode":"ojs"},{"id":377,"value":"viewof generateInputTitle = DOM.select(['rect', 'hbars(gender)', 'hbars(siblings)', 'bars(year)', 'bars(year(dual))', 'bars(year-health(white))', 'bars(year-health)', 'bars(year-gender)', 'bars(year-siblings)', 'flip-bars(year-siblings)', 'rel(year-health)', 'rel(year-gender)', 'rel(year-siblings)',])","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":391,"value":"downloadSerialize(chart, 'chart')","pinned":false,"hidden":false,"mode":"ojs"},{"id":412,"value":"simplifiedChart = simplifySVG(chart)","pinned":false,"hidden":false,"mode":"ojs"},{"id":469,"value":"downloadSerialize(simplifiedChart, 'simplifiedChart')","pinned":false,"hidden":false,"mode":"ojs"},{"id":407,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W35","stdlib":"1","titling":"auto"}