2c:["$","title",null,{"children":"Autism Drug Trial Tracker | Spectrum | Observable"}] 31:T448,plotScatter = addTooltips( Plot.plot({ grid: true, height: y_scatter_plot == "Drugs tested" ? 1400 : 600, marginBottom: x_scatter_plot == "Condition" ? 170 : 30, marginLeft: y_scatter_plot == "Drugs tested" ? 250 : 38, x: { label: `${x_scatter_plot}`, tickRotate: x_scatter_plot == "Condition" ? 30 : 0, zero: x_scatter_plot == "Minimum age" || x_scatter_plot == "Maximum age" ? true : false }, y: { label: `${y_scatter_plot}`, zero: y_scatter_plot == "Minimum age" || y_scatter_plot == "Maximum age" || y_scatter_plot == "Enrollment count" ? true : false }, color: { range: colorScheme }, marks: [ Plot.dot(dataFilter, { x: x_scatter_plot, y: y_scatter_plot, r: 6, fill: scatterColors, stroke: "black", strokeWidth: 0.5, title: (d) => `${d.NCTId} \n Condition: ${d["Condition"]} \n Drug: ${d["Drugs tested"]} \n Enrolled: ${d["Enrollment count"]}` }) ] }) )32:T44e,data = (await d3.csv(url)).map((d) => ({ NCTId: d["NCTId"], "Drugs tested": d["DrugsTested"], Condition: d["Condition"], "Previously approved": d["PreviouslyApproved"], "Approved conditions": d["ApprovedConditions"], "Combined modality": d["CombinedModality"], Placebo: d["Placebo"], Status: d.OverallStatus, "Drug description": d["DrugDescription"], "Spectrum coverage": d.SpectrumCoverage, Paper: d.PubMedPapers, "Design allocation": d["DesignAllocation"], "Design intervention": d["DesignInterventionModel"], "Design masking": d["DesignMasking"], "Enrollment count": +d["EnrollmentCount"], Gender: d.Gender, "Minimum age": parseInt(d.MinimumAge), "Maximum age": parseInt(d.MaximumAge), "Lead sponsor": d.LeadSponsorClass, "Sponsor country": d.LeadSponsorCountry, "Start date": new Date(d["StartDate"]), "Start date type": d["StartDateType"], "Completion date": new Date(d["CompletionDate"]), "Completion date type": d["CompletionDateType"], "Results first posted": new Date(d["ResultsFirstPostDate"]), "Last updated": new Date(d.VersionHolder) }))33:Td81,// Taken from Mike Freeman's excellent notebook: https://observablehq.com/@mkfreeman/plot-tooltip addTooltips = (chart, hover_styles = { fill: "gray", opacity: 0.5 }) => { let styles = hover_styles; const line_styles = { stroke: "blue", "stroke-width": 3 }; // Workaround if it's in a figure const type = d3.select(chart).node().tagName; const wrapper = type === "FIGURE" ? d3.select(chart).select("svg") : d3.select(chart); wrapper.style("overflow", "visible"); // to avoid clipping at the edges // Set pointer events to visibleStroke if the fill is none (e.g., if its a line) wrapper.selectAll("path").each(function (data, index, nodes) { // For line charts, set the pointer events to be visible stroke if ( d3.select(this).attr("fill") === null || d3.select(this).attr("fill") === "none" ) { d3.select(this).style("pointer-events", "visibleStroke"); styles = _.isEqual(hover_styles, { fill: "blue", opacity: 0.5 }) ? line_styles : hover_styles; } }); const tip = wrapper .selectAll(".hover-tip") .data([""]) .join("g") .attr("class", "hover") .style("pointer-events", "none") .style("text-anchor", "middle"); // Add a unique id to the chart for styling const id = id_generator(); // Add the event listeners d3.select(chart) .classed(id, true) // using a class selector so that it doesn't overwrite the ID .selectAll("title") .each(function () { // Get the text out of the title, set it as an attribute on the parent, and remove it const title = d3.select(this); // title element that we want to remove const parent = d3.select(this.parentNode); // visual mark on the screen const t = title.text(); if (t) { parent.attr("__title", t).classed("has-title", true); title.remove(); } // Mouse events parent .on("mousemove", function (event) { const text = d3.select(this).attr("__title"); const pointer = d3.pointer(event, wrapper.node()); if (text) tip.call(hover, pointer, text.split("\n")); else tip.selectAll("*").remove(); // Raise it d3.select(this).raise(); // Keep within the parent horizontally const tipSize = tip.node().getBBox(); if (pointer[0] + tipSize.x < 0) tip.attr( "transform", `translate(${tipSize.width / 2}, ${pointer[1] + 7})` ); else if (pointer[0] + tipSize.width / 2 > wrapper.attr("width")) tip.attr( "transform", `translate(${wrapper.attr("width") - tipSize.width / 2}, ${ pointer[1] + 7 })` ); }) .on("mouseout", function (event) { tip.selectAll("*").remove(); // Lower it! d3.select(this).lower(); }); }); // Remove the tip if you tap on the wrapper (for mobile) wrapper.on("touchstart", () => tip.selectAll("*").remove()); // Add styles const style_string = Object.keys(styles) .map((d) => { return `${d}:${styles[d]};`; }) .join(""); // Define the styles const style = html``; chart.appendChild(style); return chart; }34:T4c8,All clinical trials data were collected from the FDA's website, [clinicaltrials.gov](https://clinicaltrials.gov/). The _Spectrum_ Drug Tracker is a compilation of all clinical trials for autism and autism-related conditions. Queried conditions include autism, Rett syndrome, Fragile X syndrome, tuberous sclerosis, Angelman syndrome, Williams syndrome, Timothy syndrome, Prader-Willi syndrome, Phelan McDermid syndrome, Dup15q syndrome and 16p duplications and deletions. Clinical trials were only included in the final dataset if they were placebo controlled and phase II or higher. Data were cleaned using Python. Custom Python scripts, executed once monthly, are used to check for new and updated clinical trials. Drug mechanisms are manually researched and written for each drug. By [Niko McCarty](https://www.spectrumnews.org/author/nikomccarty/) Access the Python scripts on [GitHub](https://github.com/simonsfoundation/spectrum-drug-tracker). With additional reporting by [Jonathan Moens](https://twitter.com/jonathan_moens), [Anna Goshua](https://twitter.com/annagoshua) and [Jaclyn Jeffrey Wilensky](https://www.jaclynjeffreywilensky.com/). With additional contributions by Angie Voyles-Askham and Peter Hess.35:[] 2f:{"id":"d4c1d6fb2d46f02b","slug":"drugtracker","title":"Autism Drug Trial Tracker","thumbnail":"36614a6f54a703d7dcabbd92c00230234d3e20bcce4049fe7baf40600b6c9d6f","access_level":"public","create_time":"$D2021-11-11T16:02:47.288Z","update_time":"$D2022-01-12T14:49:07.293Z","view_time":null,"first_public_time":"$D2022-01-11T14:55:41.503Z","has_unpublished_edits":null,"fork":false,"stars":11,"starred":false,"owner":{"type":"team","id":"d7edd6df8977ae0a","login":"spectrumnews","name":"Spectrum","avatar_url":"https://avatars-next.observableusercontent.com/118acee7e758b500246fc531dc444c012a167ed064cea0f588c5e8b2dde17a91","tier":"starter_2024","bio":"The leading source of news and expert opinion on autism research."},"version":2447,"publish_version":2447,"role":null,"authored":false,"authors":[{"type":"individual","id":"752ff930b482d7be","login":"nikomccarty","name":"Niko McCarty","avatar_url":"https://avatars-next.observableusercontent.com/a23a712703967cc36a30d842874fd6c267df6d67e614c953f31aa9e10e67b7ff","tier":null,"bio":"Science journalist / data enthusiast. @NikoMcCarty on twitter."}],"members":[{"type":"individual","id":"cba9a8018dd8dbb4","login":"kaozelli","name":"Kristin Ozelli","avatar_url":"https://avatars-next.observableusercontent.com/d0ccffe2040c03a0e61b7694a84f2356adf6b41cd2fff08afb59967c107a9dc9","tier":null,"role":"editor"},{"type":"team","id":"d7edd6df8977ae0a","login":"spectrumnews","name":"Spectrum","avatar_url":"https://avatars-next.observableusercontent.com/118acee7e758b500246fc531dc444c012a167ed064cea0f588c5e8b2dde17a91","tier":"starter_2024","role":"viewer"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":8,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Autism Drug Trial Tracker","cells":[{"id":0,"value":"# Autism Drug Trial Tracker\n\nExplore, filter and review autism clinical trials. Project by the [_Spectrum_](https://www.spectrumnews.org/) newsroom.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2383,"value":"- View the [Autism Drug Tracker](https://www.spectrumnews.org/features/autism-drug-tracker/) on _Spectrum_. Published on January 12, 2022. \n- View the [GitHub repository](https://github.com/simonsfoundation/spectrum-drug-tracker) with files used to scrape the data.\n- Download the [curated dataset](https://docs.google.com/spreadsheets/d/e/2PACX-1vRIG5TIZjNrkf6SbEI7_bFYniNdqIv559yKzDMCpTPiDf4R9Real4p6HlqpdA3qwavnFNKiApMCGvrG/pub?gid=0&single=true&output=csv) that powers this drug tracker.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2286,"value":"data_last_updated = html`\n

Data last updated on ${most_recent_date[\n \"Last updated\"\n].toDateString()}

Frequency distribution of ${x_freq_plot.toLowerCase()}

Choose an x-axis, bin count and color scheme. Data in the chart reflect the filtered data in the table above. Hover over a bar to see more information.

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":625,"value":"viewof x_freq_plot = Inputs.select(hist_column_names, {\n value: \"CompletionDate\",\n label: \"x-axis\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":664,"value":"viewof setThreshold = Inputs.range([0, 30], {\n label: \"Number of bins\",\n step: 5,\n value: 20\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":681,"value":"viewof histColors = Inputs.select(hist_color_names, {\n value: \"Condition\",\n label: \"Color by...\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":586,"value":"histColorLegend = swatches({\n color: d3.scaleOrdinal(\n dataFilter.map((d) => d[histColors]).sort(),\n colorScheme\n ),\n columns: \"150px\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":512,"value":"histoPlot = addTooltips(\n Plot.plot({\n grid: true,\n style: {\n // font: selectedFont\n },\n scale: {\n tickFormat: (x) => `(${x.toFixed(1)})`\n },\n y: {\n label: \"↑ Number of trials\",\n // tickFormat: \"\",\n ticks: 8,\n grid: true\n },\n x: {\n label: x_freq_plot\n },\n color: {\n range: colorScheme\n },\n marks: [\n Plot.rectY(\n dataFilter,\n Plot.binX(\n {\n y: \"count\",\n title: (d) => `Number of trials: ${d.length}`\n },\n {\n x: x_freq_plot,\n thresholds: setThreshold,\n fill: histColors\n }\n )\n ),\n Plot.ruleY([0])\n ]\n })\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1525,"value":"histogram_desc = html`

Data are based on ${dataFilterLength} placebo-controlled, Phase 2+ clinical trials scraped from the U.S. National Library of Medicine’s Clinical Trials database. The length of each bar denotes how many trials are in a selected category. Hover over a bar to see how many trials it includes.

Plot of ${x_scatter_plot.toLowerCase()} vs. ${y_scatter_plot.toLowerCase()}

Choose an x-axis, y-axis and color scheme. Data in the chart reflect the filtered data in the table above. Hover over a dot to see more information.

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1269,"value":"viewof x_scatter_plot = Inputs.select(scatter_x_names, {\n value: \"Condition\",\n label: \"x-axis\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1299,"value":"viewof y_scatter_plot = Inputs.select(scatter_y_names, {\n value: \"Drugs tested\",\n label: \"y-axis\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1281,"value":"viewof scatterColors = Inputs.select(scatter_color_names, {\n value: \"Condition\",\n label: \"Color by...\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1275,"value":"ScatterColorLegend = swatches({\n color: d3.scaleOrdinal(\n dataFilter.map((d) => d[scatterColors]).sort(),\n colorScheme\n ),\n columns: \"150px\",\n maxWidth: \"250px\"\n})\n\n// Swatches({\n// color: d3.scaleOrdinal(unemployment.map(d => d.industry).sort(), d3.schemeTableau10),\n// columns: \"150px\"\n// }) // TODO Plot","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1273,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1514,"value":"scatterplot_desc = html`

Data are based on ${dataFilterLength} placebo-controlled, Phase 2+ clinical trials scraped from the U.S. National Library of Medicine’s Clinical Trials database. The position of each dot is determined from the x- and y-axes that were selected. Hover over a circle to see more information about each trial.

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2189,"value":"## The cells below power the drug tracker above.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":441,"value":"### Import Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":873,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":450,"value":"url = \"https://docs.google.com/spreadsheets/d/e/2PACX-1vRIG5TIZjNrkf6SbEI7_bFYniNdqIv559yKzDMCpTPiDf4R9Real4p6HlqpdA3qwavnFNKiApMCGvrG/pub?gid=0&single=true&output=csv\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":475,"value":"### Data Filter","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":478,"value":"dataFilter = {\n let filteredData = [];\n\n search.forEach((d) => {\n if (\n (d[\"Previously approved\"].includes(previousApproval.selection) ||\n previousApproval.selection === null) &&\n (d[\"Lead sponsor\"] === sponsorType.selection ||\n sponsorType.selection === null) &&\n (d[\"Combined modality\"] === combinedMode.selection ||\n combinedMode.selection === null) &&\n (d[\"Design masking\"] === isMasking.selection ||\n isMasking.selection === null) &&\n (d[\"Design allocation\"] === isRandomized.selection ||\n isRandomized.selection === null) &&\n d[\"Enrollment count\"] >= minEnrollment\n ) {\n filteredData.push(d);\n }\n });\n\n return filteredData;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1585,"value":"dataFilterLength = dataFilter.length","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":422,"value":"### Data Collections","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":426,"value":"differentSponsors = [...new Set(data.map((d) => d[\"Lead sponsor\"]))].sort()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":429,"value":"differentMaskings = [...new Set(data.map((d) => d[\"Design masking\"]))].sort()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":432,"value":"differentAllocations = [\n ...new Set(data.map((d) => d[\"Design allocation\"]))\n].sort()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":435,"value":"differentModalities = [\n ...new Set(data.map((d) => d[\"Combined modality\"]))\n].sort()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":438,"value":"differentApprovals = [\n ...new Set(data.map((d) => d[\"Previously approved\"]))\n].sort()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2196,"value":"filteredApprovals = [\n ...new Set(differentApprovals.map((d) => (d.includes(\"Yes\") ? \"Yes\" : \"No\")))\n].sort()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2210,"value":"resultsAvailable = [\n ...new Set(data.map((d) => d[\"Results first posted\"]))\n].sort()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2219,"value":"resultsAvailableFiltered = [\n ...new Set(resultsAvailable.map((d) => (d == \"Invalid Date\" ? \"No\" : \"Yes\")))\n].sort()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"minEnrolled = d3.min(data, (d) => d[\"Enrollment count\"])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":84,"value":"maxEnrolled = d3.max(data, (d) => d[\"Enrollment count\"])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":216,"value":"minAge = parseInt(d3.min(data, (d) => d[\"Minimum age\"]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":219,"value":"maxAge = parseInt(d3.max(data, (d) => d[\"Maximum age\"]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":730,"value":"histColorScale = d3.scaleOrdinal(\n [...new Set(dataFilter.map((d) => d[histColors]))],\n colorScheme\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1277,"value":"scatterColorScale = d3.scaleOrdinal(\n [...new Set(dataFilter.map((d) => d[scatterColors]))],\n colorScheme\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2305,"value":"most_recent_date = data.sort(function (a, b) {\n return new Date(b[\"Last updated\"]) - new Date(a[\"Last updated\"]);\n})[0]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":643,"value":"md`### Column Names for Plots`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":647,"value":"hist_column_names = [\n \"Completion date\",\n \"Enrollment count\",\n \"Last updated\",\n \"Maximum age\",\n \"Minimum age\",\n \"Results first posted\",\n \"Start date\"\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":682,"value":"hist_color_names = [\n \"Combined modality\",\n \"Completion date type\",\n \"Condition\",\n \"Design allocation\",\n \"Design intervention\",\n \"Design masking\",\n \"Gender\",\n \"Lead sponsor\",\n \"Previously approved\",\n \"Sponsor country\",\n \"Start date type\",\n \"Status\"\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1295,"value":"scatter_x_names = [\n \"Completion date\",\n \"Condition\",\n \"Enrollment count\",\n \"Last updated\",\n \"Maximum age\",\n \"Minimum age\",\n \"Results first posted\",\n \"Start date\"\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1302,"value":"scatter_y_names = [\n \"Completion date\",\n \"Drugs tested\",\n \"Enrollment count\",\n \"Last updated\",\n \"Maximum age\",\n \"Minimum age\",\n \"Results first posted\",\n \"Start date\"\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1783,"value":"scatter_color_names = [\n \"Combined modality\",\n \"Completion date type\",\n \"Condition\",\n \"Design allocation\",\n \"Design intervention\",\n \"Design masking\",\n \"Gender\",\n \"Lead sponsor\",\n \"Previously approved\",\n \"Sponsor country\",\n \"Start date type\",\n \"Status\"\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1392,"value":"### Style","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1398,"value":"tachyons = {\n const src = \"https://unpkg.com/tachyons@4.10.0/css/tachyons.min.css\";\n const n = html``;\n const api = {\n attach: () => document.querySelector(\"head\").prepend(n),\n detach: () => n.parentNode && n.parentNode.removeChild(n)\n };\n api.attach();\n invalidation.then(api.detach);\n return api;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1402,"value":"master_styles = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":734,"value":"md`### Fonts and Colors`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":763,"value":"// Color scheme generated at: http://vrl.cs.brown.edu/color\ncolorScheme = [\n \"#931B00\",\n \"#C46B4C\",\n \"#EDB39D\",\n \"#106B8A\",\n \"#5D9BB7\",\n \"#9ACFE7\",\n \"#D9AA00\",\n // \"#97bcb5\",\n \"#3f887f\",\n // \"#E8Bf5F\",\n \"#F1D59E\",\n \"#000000\",\n \"#706F6A\",\n \"#D6D3CA\",\n \"#c6dad8\"\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1379,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":456,"value":"### Imports","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"import { SummaryTable } from \"@observablehq/summary-table\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":145,"value":"import { rangeSlider } from \"@mootari/range-slider\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":589,"value":"import { swatches, Swatches } from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1058,"value":"import { slider, select } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":483,"value":"button = (data, filename = \"data.csv\") => {\n if (!data) throw new Error(\"Array of data required as first argument\");\n\n let downloadData;\n if (filename.includes(\".csv\")) {\n downloadData = new Blob([d3.csvFormat(data)], { type: \"text/csv\" });\n } else {\n downloadData = new Blob([JSON.stringify(data, null, 2)], {\n type: \"application/json\"\n });\n }\n\n const size = (downloadData.size / 1024).toFixed(0);\n const button = DOM.download(\n downloadData,\n filename,\n `Download ${filename} (~${size} KB)`\n );\n return button;\n} // From https://observablehq.com/@jeremiak/download-data-button","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1041,"value":"// Compact inputs, from: https://observablehq.com/@bumbeishvili/input-groups\nfunction inputsGroup(views, names, args) {\n const form = html`

${views.map(\n (row) =>\n html`

${row.map(\n (input) =>\n html`

${input}

`\n )}

`;\n\n form.oninput = () => {\n const values = views.map((row) => row.map((input) => input.value));\n form.value = values;\n\n if (args && args.objOnly) form.value = {};\n if (names) {\n names.forEach((row, i) =>\n row.forEach(\n (c, j) => values[i][j] != null && (form.value[c] = values[i][j])\n )\n );\n }\n };\n form.oninput();\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1361,"value":"import { view } from \"@tomlarkworthy/view\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1366,"value":"### Functions","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1371,"value":"function reset(input, value) {\n const len = input.length;\n if (len) {\n for (let i = 0; i < len; i++) {\n input[i].checked = null;\n }\n input.dispatchEvent(new Event(\"input\", { bubble: true }));\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1375,"value":"// Based on https://observablehq.com/@observablehq/synchronized-inputs\nfunction set(input, value) {\n input.value = value;\n input.dispatchEvent(new Event(\"input\", { bubble: true }));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1405,"value":"Clearable buttons is taken from https://observablehq.com/@saneef/is-observable-inputs-style-able","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1383,"value":"clearableRadio = (values, options) => {\n const radioGroup = Inputs.radio(values, options);\n\n const clearBtn = Inputs.button(\"Clear Selection\", {\n reduce: (r) => {\n reset(radioGroup, null);\n return r + 1;\n }\n });\n\n return view`

${[\"selection\", radioGroup]}

${[\"cleared\", clearBtn]}

`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1388,"value":"ns = Inputs.text().classList[0]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1614,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1616,"value":"// Function to position the tooltip\nhover = (tip, pos, text) => {\n const side_padding = 10;\n const vertical_padding = 5;\n const vertical_offset = 15;\n\n // Empty it out\n tip.selectAll(\"*\").remove();\n\n // Append the text\n tip\n .style(\"text-anchor\", \"middle\")\n .style(\"pointer-events\", \"none\")\n .attr(\"transform\", `translate(${pos[0]}, ${pos[1] + 7})`)\n .selectAll(\"text\")\n .data(text)\n .join(\"text\")\n .style(\"dominant-baseline\", \"ideographic\")\n .text((d) => d)\n .attr(\"y\", (d, i) => (i - (text.length - 1)) * 15 - vertical_offset)\n .style(\"font-weight\", (d, i) => (i === 0 ? \"bold\" : \"normal\"));\n\n const bbox = tip.node().getBBox();\n\n // Add a rectangle (as background)\n tip\n .append(\"rect\")\n .attr(\"y\", bbox.y - vertical_padding)\n .attr(\"x\", bbox.x - side_padding)\n .attr(\"width\", bbox.width + side_padding * 2)\n .attr(\"height\", bbox.height + vertical_padding * 2)\n .style(\"fill\", \"white\")\n .style(\"stroke\", \"#d3d3d3\")\n .lower();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1618,"value":"// To generate a unique ID for each chart so that they styles only apply to that chart\nid_generator = () => {\n var S4 = function () {\n return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\n };\n return \"a\" + S4() + S4();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2165,"value":"function overflow_small(words) {\n return (x) => htl.html`

${x.toLocaleString(\"en\")}`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":463,"value":"### Appendix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":468,"value":"$34","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1"}} 30:"$2f:body" 2b:E{"digest":"NEXT_REDIRECT;replace;/@spectrumnews/drugtracker;307;"}