29:["$","title",null,{"children":"Hackaviz 2021 : Box_plot explorer | Alain Ottenheimer | Observable"}] 2e:Ta44,boxplot = { const w = 700, h = 700, svg = d3.select(DOM.svg(w, h)); svg .append("g") .attr("transform", "translate(0," + 600 + ")") .call(d3.axisBottom(x)) .attr("font-size", "16px"); svg .append("g") .call(d3.axisLeft(y)) .attr("font-size", "16px") .attr("transform", "translate(80,0)"); // -------------Tracé des lignes verticales ----------------- svg .selectAll("vertLines") .data(sumDat) .enter() .append("line") .attr("x1", function(d) { return x(d.key); }) .attr("x2", function(d) { return x(d.key); }) .attr("y1", function(d) { return y(d.value.min); }) .attr("y2", function(d) { return y(d.value.max); }) .attr("stroke", "black") .attr("stroke-width", "1px") .style("width", 40); var boxWidth = 80; // -------------Tracé titre ----------------- svg .append("text") .attr("transform", "translate(" + 440 / 2 + "," + 680 + ")") .style("text-anchor", "middle") .attr("font-size", 18) .attr("fill", "#660066") .text(select_attribut); // -------------Tracé des boites ----------------- svg .selectAll("boxes") .data(sumDat) .enter() .append("rect") .attr("x", function(d) { return x(d.key) - boxWidth / 2; }) .attr("y", function(d) { return y(d.value.q3); }) .attr("height", function(d) { return y(d.value.q1) - y(d.value.q3); }) .attr("width", boxWidth) .attr("stroke", "black") //.style("fill", "#69b3a2"); .style("fill", d => (d.key == "QP_centre" ? "lightblue" : "lightgreen")); // -------------Tracé des médianes ----------------- svg .selectAll("medianLines") .data(sumDat) .enter() .append("line") .attr("x1", function(d) { return x(d.key) - boxWidth / 2; }) .attr("x2", function(d) { return x(d.key) + boxWidth / 2; }) .attr("y1", function(d) { return y(d.value.median); }) .attr("y2", function(d) { return y(d.value.median); }) .attr("stroke", "black"); // -------------Tracé des cercles ----------------- var jitterWidth = 50; svg .selectAll("indPoints") .data(data_foncier_qp) .enter() .append("circle") .attr("cx", function(d) { return x(d.centre) - jitterWidth / 2 + Math.random() * jitterWidth; }) .attr("cy", function(d) { return y(d[select_attribut]); }) .attr("r", 3.5) .style("fill", "lightgrey") .attr("stroke", "black") .text(function(d) { return d[select_attribut]; }); return svg.node(); }2f:T8af,data_foncier_qp = merge_data_foncier_qp .map(function(d) { return { dept: d.code_qp.slice(3, 5), population_qp: +d.pop_mun, lib_qp: d.nom_qp, lib_com: d.nom_commune, population_com: +d.pop_com, ratio_population: +format(100 * (+d.pop_mun / +d.pop_com)), ratio_etranger: +format(d.tx_tot_et), nb_transaction_maison: +d.count_maison ? +d.count_maison : 0, nb_transaction_appart: +d.count_appartement ? +d.count_appartement : 0, nb_transaction: +d.count_maison + +d.count_appartement ? +d.count_maison + +d.count_appartement : 0, transactionParHab: +d.count_maison + +d.count_appartement ? +format( (100 * (+d.count_maison + +d.count_appartement)) / +d.pop_mun ) : 0, centre: d.centre, ind_jeune: +d.ind_jeune, tx_tot_et: +d.tx_tot_et, percou: +d.percou, pmimp: +d.pmimp, part_chomprinc: +d.part_chomprinc, decuc_q2: +d.decuc_q2, decuc_d1: +d.decuc_d1, decuc_d9: +d.decuc_d9, disp_q2: +d.disp_q2, disp_d1: +d.disp_d1, disp_d9: +d.disp_d9, tp60: +d.tp60, brev: +d.brev, a: +d.a, tx_tot_empl: +d.tx_tot_empl, tx_tot_eprec: +d.tx_tot_eprec, tx_abcde: +format((100 * +d.abcde) / +d.pop_mun), tx_abc_capbep: +format((100 * +d.abc_capbep) / +d.pop_mun), tx_abc_bac: +format((100 * +d.abc_bac) / +d.pop_mun), tx_abc_supbac: +format((100 * +d.abc_supbac) / +d.pop_mun), tx_ec_mat: +format2((100 * +d.ec_mat) / +d.pop_mun), tx_ec_elem: +format2((100 * +d.ec_elem) / +d.pop_mun), tx_ec_elem_pri: +format2((100 * +d.ec_elem_pri) / +d.pop_mun), tx_coll: +format2((100 * +d.coll) / +d.pop_mun), tx_coll_pri: +format2((100 * +d.coll_pri) / +d.pop_mun), tx_nbetab: +format2((100 * +d.nbetab) / +d.pop_mun), tx_ens_sante: +format2((100 * +d.ens_sante) / +d.pop_mun), tx_tx_serv_par: +format2((100 * +d.serv_par) / +d.pop_mun), tx_serv_tot: +format2((100 * +d.serv_tot) / +d.pop_mun), tx_auto_ent: +format((100 * +d.auto_ent) / +d.pop_mun) }; }) .sort((a, b) => d3.ascending(a.lib_qp, b.lib_qp))30:[{"id":"adbf722909d97328786059e74db4e7376e3301470248a626d18b6efea1947eceb94e369c52b29ce7040a78e4f83e2dafb968c475f53eb2f1eb132a93d4fde2b0","href":"https://static.observableusercontent.com/files/adbf722909d97328786059e74db4e7376e3301470248a626d18b6efea1947eceb94e369c52b29ce7040a78e4f83e2dafb968c475f53eb2f1eb132a93d4fde2b0","name":"count_transaction_qp@1.csv","type":"text/csv","lastModified":1631628006980.509,"size":1547},{"id":"797af9fa75ad125c97a3045ee4448439517a98a60fd190f48c8d12eebdb9ff78375d120b21c3d71d1c0086c5933acf0e7321847c7d1c633eaf6c6d2fb038fd48","href":"https://static.observableusercontent.com/files/797af9fa75ad125c97a3045ee4448439517a98a60fd190f48c8d12eebdb9ff78375d120b21c3d71d1c0086c5933acf0e7321847c7d1c633eaf6c6d2fb038fd48","name":"qp_mod@4.csv","type":"text/csv","lastModified":1631699969712.212,"size":22644}] 2c:{"id":"4c4c89ce03d0aa46","slug":"hackaviz-2021-box_plot-explorer","title":" Hackaviz 2021 : Box_plot explorer ","thumbnail":"c352476ad786cd2713efd56a11fd87fbe807036b87685f01015db7a837317d4f","access_level":"public","create_time":"$D2021-09-13T13:35:05.226Z","update_time":"$D2024-01-08T14:19:39.096Z","view_time":null,"first_public_time":"$D2021-09-26T17:32:28.223Z","has_unpublished_edits":null,"fork":true,"stars":1,"starred":false,"owner":{"type":"team","id":"8abb31dbb05a1a94","login":"aotten","name":"Alain Ottenheimer","avatar_url":"https://avatars-next.observableusercontent.com/c908270df8ca89015b1f236bb9cc9fb2d79a649dbedef18f6cf2290d288650c3","tier":"starter_2024"},"version":5729,"publish_version":5729,"role":null,"authored":false,"authors":[{"type":"individual","id":"39f8227195038a1f","login":"aotten","name":"Alain Ottenheimer","avatar_url":"https://avatars-next.observableusercontent.com/c908270df8ca89015b1f236bb9cc9fb2d79a649dbedef18f6cf2290d288650c3","tier":null}],"members":[{"type":"individual","id":"39f8227195038a1f","login":"aotten","name":"Alain Ottenheimer","avatar_url":"https://avatars-next.observableusercontent.com/c908270df8ca89015b1f236bb9cc9fb2d79a649dbedef18f6cf2290d288650c3","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":" Hackaviz 2021 : Box_plot explorer ","cells":[{"id":4,"value":"note = md`\n# Hackaviz 2021 : Box_plot explorer \n## Quartiers Prioritaires (QP) d’Occitanie : caractéristiques et transactions immobilières..\nVersion 1.0\n\nThis notebook is using 2 csv files about neighborhoods of cities in Occitania region in France. \n\nA merge of the 2 files is done. \n\nOne column of csv file identify the localisation of neighborhoods (center or not in the center of the city). We want to compare the values of the other attributs for this 2 groups. \n\nA dropbox is generated with the header of the csv file. The user could choose which attribut to be displayed in the box-plot graghics.\n\nVersion 1.0\n\nSee note 1 for more data informations ^{[[1](#footnote1)]} \n\nSee note 2 for references ^{[[2](#footnote2)]} \n\nsee note 3 for to do list ^{[[3](#footnote3)]}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1432,"value":"md`\n## INTRODUCTION \nCe notebook exploite les données du concours de l'Hackaviz 2021 proposé par l'association [**Toulouse DataViz**](https://www.toulouse-dataviz.fr)\n\nDeux types de QP sont identifiés : les Quartiers prioritaires QP identifiés par leur nom comme étant situés au centre des communes et les QP périphériques. \n\nLes boxplot permettent de visualiser les attributs associés à cet typologie de QP\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2455,"value":"md`\n## INTERACTION \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5603,"value":"graph_svg_3 = DOM.download(\n await serialize(boxplot),\n select_attribut + '_boxplot.svg',\n 'Download boxplot as svg'\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5274,"value":"viewof select_attribut = select({\n title: \"\",\n description: \"Choisissez la variable à visualiser.\",\n options: dataKeys,\n value: \"transactionParHab\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5014,"value":"md`\n## GRAPHICS \n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5307,"value":"$2e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2510,"value":"md``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5507,"value":"tooltip = {\n boxplot;\n const tooltip = d3\n .select(\"body\")\n .append(\"div\")\n .style(\"position\", \"absolute\")\n .style(\"visibility\", \"hidden\")\n .text(\"ege\");\n\n d3.selectAll(\"circle\")\n .on(\"mouseover\", function (d) {\n d3.select(this).transition();\n //.attr('r', 10);\n })\n .on(\"mousemove\", function (d) {\n return tooltip\n .style(\"background-color\", \"white\")\n .html(\n `\\\ncommune: ${d.lib_com}
\\\nQP: ${d.lib_qp}
\\\nselect_attribut: ${d[select_attribut]}
\\\n`\n )\n .style(\"top\", d3.event.pageY - 10 + \"px\")\n .style(\"left\", d3.event.pageX + 20 + \"px\")\n .style(\"visibility\", \"visible\");\n })\n .on(\"mouseout\", function () {\n d3.select(this).transition();\n //.attr('r', 5);\n return tooltip.html(``).style(\"visibility\", \"hidden\");\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5303,"value":"y = d3\n .scaleLinear()\n .domain([\n 0,\n sumDat[0].value.scale > sumDat[1].value.scale\n ? sumDat[0].value.scale\n : sumDat[1].value.scale\n ])\n .range([600, 10])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5304,"value":"x = d3\n .scaleBand()\n .range([80, 400])\n .domain([\"QP_centre\", \"QP_peripherie\"])\n .paddingInner(1)\n .paddingOuter(0.5)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5052,"value":"md`\n## DATA \n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5587,"value":"md`\nLes données recupérées sur Github ont été modifiées pour intégrer les caractéristiques des QP et des données sur les transactions immobilières dans un unique fichier. Cette opération a été effectuée en partie dans un autre notebook observablehq : \nhttps://observablehq.com/d/2d797c72d987925f.\n\nAvant chargement dans ce notebook, Une colonne supplémentaire a été ajoutée pour différentier les QP centre et le QP périphérie. \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5209,"value":"raw_data_qp = FileAttachment(\"qp_mod@4.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5211,"value":"count_transaction_qp = FileAttachment(\"count_transaction_qp@1.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5061,"value":"md`\n## DATA TREATMENT \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5215,"value":"merge = (a1, a2) =>\n a1.map((itm) => ({\n ...a2.find((item) => item.code_qp === itm.code_qp),\n ...itm\n }))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5193,"value":"merge_data_foncier_qp = merge(raw_data_qp, count_transaction_qp)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5253,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5297,"value":"dataKeys = d3.keys(data_foncier_qp[0])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5301,"value":"function calculateValues(d, key) {\n var q1 = d3.quantile(d.map((g) => g[key]).sort(d3.ascending), 0.25);\n var median = d3.quantile(d.map((g) => g[key]).sort(d3.ascending), 0.5);\n var q3 = d3.quantile(d.map((g) => g[key]).sort(d3.ascending), 0.75);\n var iqr = q3 - q1;\n var min = q1 - 1.5 * iqr;\n var max = q3 + 1.5 * iqr;\n return { key: key, values: [q1, median, q3, iqr, min, max] };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5231,"value":"sumDat = {\n var sumstat = d3\n .nest()\n .key(function(d) {\n return d.centre;\n })\n .rollup(function(d) {\n var q1 = d3.quantile(\n d.map(g => g[select_attribut]).sort(d3.ascending),\n 0.25\n );\n var median = d3.quantile(\n d.map(g => g[select_attribut]).sort(d3.ascending),\n 0.5\n );\n var q3 = d3.quantile(\n d.map(g => g[select_attribut]).sort(d3.ascending),\n 0.75\n );\n var iqr = q3 - q1;\n var min = q1 - 1.5 * iqr;\n var max = q3 + 1.5 * iqr;\n var scale = d3.max(d.map(g => g[select_attribut]));\n return {\n q1: q1,\n median: median,\n q3: q3,\n interQuantileRange: iqr,\n min: min,\n max: max,\n scale: scale > max ? scale : max\n };\n })\n .entries(data_foncier_qp);\n return sumstat;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5294,"value":"newsumData = dataKeys.map(m => calculateValues(data_foncier_qp, m))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5576,"value":"md`\n\n- Deux types de QP sont identifiés : les Quartiers prioritaires QP identifiés par leur nom comme étant situés au centre des communes et les QP périphériques. \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5567,"value":"//scroll_table = table(data_foncier_qp)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5072,"value":"md`\n## CONFIGURATION \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5243,"value":"format = d3.format(\".1f\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5721,"value":"format2 = d3.format(\".4f\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5073,"value":"md`\n## REFERENCE \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5078,"value":"md`\n## IMPORT \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5568,"value":"import { table } from \"@gampleman/table\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5565,"value":"import { printTable } from '@uwdata/data-utilities'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5112,"value":"import { select, color, radio, slider, checkbox } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5607,"value":"import { rasterize, serialize } from \"@mbostock/saving-svg\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5116,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5123,"value":"md`\n## NOTES \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5129,"value":"footnote = (referencingCellName, number, text) => {\n return html`

^ ${text}

`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5127,"value":"footnote1 = footnote(\"note\", 1, \"Data informations\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5146,"value":"md`Les jeux de données proviennent de l'hachackaviz #2021 de l'association Toulouse-DataViz\nvoir github https://github.com/ToulouseDataViz/Hackaviz2021\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5132,"value":"footnote2 = footnote(\"note\", 2, \"References\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5148,"value":"md`https://observablehq.com/@akulmehta/box-plot`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5135,"value":"footnote3 = footnote(\"note\", 3, \"To Do List\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5595,"value":"md`\n// Ce code permet de calculer les valeurs des boxplot pour l'ensemble des caractéristiques des QP\n\nnewsumData = dataKeys.map((m) => calculateValues(data_foncier_qp, m))\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5150,"value":"md``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2528,"value":"md``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1862,"value":"md``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2285,"value":"md``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W30","stdlib":"1"}} 2d:"$2c:body" 28:E{"digest":"NEXT_REDIRECT;replace;/@aotten/hackaviz-2021-box_plot-explorer;307;"}