3f:null 40:["$","title",null,{"children":"Stacked Bar Chart | Benoit Bellefontaine | Observable"}] 46:T41e,dataBeneficeChiffreAffaire = d3.csvParse( `date,name,be,ca 2010-01-01,Acme,100,1000 2010-01-01,Acme2,90,900 2010-01-01,Acme3,110,1100 2010-01-01,Acme4,80,800 2011-01-01,Acme,120,1200 2011-01-01,Acme2,90,900 2011-01-01,Acme3,110,1100 2011-01-01,Acme4,80,800 2012-01-01,Acme,125,1300 2012-01-01,Acme2,90,900 2012-01-01,Acme3,110,1100 2012-01-01,Acme4,80,800 2013-01-01,Acme,145,1400 2013-01-01,Acme2,90,9007 2013-01-01,Acme3,110,1100 2013-01-01,Acme4,80,800 2014-01-01,Acme,175,1700 2014-01-01,Acme2,90,900 2014-01-01,Acme3,110,1100 2014-01-01,Acme4,80,800 2015-01-01,Acme,200,1900 2015-01-01,Acme2,90,900 2015-01-01,Acme3,110,1100 2015-01-01,Acme4,100,800 2016-01-01,Acme,220,2100 2016-01-01,Acme2,90,900 2016-01-01,Acme3,140,1100 2016-01-01,Acme4,80,800 2017-01-01,Acme,300,2150 2017-01-01,Acme2,90,900 2017-01-01,Acme3,10,1100 2017-01-01,Acme4,80,800 2018-01-01,Acme,310,2300 2018-01-01,Acme2,110,900 2018-01-01,Acme3,100,1100 2018-01-01,Acme4,80,800 2019-01-01,Acme,800,2800 2019-01-01,Acme2,90,900 2019-01-01,Acme3,110,1100 2019-01-01,Acme4,200,800 `)47:T533,chart = { const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); const rect = svg.selectAll("g") .data(y01z) .join("g") .attr("fill", (d, i) => z(i)) .selectAll("rect") .data(d => d) .join("rect") .attr("x", (d, i) => x(i)) .attr("y", height - margin.bottom) .attr("width", x.bandwidth()) .attr("height", 0); svg.append("g") .call(xAxis); svg.append("g") .call(yAxis); function transitionGrouped() { y.domain([0, y1Max]); rect.transition() .duration(500) .delay((d, i) => i * 20) .attr("x", (d, i) => x(i) + x.bandwidth() / n * d[2]) .attr("width", x.bandwidth() / n) .transition() .attr("y", d => y(d[1] - d[0])) .attr("height", d => y(0) - y(d[1] - d[0])); } function transitionStacked() { y.domain([0, y1Max]); rect.transition() .duration(500) .delay((d, i) => i * 20) .attr("y", d => y(d[1])) .attr("height", d => y(d[0]) - y(d[1])) .transition() .attr("x", (d, i) => x(i)) .attr("width", x.bandwidth()); } function update(layout) { if (layout === "stacked") transitionStacked(); else transitionGrouped(); } transitionStacked(); return Object.assign(svg.node(), {update}); }48:T404,chart2 = { replay; const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]) .style("background-color", 'white' ) .style("border", '1px solid #bbbbbb' ) const updateStacks = stacks(svg); const updateAxisY = axisY2(svg); //const updateRects = rects(svg); svg.append("g").call(xAxis2); //svg.append("g").call(yAxis2); yield svg.node(); let i = 0; for (const keyframe of keyframes) { //console.log("KF",i++) const transition = svg.transition() .duration(duration) .ease(d3.easeLinear); // Extract the top bar’s value. y2.domain([0, keyframe[1][3].value]); console.log('keyframe',keyframe[1][0]) updateStacks(keyframe, transition); updateAxisY(keyframe, transition); //updateAxisX(keyframe, transition); //updateLabels(keyframe, transition); //updateTicker(keyframe, transition); invalidation.then(() => svg.interrupt()); await transition.end(); } console.log("FIN") }49:T4fa,function labels(svg) { let label = svg.append("g") .style("font", "bold 12px var(--sans-serif)") .style("font-variant-numeric", "tabular-nums") .attr("text-anchor", "end") .selectAll("text"); return ([date, data], transition) => label = label .data(data.slice(0, n), d => d.name) .join( enter => enter.append("text") .attr("transform", d => `translate(${x((prev.get(d) || d).value)},${y((prev.get(d) || d).rank)})`) .attr("y", y.bandwidth() / 2) .attr("x", -6) .attr("dy", "-0.25em") .text(d => d.name) .call(text => text.append("tspan") .attr("fill-opacity", 0.7) .attr("font-weight", "normal") .attr("x", -6) .attr("dy", "1.15em")), update => update, exit => exit.transition(transition).remove() .attr("transform", d => `translate(${x((next.get(d) || d).value)},${y((next.get(d) || d).rank)})`) .call(g => g.select("tspan").tween("text", d => textTween(d.value, (next.get(d) || d).value))) ) .call(bar => bar.transition(transition) .attr("transform", d => `translate(${x(d.value)},${y(d.rank)})`) .call(g => g.select("tspan").tween("text", d => textTween((prev.get(d) || d).value, d.value)))); }4a:[] 44:{"id":"ce6312f94a321204","slug":"stacked-bar-char","title":"Stacked Bar Chart","thumbnail":"45dfc26df613930263bb427913a353ea041921a0773e8a604365442599f3a03b","access_level":"public","create_time":"$D2021-02-12T01:42:19.293Z","update_time":"$D2021-03-09T00:30:49.353Z","view_time":null,"first_public_time":"$D2021-02-15T01:39:06.545Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"43f62cbe1f8f9f4d","login":"benoit","name":"Benoit Bellefontaine","avatar_url":"https://avatars-next.observableusercontent.com/971427c338ee8c760262d78f92aeeb24c4ddf5edb7ea853e46fbaa7abd1f3bb4","tier":"starter_2024","bio":"","following":false},"version":980,"publish_version":980,"role":null,"authored":false,"authors":[{"type":"individual","id":"cf6cad7da04082b5","login":"benoit","name":"Benoit Bellefontaine","avatar_url":"https://avatars-next.observableusercontent.com/971427c338ee8c760262d78f92aeeb24c4ddf5edb7ea853e46fbaa7abd1f3bb4","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"cf6cad7da04082b5","login":"benoit","name":"Benoit Bellefontaine","avatar_url":"https://avatars-next.observableusercontent.com/971427c338ee8c760262d78f92aeeb24c4ddf5edb7ea853e46fbaa7abd1f3bb4","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Stacked Bar Chart","cells":[{"id":0,"value":"md`# Stacked Bar Chart`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":686,"value":"$46","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"viewof layout = { \n const form = html``;\n const interval = setInterval(() => {\n form.value = form.radio.value = form.radio.value === \"grouped\" ? \"stacked\" : \"grouped\";\n form.dispatchEvent(new CustomEvent(\"input\"));\n }, 2000);\n form.onchange = () => form.dispatchEvent(new CustomEvent(\"input\")); // Safari\n form.oninput = event => {\n if (event.isTrusted) clearInterval(interval), form.onchange = null;\n form.value = form.radio.value;\n };\n form.value = form.radio.value;\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"$47","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":266,"value":"viewof replay = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":264,"value":"$48","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":929,"value":"duration = 1000","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":465,"value":"function rects(svg) {\n const rect = svg.selectAll(\"g\")\n .data(y01z)\n .join(\"g\")\n .attr(\"fill\", (d, i) => z(i))\n .selectAll(\"rect\")\n .data(d => d)\n .join(\"rect\")\n .attr(\"x\", function(d, i) { return x(i); })\n .attr(\"y\", height - margin.bottom)\n .attr(\"width\", x.bandwidth())\n .attr(\"height\", 0);\n \n y.domain([0, y1Max]);\n\n rect.transition()\n .duration(500)\n .delay((d, i) => i * 20)\n .attr(\"y\", d => y(d[1]))\n .attr(\"height\", d => y(d[0]) - y(d[1]))\n .transition()\n .attr(\"x\", function(d, i) { return x(i); })\n .attr(\"width\", x.bandwidth());\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":268,"value":"function stacks(svg) {\n let bar = svg.append(\"g\")\n .attr(\"fill-opacity\", 0.5)\n .selectAll(\"rect\");\n\n return ([date, data], transition) => bar = bar\n .data(data.slice(0, n), d => d.name)\n .join(\n enter => enter.append(\"rect\")\n .attr(\"fill\", (d,i)=>color(i))\n .attr(\"fill\", function(d) {return (d.name===\"Acme\"?\"#FF000088\":\"#88776688\");} )\n .attr(\"rx\", 6)\n .attr(\"ry\", 6)\n .attr(\"x\", d => x2(d.rank))\n .attr(\"width\", x2.bandwidth())\n .attr(\"y\", height)\n .attr(\"height\", 0),\n update => update,\n exit => exit.transition(transition).remove()\n .attr(\"x\", d => x2((next.get(d) || d).rank))\n .attr(\"y\", y2(0))\n .attr( \"height\", d => height - y2( (next.get(d) || d).value ) )\n )\n .call(bar => bar.transition(transition)\n .attr(\"x\", d => x2(d.rank))\n .attr(\"y\", function(d) { return y2(d.value); })\n .attr(\"height\", function(d) { return height - y2(d.value) - margin.bottom })\n );\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":979,"value":"$49","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":822,"value":"nameframes = d3.groups(keyframes.flatMap(([, data]) => data), d => d.name)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"update = chart.update(layout)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"xz = d3.range(m) // the x-values shared by all series","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":104,"value":"quarters = new Set(xz.map(m => 'T'+m))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"yz = d3.range(n).map(() => bumps(m)) // the y-values of each of the n series","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"y01z = d3.stack()\n .keys(d3.range(n))\n (d3.transpose(yz)) // stacked yz\n .map((data, i) => data.map(([y0, y1]) => [y0, y1,i]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":180,"value":"k = 1","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":757,"value":"names = new Set(dataBeneficeChiffreAffaire.map(d => d.name))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":760,"value":"function rank(value) {\n const data = Array.from(names, name => ({name, value: value(name)}));\n data.sort((a, b) => d3.ascending(a.value, b.value));\n for (let i = (data.length-1); i >= 0; --i) data[i].rank = Math.min(n, i);\n return data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":177,"value":"keyframes = {\n const keyframes = [];\n let ka, a, kb, b;\n for ([[ka, a], [kb, b]] of d3.pairs(datevalues)) {\n console.log('a',a);\n //console.log('b',b);\n for (let i = 0; i < k; ++i) {\n const t = i / k;\n keyframes.push([\n new Date(ka * (1 - t) + ka * t),\n rank(name => (a.get(name) || 0) * (1 - t) + (b.get(name) || 0) * t)\n ]);\n }\n }\n keyframes.push([new Date(kb), rank(name => b.get(name) || 0)]);\n return keyframes;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":168,"value":"values = Array.from(d3.rollup(y01z[1], ([d]) => d[1], d => d[0], d => d[1] ))\n .map(([d, data],i) => [\"T\"+i, data])\n .sort(([a], [b]) => d3.ascending(a, b))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":690,"value":"datevalues = Array.from(d3.rollup(dataBeneficeChiffreAffaire, ([d]) => +d.be, d => d.date, d => d.name))\n .map(([date, data]) => [new Date(date), data])\n .sort(([a], [b]) => d3.ascending(a, b))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":828,"value":"prev = new Map(nameframes.flatMap(([, data]) => d3.pairs(data, (a, b) => [b, a])))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":830,"value":"next = new Map(nameframes.flatMap(([, data]) => d3.pairs(data)))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"value":"keys = [\"Mister A\", \"Brigitte\", \"Brigitte2\", \"Brigitte3\", \"Brigitte4\", \"Brigitte5\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":55,"value":"color = d3.scaleOrdinal()\n .domain(keys)\n .range(d3.schemeCategory10);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"yMax = d3.max(yz, y => d3.max(y))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"y1Max = d3.max(y01z, y => d3.max(y, d => d[1]))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"x = d3.scaleBand()\n .domain(xz)\n .rangeRound([margin.left, width - margin.right])\n .padding(0.08)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":796,"value":"x2 = d3.scaleBand()\n .domain(d3.range(n+1))\n //.domain(d3.extent(names))\n .rangeRound([margin.left, margin.left + barSize * (n + 1 + 0.1)])\n .padding(0.3)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"y = d3.scaleLinear()\n .domain([0, y1Max])\n .range([height - margin.bottom, margin.top])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":799,"value":"y2 = d3.scaleLinear()\n .range([height - margin.bottom, margin.top])\n .domain([0, d3.max(dataBeneficeChiffreAffaire, function(d) { return d.be; })])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"z = d3.scaleSequential(d3.interpolateReds)\n .domain([-0.5 * n, 1.5 * n])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"xAxis = svg => svg.append(\"g\")\n .attr(\"transform\", `translate(0,${height - margin.bottom})`)\n .style(\"color\", \"black\")\n .call(d3.axisBottom(x).tickSizeOuter(0).tickFormat((i) => 'T'+i ))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":850,"value":"xAxis2 = svg => svg.append(\"g\")\n .attr(\"transform\", `translate(0,${height - margin.bottom})`)\n .style(\"color\", \"black\")\n .call(d3.axisBottom(x2))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":113,"value":"yAxis = svg => svg.append(\"g\")\n .attr(\"transform\", `translate(${margin.left},0)`)\n .style(\"color\", \"black\")\n .call(d3.axisLeft(y).tickSizeOuter(0).tickFormat((y) => y))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":847,"value":"function axisY2(svg) {\n const g = svg.append(\"g\")\n //.attr(\"transform\", `translate(0,${margin.top})`)\n .attr(\"transform\", `translate(${margin.left},0)`)\n .attr(\"height\", height+margin.bottom);\n \n // const axisx = d3.axisBottom(x2)\n // .ticks(width / 160)\n // .tickSizeOuter(0)\n // .tickSizeInner(-barSize * (n + y.padding()));\n \n const axisy = d3.axisLeft(y2)\n .ticks((height / 50))\n .tickSizeOuter(0)\n .tickSizeInner(-200 * (n + x2.padding()));\n\n return (_, transition) => {\n g.transition(transition).call(axisy);\n //g.select(\".tick:first-of-type text\").remove();\n g.selectAll(\".tick:not(:first-of-type) line\").attr(\"stroke\", \"#888888\");\n g.select(\".domain\").remove();\n };\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"n = 4 // number of series","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"m = 5 // number of values per series","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"height = 250","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":839,"value":"width = margin.left + barSize * n + margin.right","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":843,"value":"barSize = 150","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"margin = ({top: 40, right: 10, bottom: 20, left: 30})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"// Returns an array of m psuedorandom, smoothly-varying non-negative numbers.\n// Inspired by Lee Byron’s test data generator.\n// http://leebyron.com/streamgraph/\nfunction bumps(m) {\n const values = [];\n\n // Initialize with uniform random values in [0.1, 0.2).\n for (let i = 0; i < m; ++i) {\n values[i] = i + 0.1 + 0.1 * Math.random();\n }\n\n // Add five random bumps.\n for (let j = 0; j < 5; ++j) {\n const x = 1 / (0.1 + Math.random());\n const y = 2 * Math.random() - 0.5;\n const z = 10 / (0.1 + Math.random());\n for (let i = 0; i < m; i++) {\n const w = (i / m - y) * z;\n values[i] += x * Math.exp(-w * w);\n }\n }\n\n // Ensure all values are positive.\n for (let i = 0; i < m; ++i) {\n values[i] = Math.max(0, values[i]);\n }\n\n return values;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"d3 = require(\"d3@6\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4a","stdlib":"1"}} 45:"$44:body"