2f:T752,{ d3.select('#wrapper').selectAll("svg").remove() // canvas const wrapper = d3.select("#wrapper") .append("svg") .attr("width", dimensions.width) .attr("height", dimensions.height) const bounds = wrapper.append("g") .style("transform", `translate(${ dimensions.margin.left }px, ${ dimensions.margin.top }px)`) // marks const labsDots = bounds.selectAll("labsDots") .data(adlb) .join("circle") .attr("cx", d => { return xScale(xAccessor(d)) }) .attr("cy", d => dimensions.boundedHeight * (1/3)) .attr("r", 8) .attr("fill", d => { return labsColorScale(colorAcccessor(d)) }) .on('mousemove', onMousemove) .on('mouseout', onMouseOut) const vitalsDots = bounds.selectAll("vitalsDots") .data(advs) .join("circle") .attr("cx", d => { return xScale(xAccessor(d)) }) .attr("cy", d => dimensions.boundedHeight * (2/3)) .attr("r", 8) .attr("fill", d => { return vitalsColorScale(colorAcccessor(d)) }) .on('mousemove', onMousemove) .on('mouseout', onMouseOut) const aesDots = bounds.selectAll("aesDots") .data(adae) .join("circle") .attr("cx", d => { return xScale(xAccessor(d)) }) .attr("cy", d => 0) .attr("r", 8) .attr("fill", d => { return aesColorScale(colorAcccessor(d)) }) .on('mousemove', onMousemove) .on('mouseout', onMouseOut) // axes const xAxisGenerator = d3.axisBottom() .scale(xScale) .tickValues(Array.from(tickData.keys())) .tickFormat((d, i) => tickData.get(d)) const xAxis = bounds.append("g") .call(xAxisGenerator) .style("transform", `translateY(${dimensions.boundedHeight}px)`) xAxis.selectAll("text") .attr('transform', 'rotate(-45)') .attr('text-anchor', 'end') .attr('dx', '-1em') }30:T788,{ d3.select('#wrapper2').selectAll("svg").remove() // combine data const data = [...adlb, ...advs, ...adae] // canvas const wrapper = d3.select("#wrapper2") .append("svg") .attr("width", dimensions.width) .attr("height", dimensions.height) const bounds = wrapper.append("g") .style("transform", `translate(${ dimensions.margin.left }px, ${ dimensions.margin.top }px)`) // scales const radiusScale = d3.scaleSqrt() .domain([1, maxCount]) .range([5, 20]) // marks const forceData = beeswarmForce(data, xScale, radiusScale) const dots = bounds.selectAll("dot") .data(forceData) .join('circle') .attr('cx', d => d.x) .attr('cy', d => d.y) .attr('r', d => d.r) .attr('fill', d => { if (d.fill === 'labs') { return '#969696' } else if (d.fill === 'vitals') { return '#FD8D3C' } else { return '#9E9AC8' } }) .on('mousemove', onMousemove) .on('mouseout', onMouseOut) function onMousemove(event, d){ const x = event.x const y = event.y toolTip .style('left', `${x}px`) .style('top', `${y}px`) .style('display', 'block') .html( `Day: ${d.ADY}
Count: ${d.count} ` ) d3.select(event.target).style("cursor", "pointer") } function onMouseOut(event, d){ toolTip.style("display", "none") d3.select(event.target).style("cursor", "default"); } // axes const xAxisGenerator = d3.axisBottom() .scale(xScale) .tickValues(Array.from(tickData.keys())) .tickFormat((d, i) => tickData.get(d)) const xAxis = bounds.append("g") .call(xAxisGenerator) .style("transform", `translateY(${dimensions.boundedHeight}px)`) xAxis.selectAll("text") .attr('transform', 'rotate(-45)') .attr('text-anchor', 'end') .attr('dx', '-1em') }31:T18e4,{ d3.select('#wrapper3').selectAll("svg").remove() // data processing let adae = await FileAttachment("adae.json").json() adae = adae .filter(d => typeof d.AESTDY !== 'undefined' & typeof d.AEENDY !== 'undefined') .filter(d => d.USUBJID === '01-701-1192') .map((d) => { if (d.AESTDY === d.AEENDY) { return { ...d, AEENDY: nudge(d.AEENDY) } } return d }) let adlb = await FileAttachment("adlb.json").json() adlb = adlb .filter(d => d.USUBJID === '01-701-1192') .filter(d => d.LBNRIND === "LOW" | d.LBNRIND === "HIGH") let advs = await FileAttachment("advs.json").json() advs = advs .filter(d => d.USUBJID === '01-701-1192') .filter(d => d.ANRIND === "LOW" | d.ANRIND === "HIGH") // canvas const width = 0.95 * window.innerWidth const height = 400 const dimensions = { width: width, height: height, margin: { top: 0.1 * height, right: 0.1 * width, bottom: 0.25 * height, left: 0.2 * width, }, } dimensions.boundedWidth = dimensions.width - dimensions.margin.left - dimensions.margin.right dimensions.boundedHeight = dimensions.height - dimensions.margin.top - dimensions.margin.bottom const svg = d3.select('#wrapper3') .append("svg") .attr("width", dimensions.width) .attr("height", dimensions.height) const bounds = svg.append("g") .style("transform", `translate(${ dimensions.margin.left }px, ${ dimensions.margin.top }px)` ) // scales const xScale = d3.scaleLinear() // labs has widest scale for this example. will need to generalize this // also add some wiggle room around the left and right ends .domain([ 0.5 * d3.min(adlb.map(d => d.ADY)), 1.05 * d3.max(adlb.map(d => d.ADY)) ]) .range([0, dimensions.boundedWidth]) const yScale = d3.scalePoint() .domain(["ADVERSE EVENTS", "ABNORMAL LABS", "ABNORMAL VITALS"]) // want some spacing around the top/bottom, especially the bottom // othersiwe, points show on the x axis .range([0.1 * dimensions.boundedHeight, 0.9 * dimensions.boundedHeight]) const AeSeverityColorScale = d3.scaleOrdinal() .domain(["MILD", "MODERATE", "SEVERE"]) .range(["#CBC9E2", "#9E9AC8", "#6A51A3"]) const labRangeColorScale = d3.scaleOrdinal() .domain(["LOW", "HIGH"]) .range(['#CCCCCC', '#969696']) const vitalsRangeColorScale = d3.scaleOrdinal() .domain(["LOW", "HIGH"]) .range(['#FDBE85', '#FD8D3C']) // AE tooltip & marks const aeToolTip = d3.select("body").append("div").attr("class", "toolTipTwo") function aeMouseMove(event, d) { const x = event.x const y = event.y aeToolTip .style('left', `${x}px`) .style('top', `${y}px`) .style('opacity', 1) .html( `Start Day: ${d.data.AESTDY} End Day: ${d.data.AEENDY} Severity: ${d.data.AESEV} AEDECOD: ${d.data.AEDECOD} ` ) d3.select(event.target).style("cursor", "pointer") } function aeMouseOut(event, d) { aeToolTip.style("opacity", 0) d3.select(event.target).style("cursor", "default"); } const aeDots = bounds.selectAll("aeDot") .data(beeswarmForceTwo(adae, 'AESTDY', 'AESEV', xScale, yScale('ADVERSE EVENTS'))) .join("circle") .attr("cx", d => d.x) .attr("cy", d => d.y) .attr("r", d => d.r) .attr("fill", d => AeSeverityColorScale(d.fill)) .on('mousemove', aeMouseMove) .on('mouseout', aeMouseOut) // lab tooltip & marks const labToolTip = d3.select("body").append("div").attr("class", "toolTipTwo") function labMouseMove(event, d) { const x = event.x const y = event.y labToolTip .style('left', `${x}px`) .style('top', `${y}px`) .style('opacity', 1) .html( `PARAM: ${d.data.PARAM} Range Indicator: ${d.data.LBNRIND} AVAL: ${d.data.AVAL} Normal Range: ${d.data.ANRLO} - ${d.data.ANRHI} ` ) d3.select(event.target).style("cursor", "pointer") } function labMouseOut(event, d) { labToolTip.style("opacity", 0) d3.select(event.target).style("cursor", "default"); } const labDots = bounds.selectAll("labDot") .data(beeswarmForceTwo(adlb, 'ADY', 'LBNRIND', xScale, yScale('ABNORMAL LABS'))) .join("circle") .attr("cx", d => d.x) .attr("cy", d => d.y) .attr("r", d => d.r) .attr("fill", d => labRangeColorScale(d.fill)) .on('mousemove', labMouseMove) .on('mouseout', labMouseOut) // vital tooltip & marks const vitalToolTip = d3.select("body").append("div").attr("class", "toolTipTwo") function vitalMouseMove(event, d) { const x = event.x const y = event.y vitalToolTip .style('left', `${x}px`) .style('top', `${y}px`) .style('opacity', 1) .html( `PARAM: ${d.data.PARAM} Range Indicator: ${d.data.ANRIND} AVAL: ${d.data.AVAL} Normal Range: ${d.data.ANRLO} - ${d.data.ANRHI} ` ) d3.select(event.target).style("cursor", "pointer") } function vitalMouseOut(event, d) { vitalToolTip.style("opacity", 0) d3.select(event.target).style("cursor", "default"); } const vitalDots = bounds.selectAll("vitalDot") .data(beeswarmForceTwo(advs, 'ADY', 'ANRIND', xScale, yScale('ABNORMAL VITALS'))) .join("circle") .attr("cx", d => d.x) .attr("cy", d => d.y) .attr("r", d => d.r) .attr("fill", d => vitalsRangeColorScale(d.fill)) .on('mousemove', vitalMouseMove) .on('mouseout', vitalMouseOut) // axes const xAxisGenerator = d3.axisBottom() .scale(xScale) const xAxis = bounds.append("g") .call(xAxisGenerator) .style("transform", `translateY(${dimensions.boundedHeight}px)`) const xAxisLabel = xAxis.append("text") .attr('class', 'pj-x-axis-label') .attr("x", dimensions.boundedWidth / 2) .attr("y", dimensions.margin.bottom - 5) .html("Study Day") const yAxisGenerator = d3.axisLeft() .scale(yScale) const yAxis = bounds.append("g") .call(yAxisGenerator) .style("transform", `translateX(-50px)`) // remove axis and tick lines yAxis.selectAll("path, line").remove() }32:Ta7d,{ // d3.select('#wrapper2').selectAll("svg").remove() // // canvas // const wrapper = d3.select("#wrapper2") // .append("svg") // .attr("width", dimensions.width) // .attr("height", dimensions.height) // const bounds = wrapper.append("g") // .style("transform", `translate(${ // dimensions.margin.left // }px, ${ // dimensions.margin.top // }px)`) // // scales // const labsLowHighColorScale = d3.scaleOrdinal() // .domain(["LOW", "HIGH"]) // .range(['#CCCCCC', '#969696']) // const vitalsLowHighColorScale = d3.scaleOrdinal() // .domain(["LOW", "HIGH"]) // .range(['#FDBE85', '#FD8D3C']) // const severityScale = d3.scaleOrdinal() // .domain(["MILD", "MODERATE", "SEVERE"]) // .range(["#CBC9E2", "#9E9AC8", "#6A51A3"]) // const radiusScale = d3.scaleLinear() // .domain([1, maxCount]) // .range([5, 5 + maxCount]) // // marks // const labsDots = bounds.selectAll("labsDots") // .data(adlb) // .join("circle") // .attr("cx", d => { // return xScale(xAccessor(d)) // }) // .attr("cy", d => dimensions.boundedHeight * (1/3)) // .attr("r", d => radiusScale(d.count)) // .attr("fill", d => { // return labsLowHighColorScale(colorAcccessor(d)) // }) // .on('mousemove', onMousemoveTwo) // .on('mouseout', onMouseOutTwo) // const vitalsDots = bounds.selectAll("vitalsDots") // .data(advs) // .join("circle") // .attr("cx", d => { // return xScale(xAccessor(d)) // }) // .attr("cy", d => dimensions.boundedHeight * (2/3)) // .attr("r", d => radiusScale(d.count)) // .attr("fill", d => { // return vitalsLowHighColorScale(colorAcccessor(d)) // }) // .on('mousemove', onMousemoveTwo) // .on('mouseout', onMouseOutTwo) // const aesDots = bounds.selectAll("aesDots") // .data(adae) // .join("circle") // .attr("cx", d => { // return xScale(xAccessor(d)) // }) // .attr("cy", d => 0) // .attr("r", d => radiusScale(d.count)) // .attr("fill", d => { // return severityScale(colorAcccessor(d)) // }) // .on('mousemove', onMousemoveTwo) // .on('mouseout', onMouseOutTwo) // // axes // const xAxisGenerator = d3.axisBottom() // .scale(xScale) // .tickValues(Array.from(tickData.keys())) // .tickFormat((d, i) => tickData.get(d)) // const xAxis = bounds.append("g") // .call(xAxisGenerator) // .style("transform", `translateY(${dimensions.boundedHeight}px)`) // xAxis.selectAll("text") // .attr('transform', 'rotate(-45)') // .attr('text-anchor', 'end') // .attr('dx', '-1em') }33:[{"id":"bd4333200cb813b54e890e99c630f80ec7741e72ac074ddaa34bbdaf8c0797b6325f79a0220ba0bea1ac31ebfd10edb477e7b211f096cf8f9744b75c8dc9a573","href":"https://static.observableusercontent.com/files/bd4333200cb813b54e890e99c630f80ec7741e72ac074ddaa34bbdaf8c0797b6325f79a0220ba0bea1ac31ebfd10edb477e7b211f096cf8f9744b75c8dc9a573","name":"adlb.json","type":"application/json","lastModified":1719598365863.303,"size":7018445},{"id":"b4e019e49041c1e05e0d0d48f3a89b850d6189fb5bac9bd4c0adf119a22579a23a488c694a5ac0d2f1add32ec92e507af3383208bc1c38131b68b4267539044f","href":"https://static.observableusercontent.com/files/b4e019e49041c1e05e0d0d48f3a89b850d6189fb5bac9bd4c0adf119a22579a23a488c694a5ac0d2f1add32ec92e507af3383208bc1c38131b68b4267539044f","name":"advs.json","type":"application/json","lastModified":1719614495486.941,"size":4595300},{"id":"3c5da88016d702d212e81741de007c3a674987c225cd8e18153ec5a03bc4751c2a3e80a35e6f851f9a33d27a1ecb4677da56d3d96cf666aed25c6ee21a33c9c5","href":"https://static.observableusercontent.com/files/3c5da88016d702d212e81741de007c3a674987c225cd8e18153ec5a03bc4751c2a3e80a35e6f851f9a33d27a1ecb4677da56d3d96cf666aed25c6ee21a33c9c5","name":"adae.json","type":"application/json","lastModified":1719615781576.692,"size":287952}] 2d:{"title":"Patient Journey Take 2","cells":[{"id":0,"value":"# Patient Journey Take 2","pinned":false,"hidden":false,"mode":"md"},{"id":404,"value":"Each circle represents a number of\n\n1. Adverse Events (purple)\n2. Abnormal Labs (blue)\n3. Abnormal Vitals (red)\n\nWithin each color, the shade represents the number of events. Darker color = higher count.","pinned":false,"hidden":false,"mode":"md"},{"id":73,"value":"

","pinned":false,"hidden":false,"mode":"html"},{"id":68,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":409,"value":"Each circle represents a number of\n\n1. Adverse Events (purple)\n2. Abnormal Labs (gray)\n3. Abnormal Vitals (orange)\n\nThe size of each circle represents the number of events for that day.","pinned":false,"hidden":false,"mode":"md"},{"id":423,"value":"

","pinned":false,"hidden":false,"mode":"html"},{"id":427,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"},{"id":430,"value":"Each circle represents a _single_\n\n1. Adverse Event (purple)\n2. Abnormal Labs (gray)\n3. Abnormal Vitals (orange)\n\nFor adverse events, the shade of purple represents the severity of the event. Darker purple = higher severity.\n\nFor labs and vitals, the shade represents whether the reading was low or high. Lighter color = low, darker color = high.","pinned":false,"hidden":false,"mode":"md"},{"id":291,"value":"

","pinned":true,"hidden":false,"mode":"html"},{"id":378,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":312,"value":"beeswarmForce = function(data, xScale, radiusScale){\n const ticks = 300\n \n let forceData = data.map(d => {\n return {\n x: xScale(d.ADY),\n y: dimensions.boundedHeight / 2,\n r: radiusScale(d.count),\n fill: d.series,\n ADY: d.ADY,\n count: d.count\n }\n });\n\n const simulation = d3.forceSimulation(forceData)\n .force('x', d3.forceX(d => d.x))\n .force(\"y\", d3.forceY(d => d.y))\n .force('collide', d3.forceCollide(d => d.r))\n\n for (let i = 0; i < ticks; i++) simulation.tick();\n \n return forceData;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":367,"value":"beeswarmForceTwo = function(data, xName, fillName, xScale, yVal){\n // adapted from\n // https://observablehq.com/@harrystevens/force-directed-beeswarm\n const ticks = 300\n\n let forceData = data.map(d => {\n return {\n x: d[xName],\n y: yVal,\n r: 6,\n fill: d[fillName],\n // for tooltips\n data: d\n }\n });\n\n const simulation = d3.forceSimulation(forceData)\n .force(\"x\", d3.forceX(d => xScale(d.x)))\n .force(\"y\", d3.forceY(d => d.y))\n .force(\"collide\", d3.forceCollide(d => d.r))\n\n for (let i = 0; i < ticks; i++) simulation.tick();\n \n return forceData;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":103,"value":"toolTip = d3.select(\"body\").append(\"div\").attr(\"class\", \"toolTip\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":109,"value":"function onMousemove(event, d){\n \n const mousePosition = d3.pointer(event)\n const x = event.x\n const y = event.y\n\n toolTip\n .style('left', `${x}px`)\n .style('top', `${y}px`)\n .style('display', 'block')\n .html(\n `Day: ${d.ADY}\n
\n Count: ${d.count}\n `\n )\n \n d3.select(event.target).style(\"cursor\", \"pointer\")\n \n d3.select(event.target)\n .transition()\n .duration(100)\n .attr('r', 10)\n }","pinned":false,"hidden":false,"mode":"ojs"},{"id":253,"value":"function onMousemoveTwo(event, d){\n \n const x = event.x\n const y = event.y\n\n toolTip\n .style('left', `${x}px`)\n .style('top', `${y}px`)\n .style('display', 'block')\n .html(\n `Day: ${d.ADY}\n
\n Count: ${d.count}\n `\n )\n \n d3.select(event.target).style(\"cursor\", \"pointer\")\n }","pinned":false,"hidden":false,"mode":"ojs"},{"id":111,"value":"function onMouseOut(event, d){\n\t toolTip.style(\"display\", \"none\")\n \n\n d3.select(event.target).style(\"cursor\", \"default\"); \n \n\t d3.select(event.target)\n .transition()\n .duration(100)\n .attr('r', 8)\n }","pinned":false,"hidden":false,"mode":"ojs"},{"id":255,"value":"function onMouseOutTwo(event, d){\n\t toolTip.style(\"display\", \"none\")\n \n\n d3.select(event.target).style(\"cursor\", \"default\"); \n }","pinned":false,"hidden":false,"mode":"ojs"},{"id":105,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":65,"value":"dimensions = {\n let dimensions = {\n width: 0.95 * window.innerWidth,\n height: 200,\n margin: {\n top: 20,\n right: 50,\n bottom: 75,\n left: 50,\n },\n }\n dimensions.boundedWidth = dimensions.width\n - dimensions.margin.left\n - dimensions.margin.right\n dimensions.boundedHeight = dimensions.height\n - dimensions.margin.top\n - dimensions.margin.bottom\n\n return dimensions\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":34,"value":"xAccessor = d => d.ADY","pinned":true,"hidden":false,"mode":"ojs"},{"id":58,"value":"colorAcccessor = d => d.count","pinned":true,"hidden":false,"mode":"ojs"},{"id":32,"value":"xScale = d3.scaleLinear()\n .domain(d3.extent(advs, xAccessor)) // in this case advs b/c the range is larger. will need a way to determine this\n .range([0, dimensions.boundedWidth])","pinned":true,"hidden":false,"mode":"ojs"},{"id":60,"value":"labsColorScale = d3.scaleSequential()\n .domain(d3.extent(adlb, d => d.count))\n .interpolator(t => d3.interpolateBlues(t + 0.5)) // use only the upper 1/2 of the blues scale b/c lower 1/2 is too light to see","pinned":true,"hidden":false,"mode":"ojs"},{"id":89,"value":"vitalsColorScale = d3.scaleSequential()\n .domain(d3.extent(advs, d => d.count))\n .interpolator(t => d3.interpolateReds(t + 0.5))","pinned":true,"hidden":false,"mode":"ojs"},{"id":136,"value":"aesColorScale = d3.scaleSequential()\n .domain(d3.extent(adae, d => d.count))\n .interpolator(t => d3.interpolatePurples(t + 0.5))","pinned":true,"hidden":false,"mode":"ojs"},{"id":362,"value":"nudge = (x) => {\n const random = d3.randomInt(4, 6)\n return x + random()\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":240,"value":"maxCount = {\n const maxCountAes = d3.max(adae.map(d => d.count))\n const maxCountLabs = d3.max(adlb.map(d => d.count))\n const maxCountVitals = d3.max(advs.map(d => d.count))\n\n return d3.max([maxCountAes, maxCountLabs, maxCountVitals])\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":5,"value":"adlb = {\n const raw = await FileAttachment(\"adlb.json\").json()\n\n const filtered = raw\n .filter(d => d.USUBJID === '01-701-1192')\n // .filter(d => d.ADY >= 0)\n .filter(d => d.LBNRIND !== 'NORMAL')\n\n const adlbRolled = d3.rollup(filtered, d => d.length, d => d.ADY)\n\n let out = []\n for (const [key, value] of adlbRolled.entries()) {\n out.push({\n ADY: key,\n count: value,\n series: 'labs'\n })\n }\n\n return out\n \n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":94,"value":"advs = {\n const raw = await FileAttachment(\"advs.json\").json()\n\n const filtered = raw\n .filter(d => d.USUBJID === '01-701-1192')\n // .filter(d => d.ADY >= 0)\n .filter(d => d.ANRIND !== 'NORMAL')\n\n const advsRolled = d3.rollup(filtered, d => d.length, d => d.ADY)\n\n let out = []\n for (const [key, value] of advsRolled.entries()) {\n out.push({\n ADY: key,\n count: value,\n // data: filtered.filter(d => d.ADY === key) // so we can put whatever we want in the tooltips\n series: 'vitals'\n })\n }\n\n return out\n \n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":130,"value":"adae = {\n const raw = await FileAttachment(\"adae.json\").json()\n\n const filtered = raw\n .filter(d => d.USUBJID === '01-701-1192')\n .filter(d => typeof d.AESTDY !== 'undefined')\n\n const adaeRolled = d3.rollup(filtered, d => d.length, d => d.AESTDY)\n\n let out = []\n for (const [key, value] of adaeRolled.entries()) {\n out.push({\n ADY: key, // really AESTDY but this is to keep things consistent across domains\n count: value,\n series: 'adverse events'\n })\n }\n\n return out\n \n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":169,"value":"tickData = {\n\n const raw = await FileAttachment(\"adlb.json\").json()\n\n const filtered = raw\n .filter(d => d.USUBJID === '01-701-1192')\n // .filter(d => d.ADY >= 0)\n .filter(d => d.LBNRIND !== 'NORMAL')\n .map(d => {\n return {\n ADY: d.ADY,\n VISIT: d.VISIT\n }\n })\n .sort((a, b) => d3.ascending(a.ADY, b.ADY))\n \n return d3.rollup(filtered, d => d[0].VISIT, d => d.ADY) // first arg is reducer, 2nd is group\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":415,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":418,"value":"{\n\n// const data = [...adlb, ...advs, ...adae].sort((a, b) => a.ADY - b.ADY)\n \n// return Plot.plot({\n// x: {axis: null},\n// fx: {label: null},\n// color: {\n// domain: ['labs', 'vitals', 'adverse events'],\n// range: ['#969696', '#FD8D3C', '#9E9AC8']\n// },\n// marks: [\n// Plot.barY(data, {fx: \"ADY\", x:\"series\", y: \"count\", fill: \"series\"}),\n// Plot.ruleY([0])\n// ]\n// })\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}