31:T407,chart = html`

${ tex`\Omega_1` }: ${ title(0) }

${ tex`\Omega_2` }: ${ title(1) }

${next_button()}

${ tex`D_{${ alphas[alpha] === Infinity ? "∞" : alphas[alpha] }}^R(\Omega_1 || \Omega_2) = ${ sum(dat.deltas.map(d => +d)).toFixed(3) }` }

${ alphas[alpha] === Infinity ? infinity : alphas[alpha] === 0 ? zero : not_zero }

${ plot_diamond() }

${ plot_word_shift() }

${ plot_legend() }

${ plot_balance() }

`32:T13c9,plot_diamond = () => { // Set up const buckets = d3.range(0, ncells, bin_size) const center_y = d3.scaleThreshold().domain(buckets).range(buckets.map(d => d-(bin_size/2))); const max_xy = d3.max(diamond_dat, d => d.x1) // max_x == max_y const max_rank = d3.max(diamond_dat, (d) => d.rank_L[1]); // max_rankL == max_rankL const max_val = d3.max(diamond_dat, d => d.value) const max_rd = d3.max(diamond_dat, d => rank_turbulence(d.x1,d.y1,alpha)) const xy = d3.scaleBand().domain(diamond_dat.map(d=>d.x1)).range([0, visWidth]) const xyd = d3.scaleBand().domain(diamond_dat.map(d=>d.cos_dist)).range([0, visWidth]) const xyc = d3.scaleBand().domain(diamond_dat.map(d=>center_y(d.coord_on_diag))).range([0, visWidth]) const xyDomain = [1, 10**Math.ceil(Math.max(Math.log10(max_rank)))]; const xyScale = d3.scaleLog().domain(xyDomain).range([0, visWidth]) const xyScaleLin = d3.scaleLinear().domain([0,ncells-1]).range([0, visWidth]) const textScaleLin = d3.scaleLinear().domain([0,max_rd]).range([0.3,1]) const color_scale = d3.scaleSequentialLog().domain([max_val, 1]).interpolator(d3.interpolateInferno) // Start plotting const svg = d3.create("svg") const g = svg.attr("id", "myGraph") .attr('height', visHeight + margin.top + margin.bottom) .attr('width', visWidth) .attr("viewBox", [0-50, 0, visWidth + margin.top+50, visHeight]) .append('g'); // Rotate the canvas svg.attr('transform', `translate(${ visWidth / 2.5 }, -25) scale (-1,1) rotate(45)`); // Xaxis g.append('g') .call(xAxis, xyScale) .call(xAxisLab, "Rank r", visWidth, 37) // there must be an easier way to breaklines!?! .call(xAxisLab, "for", visWidth, 55) .call(xAxisLab, `${title(1)}`, visWidth, 73) .call(xAxisLab, "more →", visWidth-200, 40, .4) .call(xAxisLab, "frequent", visWidth-200, 60, .4) .call(xAxisLab, "← less", visWidth+200, 40, .4) .call(xAxisLab, "frequent", visWidth+200, 60, .4) .call(xGrid, xyScaleLin); // Yaxis g.append('g') .call(yAxis, xyScale) .call(yAxisLab, "Rank r", 0, 37) .call(yAxisLab, "for", 0, 55) .call(yAxisLab, `${title(0)}`, 0, 73) .call(yAxisLab, "less →", 200, 40, .4) .call(yAxisLab, "frequent", 200, 60, .4) .call(yAxisLab, "← more", -200, 40, .4) .call(yAxisLab, "frequent", -200, 60, .4) .call(yGrid, xyScaleLin); // Background polygons function draw_polygon(g, tri_coords, bg_color) { g.append("polygon") .attr("fill",bg_color) .attr("fill-opacity", 0.1) .attr("stroke", "black") .attr("stroke-width", 1) .attr("points", tri_coords) } const grey_triangle = [ {"x":max_xy, "y":max_xy}, {"x":0, "y":0}, {"x":max_xy, "y":0} ].map(d => [xy(d.x)*canvas_mult_size, xy(d.y)*canvas_mult_size].join(',')).join(" ") const blue_triangle = [ {"x":max_xy, "y":max_xy}, {"x":0, "y":0}, {"x":0, "y":max_xy} ].map(d => [xy(d.x)*canvas_mult_size, xy(d.y)*canvas_mult_size].join(',')).join(" ") draw_polygon(g, blue_triangle, "#89CFF0") draw_polygon(g, grey_triangle, "grey") // contours svg.append("g") .attr("fill", "none") .attr("stroke", "grey") .attr("fill-opacity", 0.1) .selectAll("path") .data(contours()) .join("path") .attr("d", d3.geoPath()); // Heatmap const base_hm = svg.selectAll('rect').data(diamond_dat_f).enter(); const cells = base_hm .append('rect') .attr('x', (d) => xy(d.x1)) .attr('y', (d) => xy(d.y1)) .attr('width', xy.bandwidth()) .attr('height', xy.bandwidth()) .attr('fill', (d) => color_scale(d.value)) .attr('stroke', 'black') .attr('stroke-width', 0.3) svg.selectAll('text') .data(diamond_dat) .enter() .append('text') .filter(d => rin(chosen_types, d.types.split(",")).some((x) => x === true)) .text(d => d.types.split(",")[0]) .attr("x", (d) => xy(d.x1)) .attr("y", (d) => xyc(center_y(d.coord_on_diag))) .attr("font-size", 15) .attr("transform", d => ` scale(1,-1) rotate(-90) rotate(-45, ${xyc(center_y(d.coord_on_diag))}, ${xyc(center_y(d.coord_on_diag))}) translate(${d.which_sys == "right" ? xyd(d.cos_dist)*1.1 : -xyd(d.cos_dist)*1.1})`) .attr("text-anchor", d => d.x1 - d.y1 <= 0 ? "start" : "end") .attr("opacity", d => textScaleLin(rank_turbulence(d.x1, d.y1, alpha))) .attr("dx", d => d.x1 - d.y1 <= 0 ? 10 : -10) // Draw the middle line svg.append('line') .style("stroke", "black") .style("stroke-width", 1) .attr("x1", 0) .attr("y1", 0) .attr("x2", visWidth-7) .attr("y2", visHeight-7) // Add the tooltip const tooltip = d3 .select("body") .append("div") .style("position", "absolute") .style("visibility", "hidden") .style("opacity", 0.9) .style("background", "white"); cells.call(Tooltips, tooltip) // not working with labels return svg.node() }33:T485,contours = function contour() { // see https://observablehq.com/@d3/contours const q = 4; // The level of detail, e.g., sample every 4 pixels in x and y. const x0 = -1, x1 = 510 + q - 2; const y0 = -1, y1 = visHeight + q - 2; const n = Math.ceil((x1 - x0) / q); const m = Math.ceil((y1 - y0) / q); const grid = new Array(n * m); // evaluate function across grid for (let j = 0; j < m; ++j) { for (let i = 0; i < n; ++i) { grid[j * n + i] = rank_turbulence(i, j, alpha); } } grid.x = -q; grid.y = -q; grid.k = q; grid.n = n; grid.m = m; let grid_rev = grid.reverse() // Converts from grid coordinates (indexes) to screen coordinates (pixels). const transform = ({type, value, coordinates}) => { return {type, value, coordinates: coordinates.map(rings => { return rings.map(points => { return points.map(([x, y]) => ([ grid_rev.x + grid_rev.k * x + 3, grid_rev.y + grid_rev.k * y + 3 ])); }); })}; } let contour = d3.contours().size([grid_rev.n, grid_rev.m]).thresholds(10) return contour(grid_rev).map(d => transform(d)); }34:T442,balance_dat = () => { const setdiff = (x,y) => { let a = new Set(x); let b = new Set(y); return new Set( [...a].filter(x => !b.has(x))); } const union = (x,y) => { let a = new Set(x); let b = new Set(y); return new Set([...a, ...b]); } const types_1 = me_class['elem1'].map(d => d.types) const types_2 = me_class['elem2'].map(d => d.types) const union_types = union(types_1, types_2) const tot_types = types_1.length+types_2.length return [ { y_coord: "total count", frequency: +(types_2.length / tot_types).toFixed(3) }, { y_coord: "total count", frequency: -(types_1.length / tot_types).toFixed(3) }, { y_coord: "all names", frequency: +(types_2.length / union_types.size).toFixed(3) }, { y_coord: "all names", frequency: -(types_1.length / union_types.size).toFixed(3) }, { y_coord: "exclusive names", frequency: +(setdiff(types_2, types_1).size / types_2.length).toFixed(3) }, { y_coord: "exclusive names", frequency: -(setdiff(types_1, types_2).size / types_1.length).toFixed(3) } ] }35:[{"id":"9278a62c84551e67df222db45e0926c1f662cfad0fb88129aeac7222d3529c1da7ef8408ba01c54ca21f856b2d875f973e3d3862c0fecbed2d35db0412d2d1ce","href":"https://static.observableusercontent.com/files/9278a62c84551e67df222db45e0926c1f662cfad0fb88129aeac7222d3529c1da7ef8408ba01c54ca21f856b2d875f973e3d3862c0fecbed2d35db0412d2d1ce","name":"elem_girls@2.json","type":"application/json","lastModified":1669911418560.66,"size":15214600},{"id":"e3c46222c3e10884e361ef7b43f3f5b17a9f8294e15392aaee8d251f065eb351b520cd2d467e902a96bd9ebe8ebc7cbad01cea0d2ca2e08602fc3a7785c466cd","href":"https://static.observableusercontent.com/files/e3c46222c3e10884e361ef7b43f3f5b17a9f8294e15392aaee8d251f065eb351b520cd2d467e902a96bd9ebe8ebc7cbad01cea0d2ca2e08602fc3a7785c466cd","name":"elem_boys.json","type":"application/json","lastModified":1669911418560.66,"size":10416812},{"id":"5344398205c45a19291121a421c394ff50059a62416a508a2847008a17ee3912eeeb7ad58249211cc9cadff3a3c74dd76d64ee40cad77ba014eb9697e24e9292","href":"https://static.observableusercontent.com/files/5344398205c45a19291121a421c394ff50059a62416a508a2847008a17ee3912eeeb7ad58249211cc9cadff3a3c74dd76d64ee40cad77ba014eb9697e24e9292","name":"twitter_data@15.json","type":"application/json","lastModified":1669911418560.66,"size":7292945},{"id":"061a8fb6fde6ee3f8b8aaf72aaa72b55dba151c69cb79b3943cbd0d991eeee728f4b427bdde8d044d9ecf48d5b9276c0b9a1242ac24a1bc1598552c999c3c07d","href":"https://static.observableusercontent.com/files/061a8fb6fde6ee3f8b8aaf72aaa72b55dba151c69cb79b3943cbd0d991eeee728f4b427bdde8d044d9ecf48d5b9276c0b9a1242ac24a1bc1598552c999c3c07d","name":"tree_species_counts@1.json","type":"application/json","lastModified":1669911418560.66,"size":186627}] 2f:{"title":"ALLotaxonometer for all (Older version)","cells":[{"id":4773,"value":"# ALLotaxonometer for all (Older version)","pinned":false,"hidden":false,"mode":"md"},{"id":13609,"value":"⚠️ _Warning: don't use the Safari browser. For some reasons the canvas fails to rotate._\n\nUpload your own `.json` file where each key is a separate system (see [repo](https://github.com/jstonge/allotaxonometer) for an example):","pinned":false,"hidden":false,"mode":"md"},{"id":10378,"value":"viewof form_json = Inputs.form(\n [\n Inputs.file({label: \"\", accept: \".json\", required: true}),\n ],\n {\n template: (inputs) => htl.html`

\n
${inputs}\n

`\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":16497,"value":"Or two tabular files (if you change mind during the session and you want to use CSVs, refresh the page to get rid of the `.json` file. See [repo](https://github.com/Vermont-Complex-Systems/allotaxonometer-ui) for the format that the allotax expects.)","pinned":false,"hidden":false,"mode":"md"},{"id":16495,"value":"viewof form1 = Inputs.form(\n [\n Inputs.file({label: \"\", accept: \".csv,.tsv\", required: true}),\n Inputs.file({label: \"\", accept: \".csv,.tsv\", required: true})\n ],\n {\n template: (inputs) => htl.html`

\n
${inputs} ${inputs}\n

`\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":4851,"value":"Or use an example from the original paper (note that when file size gets larger there is a time delay. Be patient):","pinned":false,"hidden":false,"mode":"md"},{"id":10446,"value":"viewof sel_data = Inputs.radio([\"Girl babynames\", \"Boy babynames\", \"Twitter\", \"Species Abundance\"], {label: \"\", value: \"Girl babynames\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":5111,"value":"viewof form = Inputs.form(\n [\n Inputs.select(d3.range(elem_names.length), {label: \"System 1\", multiple: true, multiple: 3, value: [0], format: x => elem_names[x]}),\n Inputs.select(d3.range(elem_names.length), {label: \"System 2\", multiple: true, multiple: 3, value: [1], format: x => elem_names[x]}),\n ],\n {\n template: (inputs) => htl.html`

\n
${inputs}\n

`\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":17381,"value":"viewof toggle_lab = Inputs.toggle({label: \"Show label\", value: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":16143,"value":"// no other choice\nviewof metric_type = Inputs.select([\"rank_turbulence_divergence\"], {label: \"Word Shifts\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":16085,"value":"viewof alpha = Inputs.range([0, alphas.length-1], {step: 1, label: \"α\", format: x => alphas[x]})","pinned":false,"hidden":false,"mode":"ojs"},{"id":15993,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":4756,"value":"## Appendix","pinned":false,"hidden":false,"mode":"md"},{"id":4875,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":15629,"value":"plot_balance = () => DivergingBarChartBalance(balance_dat(), {\n x: d => d.frequency,\n y: d => d.y_coord,\n xFormat: \"%\",\n xDomain: [-1, 1], // [xmin, xmax]\n xLabel: \"\",\n width: 300,\n yPadding: 0.5,\n colors: [\"lightgrey\", \"lightblue\"]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":15768,"value":"plot_word_shift = () => DivergingBarChartWordShift(wordshift_dat().slice(0, 30), {\n x: d => d.metric,\n y: d => d.type,\n xFormat: \"%\",\n xDomain: [-max_shift*1.5, max_shift*1.5], // [xmin, xmax]\n width: 300,\n yPadding: 0.2,\n height: 740,\n xLabel: \"← System 1 · Divergence contribution · System 2 →\",\n colors: [\"lightgrey\", \"lightblue\"]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":11331,"value":"function plot_legend() {\n const N_CATEGO = 20\n const ramp = d3.range(N_CATEGO).map(i => d3.rgb(d3.interpolateInferno(i / (N_CATEGO - 1))).hex())\n const color = d3.scaleOrdinal(d3.range(N_CATEGO), ramp)\n \n return myLegend(color, {\n tickSize: 0,\n max_count_log: Math.ceil(Math.log10(d3.max(diamond_dat, d => d.value)))+1,\n marginTop:11,\n width: 370\n })\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":10990,"value":"### Diamond plot metadata","pinned":false,"hidden":false,"mode":"md"},{"id":11869,"value":"Tooltips = (g, tooltip) =>\n g\n .on(\"mouseover\", (event, d) => {\n d3.select(event.target)\n .style(\"stroke-width\", \"2px\");\n tooltip.style(\"visibility\", \"visible\");\n tooltip.html(d.value !== 0 ? `Top types: ${d.types.split(\",\").length < 50 ? \n d3.shuffle(d.types.split(\",\")) : \n [d3.shuffle(d.types.split(\",\").slice(0,50))].concat([\" ...\"])}` : null);\n\n })\n .on(\"mousemove\", (event, d) => {\n tooltip\n .style(\"top\", event.clientY - 10 + \"px\")\n .style(\"left\", event.clientX + 10 + \"px\");\n })\n .on(\"mouseout\", (event, d) => {\n d3.select(event.target)\n .style(\"stroke-width\", (d) => d.value === 0 ? 0 : 0.3);\n tooltip.style(\"visibility\", \"hidden\");\n })","pinned":false,"hidden":false,"mode":"ojs"},{"id":10822,"value":"xAxis = (g, scale) =>\n g\n .attr(\"transform\", `translate(0, ${visHeight*canvas_mult_size})`)\n .call(d3.axisBottom(scale))\n .call((g) => g.select(\".domain\").remove()) // remove baseline\n // add label\n .selectAll('text')\n .attr('dy', 10)\n .attr('dx', 13)\n .attr('transform', 'scale(-1,1) rotate(45)')\n .attr('font-size', 10)","pinned":true,"hidden":false,"mode":"ojs"},{"id":18367,"value":"xAxisLab = (g, text, dx, dy, alpha) =>\n g\n .append(\"text\")\n .attr(\"x\", visWidth / 2)\n .attr(\"fill\", \"black\")\n .attr(\"font-size\", 14)\n .attr(\"opacity\", alpha)\n .attr(\"text-anchor\", 'middle')\n .text(text)\n .attr('transform', `rotate(183) scale(1,-1) translate(-${dx}, ${dy})`)","pinned":false,"hidden":false,"mode":"ojs"},{"id":10929,"value":"xGrid = (g, scale) =>\n g.append('g')\n .attr(\"transform\", `translate(0, ${-visHeight-10})`)\n .call(d3.axisBottom(scale).ticks(ncells/2).tickFormat(\"\")) // rm tick values\n .call((g) => g.select(\".domain\").remove())\n .call((g) =>\n g\n .selectAll(\".tick line\")\n .attr(\"stroke\", \"#d3d3d3\")\n .style(\"stroke-dasharray\", (\"3, 3\"))\n .attr(\"y1\", visHeight)\n .attr(\"y2\", 0)\n )","pinned":false,"hidden":false,"mode":"ojs"},{"id":10865,"value":"yAxis = (g, scale) =>\n // add axis\n g\n .call(d3.axisRight(scale))\n .call((g) => g.select(\".domain\").remove())\n .attr(\"transform\", `translate(${visHeight*canvas_mult_size}, 0) scale(-1, 1)`)\n .selectAll('text')\n .attr('dx', -28) // fiddling with ticks for Left system \n .attr('dy', 15) // fiddling with ticks for Left system \n .attr('transform', 'rotate(45)')\n .attr('font-size', 10)","pinned":true,"hidden":false,"mode":"ojs"},{"id":18415,"value":"yAxisLab = (g, text, dx, dy, alpha) =>\n g\n .append(\"text\")\n .attr(\"x\", visWidth / 2)\n .attr(\"fill\", \"black\")\n .attr(\"font-size\", 14)\n .attr(\"opacity\", alpha)\n .attr(\"text-anchor\", 'middle')\n .text(text)\n .attr('transform', `rotate(93) translate(${dx},${dy})`)","pinned":false,"hidden":false,"mode":"ojs"},{"id":10946,"value":"yGrid = (g, scale) =>\n g\n .append(\"g\")\n .call(d3.axisRight(scale).ticks(ncells/2).tickFormat(\"\"))\n .call((g) => g.select(\".domain\").remove())\n .call((g) =>\n g\n .selectAll(\".tick line\")\n .attr(\"stroke\", \"#d3d3d3\")\n .style(\"stroke-dasharray\", (\"3, 3\"))\n .attr(\"x1\", visWidth+7)\n .attr(\"x2\", 10)\n )","pinned":true,"hidden":false,"mode":"ojs"},{"id":10909,"value":"margin = ({ top: 100, left: 0, right: 140, bottom: 140 })","pinned":false,"hidden":false,"mode":"ojs"},{"id":10826,"value":"visHeight = 512","pinned":false,"hidden":false,"mode":"ojs"},{"id":10824,"value":"visWidth = 512","pinned":false,"hidden":false,"mode":"ojs"},{"id":10672,"value":"ncells = d3.max(diamond_dat, d => d.x1)","pinned":false,"hidden":false,"mode":"ojs"},{"id":15595,"value":"chosen_types = {\n const cummulative_bin = d3.range(0, ncells, bin_size)\n const relevant_types = []\n \n \n for (let sys of [\"right\", \"left\"]) {\n \n for (let i=1; i < cummulative_bin.length; i++) {\n \n const filtered_dat = diamond_dat.filter(d => d.value > 0 && d.which_sys == sys)\n .filter(d => d.coord_on_diag >= cummulative_bin[i-1] && \n d.coord_on_diag < cummulative_bin[i])\n \n \n if (filtered_dat.length > 0) {\n const cos_dists = filtered_dat.map(d => d.cos_dist)\n \n const max_dist = cos_dists.reduce((a, b) => { return Math.max(a, b) })\n const max_dist_idx = cos_dists.indexOf(max_dist)\n const name = d3.shuffle(filtered_dat[max_dist_idx]['types'].split(\",\"))[0] \n relevant_types.push(name)\n }\n }\n }\n return relevant_types\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":19953,"value":"bin_size = 1.5","pinned":false,"hidden":false,"mode":"ojs"},{"id":20618,"value":"canvas_mult_size = 1.02","pinned":true,"hidden":false,"mode":"ojs"},{"id":20831,"value":"function rank_turbulence(x, y, alpha) {\n if (alpha === Infinity) {\n return x == y ? 0 : Math.max(x)\n } else if (alpha == 0) {\n // cheating a little bit\n return (1+1) / 1 * Math.abs(x**1 - y**1)**(1. / (1+1))\n } else {\n return (alpha+1) / alpha * Math.abs(x**alpha - y**alpha)**(1. / (alpha+1))\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":20805,"value":"$33","pinned":true,"hidden":false,"mode":"ojs"},{"id":16204,"value":"### Misc plot metadata","pinned":false,"hidden":false,"mode":"md"},{"id":11897,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":15906,"value":"wordshift_dat = () => { \n const out = []\n for (let i=0; i < me[0]['types'].length; i++) {\n const rank_diff = me[0]['ranks'][i]-me[1]['ranks'][i]\n out.push({\n 'type': `${me[0]['types'][i]} (${me[0]['ranks'][i]} ⇋ ${me[1]['ranks'][i]})` ,\n 'rank_diff': rank_diff,\n 'metric': rank_diff < 0 ? -dat.deltas[i] : dat.deltas[i], \n })\n }\n \n return out.slice().sort((a, b) => d3.descending(Math.abs(a.metric), Math.abs(b.metric)))\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":16161,"value":"max_shift = d3.max(wordshift_dat(), d => Math.abs(d.metric))","pinned":false,"hidden":false,"mode":"ojs"},{"id":13534,"value":"alphas = d3.range(0,18).map(v => +(v/12).toFixed(2)).concat([1, 2, 5, Infinity])","pinned":false,"hidden":false,"mode":"ojs"},{"id":13522,"value":"mutable clicks = 0","pinned":false,"hidden":false,"mode":"ojs"},{"id":16067,"value":"next_button = () => button({\n title: \"\",\n value: \"Next\",\n desc: \"\",\n buttonStyle: {\n background: \"#7295FF\",\n color: \"white\"\n },\n onclick: (objs) => {\n mutable clicks += 1;\n\n d3.select(objs.button)\n .style(\"background\", \"#6786E5\")\n .interrupt()\n .transition()\n .duration(300)\n .style(\"background\", \"#7295FF\");\n\n if (mutable clicks > 0 && objs.output === \"\") {\n objs.output = d3\n .select(objs.div)\n .insert(\"a\", \"div.desc\")\n .attr(\"class\", \"output\")\n .style(\"margin-left\", \"5px\")\n .style(\"font-size\", \"11px\")\n .style(\"cursor\", \"pointer\")\n .style(\"border\", \"0.5px solid black\")\n .style(\"border-radius\", \"5px\")\n .style(\"padding\", \"5px\")\n .on(\"click\", function () {\n this.remove();\n objs.output = \"\";\n mutable clicks = 0;\n })\n .html(\"RESET\");\n }\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":17192,"value":"title = (sys) => {\n function get_fname() {\n if (uploaded_json_file !== \"\") {\n return form_json[0]['name'] \n } else if (sys == 0 ? uploaded_csv_file_1 !== \"\" : uploaded_csv_file_2 !== \"\") {\n return form1[sys]['name']\n } else {\n return sys == 0 ? sel_sys1 : sel_sys2\n }\n }\n \n return get_fname().replace(/.((c|t)sv|json)/i, \"\")\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":17696,"value":"not_zero = tex`\\propto \\sum_\\tau \\Big| \\frac{1}{r_{\\tau,1}^{ ${ alphas[alpha] }} } - \\frac{1}{r_{\\tau,2}^{ ${ alphas[alpha] }}} \\Big| `","pinned":false,"hidden":false,"mode":"ojs"},{"id":17702,"value":"zero = tex`\\propto \\sum_\\tau \\Big|\\ln \\frac{r_{\\tau,1}}{r_{\\tau,2}}\\Big| `","pinned":false,"hidden":false,"mode":"ojs"},{"id":17729,"value":"infinity = tex`\\propto \\sum_\\tau (1 - \\delta_{r_{\\tau,1}, r_{\\tau,2}}) \\times\\max\\Big\\{\\frac{1}{r_{\\tau,1}},\\frac{1}{r_{\\tau,2}} \\Big\\} `","pinned":false,"hidden":false,"mode":"ojs"},{"id":5261,"value":"### Data","pinned":false,"hidden":false,"mode":"md"},{"id":10344,"value":"uploaded_json_file = form_json[0] === undefined ? \"\" : form_json[0].json({typed: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":12626,"value":"function ExempleData(x) {\n switch (x) {\n case 'Girl babynames': { return FileAttachment(\"elem_girls@2.json\").json() }\n case 'Boy babynames': { return FileAttachment(\"elem_boys.json\").json(); }\n case 'Twitter': { return FileAttachment(\"twitter_data@15.json\").json(); }\n case 'Species Abundance': { return FileAttachment(\"tree_species_counts@1.json\").json(); }\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":16391,"value":"// default dict example where key is filenames and values are dataframe\nelem = {\n if (uploaded_json_file !== \"\") { // if uploaded json file use that \n return uploaded_json_file\n } else if (ExempleData(sel_data) === false) { // if no default example are selected just use elem_boys \n return FileAttachment(\"elem_boys.json\").json()\n } else {\n return ExempleData(sel_data) // if one of the default examples is selected use that\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":16590,"value":"elem_names = Object.keys(elem)","pinned":true,"hidden":false,"mode":"ojs"},{"id":16423,"value":"sel_sys1 = elem_names[(form[0][0]+clicks) % elem_names.length]","pinned":true,"hidden":false,"mode":"ojs"},{"id":16426,"value":"sel_sys2 = elem_names[(form[1][0]+clicks) % elem_names.length]","pinned":true,"hidden":false,"mode":"ojs"},{"id":10355,"value":"uploaded_csv_file_1 = form1[0] === undefined ? \"\" : form1[0].csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":16540,"value":"uploaded_csv_file_2 = form1[1] === undefined ? \"\" : form1[1].csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":16614,"value":"elems1 = form1[0] === undefined ? elem[sel_sys1] : uploaded_csv_file_1 // json vs csv file","pinned":true,"hidden":false,"mode":"ojs"},{"id":16616,"value":"elems2 = form1[1] === undefined ? elem[sel_sys2] : uploaded_csv_file_2","pinned":true,"hidden":false,"mode":"ojs"},{"id":18699,"value":"#### Combining both systems","pinned":false,"hidden":false,"mode":"md"},{"id":5238,"value":"me_class = new mixedElems(elems1, elems2)","pinned":true,"hidden":false,"mode":"ojs"},{"id":5291,"value":"me = me_class.combElems()","pinned":true,"hidden":false,"mode":"ojs"},{"id":18125,"value":"rtd = rank_turbulence_divergence(me, alphas[alpha])","pinned":true,"hidden":false,"mode":"ojs"},{"id":10524,"value":"dat = diamond(me, rtd)","pinned":true,"hidden":false,"mode":"ojs"},{"id":16864,"value":"diamond_dat = dat.counts","pinned":true,"hidden":false,"mode":"ojs"},{"id":20680,"value":"diamond_dat_f = diamond_dat.filter(d => d.types !== \"\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":5263,"value":"### Imports","pinned":false,"hidden":false,"mode":"md"},{"id":4758,"value":"import { sum, diamond, mixedElems, rank_turbulence_divergence, rank_maxlog10, which, matlab_sort, zeros, rin, tiedrank, } from '@jstonge/allotax-helpers'","pinned":true,"hidden":false,"mode":"ojs"},{"id":16476,"value":"import { DivergingBarChartWordShift } from \"@jstonge/bar-chart-diverging-wordshift\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":15625,"value":"import { DivergingBarChartBalance } from \"@jstonge/bar-chart-diverging-balance\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":16211,"value":"import { myLegend } from \"@jstonge/legend-diamond-plot\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":13527,"value":"import { button } from \"@bartok32/diy-inputs\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":20662,"value":"plot_diamond()","pinned":true,"hidden":false,"mode":"ojs"},{"id":20664,"value":"plot_balance()","pinned":true,"hidden":false,"mode":"ojs"},{"id":20667,"value":"plot_legend()","pinned":true,"hidden":false,"mode":"ojs"},{"id":20669,"value":"plot_word_shift()","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W35","stdlib":"1","titling":"auto"}