2a:null 2b:["$","title",null,{"children":"ML4H 2025 (Subtypes) | Hongtao Hao | Observable"}] 31:T2664,viewof chart_simplified = { const metricName = selectedMetric; const width = 380, height = 240, margin = { top: 30, right: 10, bottom: 30, left: 50 }; // ======= Extract data ======= const experiments = [...grouped.keys()].sort((a, b) => a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }) ); const firstExp = grouped.get(experiments[0]); const Js = [...firstExp.keys()].map(Number).sort((a, b) => a - b); const Rs = [...Js.flatMap(j => [...firstExp.get(j).keys()].map(Number))] .filter((v, i, self) => self.indexOf(v) === i) .sort((a, b) => a - b); const algos = new Set(); for (const [E, jMap] of grouped) { for (const [J, rMap] of jMap) { for (const [R, algoMap] of rMap) { for (const [algo] of algoMap) algos.add(algo); } } } const uniqueAlgos = [...algos]; // ======= Shapes ======= const shapeGenerators = { circle: (g, cx, cy, size, fill, stroke) => g.append("circle").attr("cx", cx).attr("cy", cy).attr("r", size) .attr("fill", fill).attr("stroke", stroke).attr("stroke-width", 0.6), triangle: (g, cx, cy, size, fill, stroke) => g.append("polygon").attr("points", `${cx},${cy - size} ${cx + size},${cy + size} ${cx - size},${cy + size}`) .attr("fill", fill).attr("stroke", stroke).attr("stroke-width", 0.6), cross: (g, cx, cy, size, fillColor) => { const s = size * 1.0; g.append("line") .attr("x1", cx - s).attr("y1", cy - s) .attr("x2", cx + s).attr("y2", cy + s) .attr("stroke", fillColor) .attr("stroke-width", size / 1.5); return g.append("line") .attr("x1", cx - s).attr("y1", cy + s) .attr("x2", cx + s).attr("y2", cy - s) .attr("stroke", fillColor) .attr("stroke-width", size / 1.5); }, plus: (g, cx, cy, size, fillColor) => { const s = size * 1.2; g.append("line").attr("x1", cx - s).attr("y1", cy).attr("x2", cx + s).attr("y2", cy).attr("stroke", fillColor).attr("stroke-width", size / 1.5); return g.append("line").attr("x1", cx).attr("y1", cy - s).attr("x2", cx).attr("y2", cy + s).attr("stroke", fillColor).attr("stroke-width", size / 1.5); }, square: (g, cx, cy, size, fillColor, strokeColor) => g.append("rect").attr("x", cx - size).attr("y", cy - size).attr("width", size * 2).attr("height", size * 2).attr("fill", fillColor).attr("stroke", strokeColor).attr("stroke-width", 0.5), star: (g, cx, cy, size, fill, stroke) => { const R = size * 1.2, r = size * 0.6; let path = ""; for (let i = 0; i < 10; i++) { const angle = Math.PI / 5 * i; const radius = i % 2 === 0 ? R : r; const x = cx + radius * Math.sin(angle); const y = cy - radius * Math.cos(angle); path += i === 0 ? `M${x},${y}` : `L${x},${y}`; } return g.append("path").attr("d", path + "Z") .attr("fill", fill).attr("stroke", stroke).attr("stroke-width", 0.6); }, hexagon: (g, cx, cy, size, fill, stroke) => { const R = size * 1.2; const points = Array.from({ length: 6 }, (_, i) => { const angle = Math.PI / 3 * i; return [cx + R * Math.cos(angle), cy + R * Math.sin(angle)]; }); return g.append("polygon").attr("points", points.map(p => p.join(",")).join(" ")) .attr("fill", fill).attr("stroke", stroke).attr("stroke-width", 0.6); } }; const algoToShape = { "BebmS": "cross", "BebmS (Blind)": "star", "SuStaIn (GMM)": "circle", "SuStaIn (KDE)": "triangle", "Random Guessing":"plus", }; // ======= Aggregate data ======= const aggregatedData = []; for (const [E, jMap] of grouped) { for (const [J, rMap] of jMap) { for (const [R, algoMap] of rMap) { for (const [algo, stats] of algoMap) { aggregatedData.push({ E, J: +J, R: +R, algo, ...stats }); } } } } // ======= Algo stats ======= const algoStats = {}; uniqueAlgos.forEach(algo => { const vals = aggregatedData.filter(d => d.algo === algo).map(d => d[metricName]); const mean = d3.mean(vals); let ciLow = null, ciHigh = null; if (vals.length > 1) { const n = vals.length; const sd = Math.sqrt(d3.sum(vals.map(x => Math.pow(x - mean, 2))) / (n - 1)); const se = sd / Math.sqrt(n); const t = 1.96; ciLow = mean - t * se; ciHigh = mean + t * se; } algoStats[algo] = { mean, ciLow, ciHigh }; }); // Sort algorithms based on the performance metric const sortedAlgos = [...uniqueAlgos].sort((a, b) => { if (['kendalls_tau', 'mean_stage_healthy', 'runtime', 'runtime_cross_validation', 'absolute_error_n_subtypes'].includes(metricName)) { // For kendalls_tau, lower is better (closer to 0) return algoStats[a].mean - algoStats[b].mean; } else { // For subtype_acc, higher is better return algoStats[b].mean - algoStats[a].mean; } }); const color = d3.scaleOrdinal(d3.schemeTableau10).domain(sortedAlgos); const xGroup = d3.scaleBand().domain(Js).range([margin.left, width - margin.right]).padding(0.1); const xInner = d3.scalePoint().domain(Rs).range([0, xGroup.bandwidth()]).padding(0.5); const outerContainer = d3.create("div").style("width", "100%"); const svgWidth = width * Math.min(experiments.length, 3); const svgHeight = height * Math.ceil(experiments.length / 3) + 100; const masterSVG = outerContainer.append("svg") .attr("width", svgWidth) .attr("height", svgHeight) .style("background", "#fff") .style("font-family", "sans-serif"); // ======= Draw charts ======= experiments.forEach((E, index) => { const row = Math.floor(index / 3), col = index % 3; const chartG = masterSVG.append("g").attr("transform", `translate(${col * width}, ${row * height})`); const expData = aggregatedData.filter(d => d.E === E); let yDomain; if (metricName === "kendalls_tau") yDomain = [0.6, 0]; else if (metricName === "subtype_acc") yDomain = [0, 1.0]; else if (metricName === "mean_stage_healthy") yDomain = [7.0, 0]; else if (metricName === "runtime") yDomain = [15, 0]; else if (metricName === "runtime_cross_validation") yDomain = [150, 0]; else yDomain = [3, 0]; const y = d3.scaleLinear().domain(yDomain).nice().range([height - margin.bottom, margin.top]); // Y-axis (keep axis line + ticks, no grid) chartG.append("g") .attr("transform", `translate(${margin.left},0)`) .call(d3.axisLeft(y).ticks(5).tickSizeOuter(0)) .style("font-size", "11px") .selectAll("line").attr("stroke", "#333"); // tick marks only // X-axis (keep axis line + ticks, no grid) chartG.append("g") .attr("transform", `translate(0,${height - margin.bottom})`) .call(d3.axisBottom(xGroup)) .style("font-size", "11px") .selectAll("text").text(d => `J=${d}`); // Panel title chartG.append("text") .attr("x", width / 2).attr("y", margin.top - 10) .attr("text-anchor", "middle") .style("font-size", "12px").style("font-weight", "bold") .text(E); if (index === 0) { chartG.append("text") .attr("transform", "rotate(-90)") .attr("x", -(height - margin.bottom + margin.top) / 2) .attr("y", margin.left / 4) .attr("text-anchor", "middle") .style("font-size", "12px") .text( { kendalls_tau: "Kendall's Tau Distance", mean_stage_healthy: "Mean Stage Healthy", runtime: "Runtime (Minutes)", subtype_acc: "Subtype Accuracy", runtime_cross_validation: "Runtime Cross Validation (Minutes)", absolute_error_n_subtypes: "MAE Cross Validation" }[metricName] || metricName ); } // Lines + markers sortedAlgos.forEach(algo => { Js.forEach(J => { const pts = expData.filter(d => d.algo === algo && d.J === J).sort((a, b) => a.R - b.R); if (pts.length < 2) return; const line = d3.line() .x(d => xGroup(d.J) + xInner(d.R)) .y(d => y(d[metricName])) .curve(d3.curveMonotoneX); chartG.append("path").datum(pts) .attr("fill", "none").attr("stroke", color(algo)) .attr("stroke-width", 2.5).attr("opacity", 0.9) .attr("d", line); pts.forEach(d => { const shapeFn = shapeGenerators[algoToShape[algo]]; if (shapeFn) shapeFn(chartG, xGroup(d.J) + xInner(d.R), y(d[metricName]), 3.5, color(algo), "white"); }); }); }); }); // ======= Legend ======= const legendG = masterSVG.append("g").attr("transform", `translate(0, ${height * Math.ceil(experiments.length / 3)})`); const itemsPerRow = 2; const itemWidth = (svgWidth / itemsPerRow) * 0.95; legendG.append("text") .attr("x", svgWidth / 2) .attr("y", 15) .attr("text-anchor", "middle") .style("font-size", "11px").style("font-weight", "bold") .text(`Algorithms (Avg. ${metricName} ± 95% CI)`); sortedAlgos.forEach((algo, i) => { const row = Math.floor(i / itemsPerRow); const col = i % itemsPerRow; const g = legendG.append("g").attr("transform", `translate(${col * itemWidth + 40}, ${row * 22 + 40})`); const shapeFn = shapeGenerators[algoToShape[algo]]; if (shapeFn) shapeFn(g, 0, 0, 5, color(algo), "black"); const { mean, ciLow, ciHigh } = algoStats[algo]; const statText = (ciLow != null && ciHigh != null) ? `${algo} (${mean.toFixed(2)} ± ${((ciHigh - ciLow) / 2).toFixed(2)})` : `${algo} (${mean.toFixed(2)})`; g.append("text") .attr("x", 15).attr("y", 0).attr("dy", "0.32em") .style("font-size", "10px").style("fill", "#333") .text(statText); }); return outerContainer.node(); } 32:T2a0b,// viewof chart_simplified2 = { // const metricName = selectedMetric; // const width = 380, height = 240, margin = { top: 30, right: 10, bottom: 30, left: 50 }; // // ======= Extract data ======= // const experiments = [...grouped.keys()].sort((a, b) => // a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }) // ); // const firstExp = grouped.get(experiments[0]); // const Js = [...firstExp.keys()].map(Number).sort((a, b) => a - b); // const Rs = [...Js.flatMap(j => [...firstExp.get(j).keys()].map(Number))] // .filter((v, i, self) => self.indexOf(v) === i) // .sort((a, b) => a - b); // const algos = new Set(); // for (const [E, jMap] of grouped) { // for (const [J, rMap] of jMap) { // for (const [R, algoMap] of rMap) { // for (const [algo] of algoMap) algos.add(algo); // } // } // } // const uniqueAlgos = [...algos]; // // ======= Shapes ======= // const shapeGenerators = { // circle: (g, cx, cy, size, fill, stroke) => // g.append("circle").attr("cx", cx).attr("cy", cy).attr("r", size) // .attr("fill", fill).attr("stroke", stroke).attr("stroke-width", 0.6), // triangle: (g, cx, cy, size, fill, stroke) => // g.append("polygon").attr("points", `${cx},${cy - size} ${cx + size},${cy + size} ${cx - size},${cy + size}`) // .attr("fill", fill).attr("stroke", stroke).attr("stroke-width", 0.6), // cross: (g, cx, cy, size, fillColor) => { // const s = size * 1.0; // g.append("line") // .attr("x1", cx - s).attr("y1", cy - s) // .attr("x2", cx + s).attr("y2", cy + s) // .attr("stroke", fillColor) // .attr("stroke-width", size / 1.5); // return g.append("line") // .attr("x1", cx - s).attr("y1", cy + s) // .attr("x2", cx + s).attr("y2", cy - s) // .attr("stroke", fillColor) // .attr("stroke-width", size / 1.5); // }, // plus: (g, cx, cy, size, fillColor) => { // const s = size * 1.2; // g.append("line").attr("x1", cx - s).attr("y1", cy).attr("x2", cx + s).attr("y2", cy).attr("stroke", fillColor).attr("stroke-width", size / 1.5); // return g.append("line").attr("x1", cx).attr("y1", cy - s).attr("x2", cx).attr("y2", cy + s).attr("stroke", fillColor).attr("stroke-width", size / 1.5); // }, // square: (g, cx, cy, size, fillColor, strokeColor) => // g.append("rect").attr("x", cx - size).attr("y", cy - size).attr("width", size * 2).attr("height", size * 2).attr("fill", fillColor).attr("stroke", strokeColor).attr("stroke-width", 0.5), // star: (g, cx, cy, size, fill, stroke) => { // const R = size * 1.2, r = size * 0.6; // let path = ""; // for (let i = 0; i < 10; i++) { // const angle = Math.PI / 5 * i; // const radius = i % 2 === 0 ? R : r; // const x = cx + radius * Math.sin(angle); // const y = cy - radius * Math.cos(angle); // path += i === 0 ? `M${x},${y}` : `L${x},${y}`; // } // return g.append("path").attr("d", path + "Z") // .attr("fill", fill).attr("stroke", stroke).attr("stroke-width", 0.6); // }, // hexagon: (g, cx, cy, size, fill, stroke) => { // const R = size * 1.2; // const points = Array.from({ length: 6 }, (_, i) => { // const angle = Math.PI / 3 * i; // return [cx + R * Math.cos(angle), cy + R * Math.sin(angle)]; // }); // return g.append("polygon").attr("points", points.map(p => p.join(",")).join(" ")) // .attr("fill", fill).attr("stroke", stroke).attr("stroke-width", 0.6); // } // }; // const algoToShape = { // "BebmS": "cross", // "BebmS (Blind)": "star", // "SuStaIn (GMM)": "circle", // "SuStaIn (KDE)": "triangle", // "Random Guessing":"plus", // }; // // ======= Aggregate data ======= // const aggregatedData = []; // for (const [E, jMap] of grouped) { // for (const [J, rMap] of jMap) { // for (const [R, algoMap] of rMap) { // for (const [algo, stats] of algoMap) { // aggregatedData.push({ E, J: +J, R: +R, algo, ...stats }); // } // } // } // } // // ======= Algo stats ======= // const algoStats = {}; // uniqueAlgos.forEach(algo => { // const vals = aggregatedData.filter(d => d.algo === algo).map(d => d[metricName]); // const mean = d3.mean(vals); // let ciLow = null, ciHigh = null; // if (vals.length > 1) { // const n = vals.length; // const sd = Math.sqrt(d3.sum(vals.map(x => Math.pow(x - mean, 2))) / (n - 1)); // const se = sd / Math.sqrt(n); // const t = 1.96; // ciLow = mean - t * se; // ciHigh = mean + t * se; // } // algoStats[algo] = { mean, ciLow, ciHigh }; // }); // // Sort algorithms based on the performance metric // const sortedAlgos = [...uniqueAlgos].sort((a, b) => { // if (['kendalls_tau', 'mean_stage_healthy', 'runtime', 'runtime_cross_validation', 'absolute_error_n_subtypes'].includes(metricName)) { // // For kendalls_tau, lower is better (closer to 0) // return algoStats[a].mean - algoStats[b].mean; // } else { // // For subtype_acc, higher is better // return algoStats[b].mean - algoStats[a].mean; // } // }); // const color = d3.scaleOrdinal(d3.schemeTableau10).domain(sortedAlgos); // const xGroup = d3.scaleBand().domain(Js).range([margin.left, width - margin.right]).padding(0.1); // const xInner = d3.scalePoint().domain(Rs).range([0, xGroup.bandwidth()]).padding(0.5); // const outerContainer = d3.create("div").style("width", "100%"); // // MODIFIED: Layout for 2 rows, 1 column // const numCols = 1; // const numRows = Math.ceil(experiments.length / numCols); // const svgWidth = width * numCols; // const svgHeight = height * numRows + 100; // const masterSVG = outerContainer.append("svg") // .attr("width", svgWidth) // .attr("height", svgHeight) // .style("background", "#fff") // .style("font-family", "sans-serif"); // // ======= Draw charts ======= // experiments.forEach((E, index) => { // // MODIFIED: Calculate row and column for 1 column layout // const row = index; // Each experiment gets its own row // const col = 0; // Always column 0 since we only have 1 column // const chartG = masterSVG.append("g").attr("transform", `translate(${col * width}, ${row * height})`); // const expData = aggregatedData.filter(d => d.E === E); // let yDomain; // if (metricName === "kendalls_tau") yDomain = [0.6, 0]; // else if (metricName === "subtype_acc") yDomain = [0, 1.0]; // else if (metricName === "mean_stage_healthy") yDomain = [7.0, 0]; // else if (metricName === "runtime") yDomain = [15, 0]; // else if (metricName === "runtime_cross_validation") yDomain = [120, 0]; // else yDomain = [2, 0]; // const y = d3.scaleLinear().domain(yDomain).nice().range([height - margin.bottom, margin.top]); // // Y-axis (keep axis line + ticks, no grid) // chartG.append("g") // .attr("transform", `translate(${margin.left},0)`) // .call(d3.axisLeft(y).ticks(5).tickSizeOuter(0)) // .style("font-size", "11px") // .selectAll("line").attr("stroke", "#333"); // tick marks only // // X-axis (keep axis line + ticks, no grid) // chartG.append("g") // .attr("transform", `translate(0,${height - margin.bottom})`) // .call(d3.axisBottom(xGroup)) // .style("font-size", "11px") // .selectAll("text").text(d => `J=${d}`); // // Panel title // chartG.append("text") // .attr("x", width / 2).attr("y", margin.top - 10) // .attr("text-anchor", "middle") // .style("font-size", "12px").style("font-weight", "bold") // .text(E); // if (index === 0) { // chartG.append("text") // .attr("transform", "rotate(-90)") // .attr("x", -(height - margin.bottom + margin.top) / 2) // .attr("y", margin.left / 4) // .attr("text-anchor", "middle") // .style("font-size", "12px") // .text( // { // kendalls_tau: "Kendall's Tau Distance", // mean_stage_healthy: "Mean Stage Healthy", // runtime: "Runtime (Minutes)", // subtype_acc: "Subtype Accuracy", // runtime_cross_validation: "Runtime Cross Validation (Minutes)", // absolute_error_n_subtypes: "MAE Cross Validation" // }[metricName] || metricName // ); // } // // Lines + markers // sortedAlgos.forEach(algo => { // Js.forEach(J => { // const pts = expData.filter(d => d.algo === algo && d.J === J).sort((a, b) => a.R - b.R); // if (pts.length < 2) return; // const line = d3.line() // .x(d => xGroup(d.J) + xInner(d.R)) // .y(d => y(d[metricName])) // .curve(d3.curveMonotoneX); // chartG.append("path").datum(pts) // .attr("fill", "none").attr("stroke", color(algo)) // .attr("stroke-width", 2.5).attr("opacity", 0.9) // .attr("d", line); // pts.forEach(d => { // const shapeFn = shapeGenerators[algoToShape[algo]]; // if (shapeFn) shapeFn(chartG, xGroup(d.J) + xInner(d.R), y(d[metricName]), 3.5, color(algo), "white"); // }); // }); // }); // }); // // ======= Legend ======= // const legendG = masterSVG.append("g").attr("transform", `translate(0, ${height * numRows})`); // // MODIFIED: Adjust legend layout for single column // const itemsPerRow = 3; // const itemWidth = (svgWidth / itemsPerRow) * 0.85; // legendG.append("text") // .attr("x", svgWidth / 2) // .attr("y", 15) // .attr("text-anchor", "middle") // .style("font-size", "11px").style("font-weight", "bold") // .text(`Algorithms (Avg. ${metricName} ± 95% CI)`); // sortedAlgos.forEach((algo, i) => { // const row = Math.floor(i / itemsPerRow); // const col = i % itemsPerRow; // const g = legendG.append("g").attr("transform", `translate(${col * itemWidth + 40}, ${row * 22 + 40})`); // const shapeFn = shapeGenerators[algoToShape[algo]]; // if (shapeFn) shapeFn(g, 0, 0, 5, color(algo), "black"); // const { mean, ciLow, ciHigh } = algoStats[algo]; // const statText = (ciLow != null && ciHigh != null) // ? `${algo} (${mean.toFixed(2)} ± ${((ciHigh - ciLow) / 2).toFixed(2)})` // : `${algo} (${mean.toFixed(2)})`; // g.append("text") // .attr("x", 15).attr("y", 0).attr("dy", "0.32em") // .style("font-size", "10px").style("fill", "#333") // .text(statText); // }); // return outerContainer.node(); // }33:T30d5,// viewof chart_simplified3 = { // const metricName = selectedMetric; // const width = 290, height = 240, margin = { top: 30, right: 10, bottom: 30, left: 50 }; // // Extract unique values for experiments, J, R, and algorithms // const experiments = [...grouped.keys()].sort((a, b) => // a.localeCompare(b, undefined, { numeric: true, sensitivity: 'base' }) // ); // // For J and R, we iterate through the first experiment to get all possible values // const firstExp = grouped.get(experiments[0]); // const Js = [...firstExp.keys()].map(Number).sort((a, b) => a - b); // // Get a flattened array of all R values across all J values in the first experiment // const Rs = [...Js.flatMap(j => { // const rMap = firstExp.get(j); // return [...rMap.keys()].map(Number); // })].sort((a, b) => a - b) // .filter((v, i, self) => self.indexOf(v) === i); // Remove duplicates // // Get all unique algorithm names // const algos = new Set(); // for (const [E, jMap] of grouped) { // for (const [J, rMap] of jMap) { // for (const [R, algoMap] of rMap) { // for (const [algo, _] of algoMap) { // algos.add(algo); // } // } // } // } // const uniqueAlgos = [...algos]; // // Shape generators remain the same // const shapeGenerators = { // circle: (g, cx, cy, size, fillColor, strokeColor) => // g.append("circle").attr("cx", cx).attr("cy", cy).attr("r", size).attr("fill", fillColor).attr("stroke", strokeColor).attr("stroke-width", 0.5), // square: (g, cx, cy, size, fillColor, strokeColor) => // g.append("rect").attr("x", cx - size).attr("y", cy - size).attr("width", size * 2).attr("height", size * 2).attr("fill", fillColor).attr("stroke", strokeColor).attr("stroke-width", 0.5), // diamond: (g, cx, cy, size, fillColor, strokeColor) => // g.append("polygon").attr("points", `${cx},${cy - size} ${cx + size},${cy} ${cx},${cy + size} ${cx - size},${cy}`).attr("fill", fillColor).attr("stroke", strokeColor).attr("stroke-width", 0.5), // triangle: (g, cx, cy, size, fillColor, strokeColor) => // g.append("polygon").attr("points", `${cx},${cy - size} ${cx + size},${cy + size} ${cx - size},${cy + size}`).attr("fill", fillColor).attr("stroke", strokeColor).attr("stroke-width", 0.5), // cross: (g, cx, cy, size, fillColor) => { // const s = size * 1.0; // g.append("line") // .attr("x1", cx - s).attr("y1", cy - s) // .attr("x2", cx + s).attr("y2", cy + s) // .attr("stroke", fillColor) // .attr("stroke-width", size / 1.5); // return g.append("line") // .attr("x1", cx - s).attr("y1", cy + s) // .attr("x2", cx + s).attr("y2", cy - s) // .attr("stroke", fillColor) // .attr("stroke-width", size / 1.5); // }, // plus: (g, cx, cy, size, fillColor) => { // const s = size * 1.2; // g.append("line").attr("x1", cx - s).attr("y1", cy).attr("x2", cx + s).attr("y2", cy).attr("stroke", fillColor).attr("stroke-width", size / 1.5); // return g.append("line").attr("x1", cx).attr("y1", cy - s).attr("x2", cx).attr("y2", cy + s).attr("stroke", fillColor).attr("stroke-width", size / 1.5); // }, // star: (g, cx, cy, size, fillColor, strokeColor) => { // const R = size * 1.2, r = size * 0.6; // let path = ""; // for (let i = 0; i < 10; i++) { // const angle = Math.PI / 5 * i; // const radius = i % 2 === 0 ? R : r; // const x = cx + radius * Math.sin(angle); // const y = cy - radius * Math.cos(angle); // path += i === 0 ? `M${x},${y}` : `L${x},${y}`; // } // return g.append("path").attr("d", path + "Z").attr("fill", fillColor).attr("stroke", strokeColor).attr("stroke-width", 0.5); // }, // pentagon: (g, cx, cy, size, fillColor, strokeColor) => { // const R = size * 1.2; // let path = ""; // for (let i = 0; i < 5; i++) { // const angle = (Math.PI * 2 / 5) * i - Math.PI / 2; // const x = cx + R * Math.cos(angle); // const y = cy + R * Math.sin(angle); // path += i ? `L${x},${y}` : `M${x},${y}`; // } // return g.append("path").attr("d", path + "Z").attr("fill", fillColor).attr("stroke", strokeColor).attr("stroke-width", 0.5); // }, // hexagon: (g, cx, cy, size, fillColor, strokeColor) => { // const R = size * 1.2; // const points = Array.from({ length: 6 }, (_, i) => { // const angle = Math.PI / 3 * i; // return [cx + R * Math.cos(angle), cy + R * Math.sin(angle)]; // }); // return g.append("polygon").attr("points", points.map(p => p.join(",")).join(" ")).attr("fill", fillColor).attr("stroke", strokeColor).attr("stroke-width", 0.5); // } // }; // const algoToShape = { // "BPEBM-S": "plus", // "BPEBM-S (Blind)": "star", // "SuStaIn (GMM)": "hexagon", // "SuStaIn (KDE)": "cross", // }; // // Use the grouped data directly instead of re-aggregating // const aggregatedData = []; // for (const [E, jMap] of grouped) { // for (const [J, rMap] of jMap) { // for (const [R, algoMap] of rMap) { // for (const [algo, stats] of algoMap) { // aggregatedData.push({ // E, // J: +J, // R: +R, // algo, // kendalls_tau: stats.kendalls_tau, // subtype_acc: stats.subtype_acc, // mean_stage_healthy: stats.mean_stage_healthy, // runtime: stats.runtime, // runtime_cross_validation: stats.runtime_cross_validation, // absolute_error_n_subtypes: stats.absolute_error_n_subtypes, // count: stats.count // }); // } // } // } // } // // Calculate algorithm statistics directly from the grouped data // const algoStats = {}; // uniqueAlgos.forEach(algo => { // const algoPoints = aggregatedData.filter(d => d.algo === algo); // const values = algoPoints.map(d => d[metricName]); // const mean = d3.mean(values); // let ciLow = null, ciHigh = null; // if (values.length > 1) { // const n = values.length; // const stdDev = Math.sqrt(d3.sum(values.map(x => Math.pow(x - mean, 2))) / (n - 1)); // const stderr = stdDev / Math.sqrt(n); // const tCritical = 1.96; // ciLow = mean - tCritical * stderr; // ciHigh = mean + tCritical * stderr; // } // algoStats[algo] = { mean, ciLow, ciHigh }; // }); // // Sort algorithms based on the performance metric // const sortedAlgos = [...uniqueAlgos].sort((a, b) => { // if (['kendalls_tau', 'mean_stage_healthy', 'runtime', 'runtime_cross_validation', 'absolute_error_n_subtypes'].includes(metricName)) { // // For kendalls_tau, lower is better (closer to 0) // return algoStats[a].mean - algoStats[b].mean; // } else { // // For subtype_acc, higher is better // return algoStats[b].mean - algoStats[a].mean; // } // }); // const color = d3.scaleOrdinal(d3.schemeTableau10).domain(sortedAlgos); // const xGroup = d3.scaleBand().domain(Js).range([margin.left, width - margin.right]).padding(0.1); // const xInner = d3.scalePoint().domain(Rs).range([0, xGroup.bandwidth()]).padding(0.5); // const outerContainer = d3.create("div").style("position", "relative").style("width", "100%"); // const svgWidth = width * Math.min(experiments.length, 3); // const svgHeight = height * Math.ceil(experiments.length / 3) + 100; // const masterSVG = outerContainer.append("svg").attr("width", svgWidth).attr("height", svgHeight).style("background", "#fff"); // experiments.forEach((E, index) => { // const row = Math.floor(index / 3), col = index % 3; // const chartG = masterSVG.append("g").attr("transform", `translate(${col * width}, ${row * height})`); // // Filter data for this experiment // const expData = aggregatedData.filter(d => d.E === E); // // Set appropriate y-domain based on metric // let yDomain; // if (metricName === 'kendalls_tau') { // yDomain = [0.6, 0]; // Kendall's tau distance, lower is better // } else if (metricName === 'subtype_acc') { // yDomain = [0, 0.6]; // Accuracy, higher is better // } else if (metricName == 'mean_stage_healthy') { // yDomain = [6.0, 0]; // } else if (metricName == 'runtime') { // yDomain = [15, 0]; // } else if (metricName == 'runtime_cross_validation') { // yDomain = [120, 0] // } else { // yDomain = [2, 0] // } // const y = d3.scaleLinear().domain(yDomain).nice().range([height - margin.bottom, margin.top]); // chartG.append("g").attr("transform", `translate(${margin.left},0)`).call(d3.axisLeft(y).ticks(5).tickFormat(d => d.toFixed(1))); // chartG.append("g").attr("transform", `translate(0,${height - margin.bottom})`).call(d3.axisBottom(xGroup)).selectAll(".tick text").text(d => `J=${d}`); // chartG.append("text").attr("x", width / 2).attr("y", margin.top - 10).attr("text-anchor", "middle").style("font-size", "12px").style("font-weight", "bold").text(E); // if (index === 0) { // chartG.append("text") // .attr("transform", "rotate(-90)") // .attr("x", -(height - margin.bottom + margin.top) / 2) // .attr("y", margin.left / 4) // .attr("text-anchor", "middle") // .style("font-size", "12px") // .text( // { // kendalls_tau: "Kendall's Tau Distance", // mean_stage_healthy: "Mean Stage Healthy", // runtime: "Runtime (in Minutes)", // subtype_accuracy: "Subtype Accuracy", // optional, keep as needed // runtime_cross_validation: "Runtime Cross Validation (in Minutes)", // absolute_error_n_subtypes: "MAE Cross Validation" // }[metricName] || metricName // ); // } // sortedAlgos.forEach(algo => { // Js.forEach(J => { // const points = expData.filter(d => d.algo === algo && d.J === J).sort((a, b) => a.R - b.R); // if (points.length < 2) return; // const line = d3.line().x(d => xGroup(d.J) + xInner(d.R)).y(d => y(d[metricName])).curve(d3.curveMonotoneX); // chartG.append("path").datum(points).attr("fill", "none").attr("stroke", color(algo)).attr("stroke-width", 1.5).attr("d", line); // points.forEach(d => { // const cx = xGroup(d.J) + xInner(d.R); // const cy = y(d[metricName]); // const shapeFn = shapeGenerators[algoToShape[algo]]; // if (shapeFn) { // shapeFn(chartG, cx, cy, 3, color(algo), "white"); // } // }); // }); // }); // }); // const legendG = masterSVG.append("g").attr("transform", `translate(0, ${height * Math.ceil(experiments.length / 3)})`); // const itemsPerRow = 4; // const itemWidth = (svgWidth / itemsPerRow) * 0.8; // const itemHeight = 0; // legendG.append("text") // .attr("x", svgWidth / 2) // .attr("y", 15) // .attr("text-anchor", "middle") // .style("font-size", "11px") // .style("font-weight", "bold") // .text(`Algorithms (Avg. ${ // { // kendalls_tau: "Kendall's Tau Distance", // mean_stage_healthy: "Mean Stage Healthy", // subtype_accuracy: "Subtype Accuracy", // runtime: "Runtime (in Seconds)", // runtime_cross_validation: "Runtime Cross Validation (in Minutes)", // absolute_error_n_subtypes: "MAE Cross Validation" // }[metricName] || metricName // } ± 95% CI)`); // sortedAlgos.forEach((algo, i) => { // const row = Math.floor(i / itemsPerRow); // const col = i % itemsPerRow; // const g = legendG.append("g").attr("transform", `translate(${col * itemWidth + 40}, ${row * itemHeight + 40})`); // const shapeFn = shapeGenerators[algoToShape[algo]]; // if (shapeFn) { // shapeFn(g, 0, 0, 5, color(algo), "black"); // } // const { mean, ciLow, ciHigh } = algoStats[algo]; // const statText = (ciLow != null && ciHigh != null) // ? `${algo} (${mean.toFixed(3)} ± ${((ciHigh - ciLow) / 2).toFixed(2)})` // : `${algo} (${mean.toFixed(3)})`; // g.append("text") // .attr("x", 15) // .attr("y", 0) // .attr("dy", "0.32em") // .style("font-size", "10px") // .text(statText); // }); // return outerContainer.node(); // }34:[{"id":"c284650b6e2d7acac6b00e2219311fef301ed6b5a1def7c26ab57743ec375d3f87e2569262b23e3804f1e11fcc06f13d74caaa8760aa9210f58f78f19d35ad79","href":"https://static.observableusercontent.com/files/c284650b6e2d7acac6b00e2219311fef301ed6b5a1def7c26ab57743ec375d3f87e2569262b23e3804f1e11fcc06f13d74caaa8760aa9210f58f78f19d35ad79","name":"all_results@42.csv","type":"text/csv","lastModified":1757039243447.448,"size":1107925},{"id":"799d702e2dca49226b497a95f9876ad540c6b7ccbd6ca53484d918b424bc86a043363c28757b66d9cc1f4639614806ac7706d58cd4453275239e3530c8b242a6","href":"https://static.observableusercontent.com/files/799d702e2dca49226b497a95f9876ad540c6b7ccbd6ca53484d918b424bc86a043363c28757b66d9cc1f4639614806ac7706d58cd4453275239e3530c8b242a6","name":"all_results@43.csv","type":"text/csv","lastModified":1757099115995.279,"size":1124234},{"id":"190c1f3b3a318ea5deaac9281d084ab8e1be1ba65a730fce513957cbbde55818e41694fabcad3e4d8a79bc682551a462ad9bfbb79ce69dae325cdb722e61539f","href":"https://static.observableusercontent.com/files/190c1f3b3a318ea5deaac9281d084ab8e1be1ba65a730fce513957cbbde55818e41694fabcad3e4d8a79bc682551a462ad9bfbb79ce69dae325cdb722e61539f","name":"all_results@44.csv","type":"text/csv","lastModified":1757204082548.93,"size":1129048},{"id":"aacabd6bc16a41b6d43e24bedcac3e72cde517f739d924f8f4000cff1ab8a93e64f7732113a35556fa6cd793afb97da56085e2816fbdcb087d68bbccb99edf8f","href":"https://static.observableusercontent.com/files/aacabd6bc16a41b6d43e24bedcac3e72cde517f739d924f8f4000cff1ab8a93e64f7732113a35556fa6cd793afb97da56085e2816fbdcb087d68bbccb99edf8f","name":"all_results@45.csv","type":"text/csv","lastModified":1757205693512.06,"size":1130556},{"id":"9d262f35da034db65e398829281a97e3ee2017a7e9264bf8f4f4e6690d5a144d6f8c6e811e1219db172090195f6a460d55f09ec1d9de91ef7fe8dd7dabcd529a","href":"https://static.observableusercontent.com/files/9d262f35da034db65e398829281a97e3ee2017a7e9264bf8f4f4e6690d5a144d6f8c6e811e1219db172090195f6a460d55f09ec1d9de91ef7fe8dd7dabcd529a","name":"all_results@46.csv","type":"text/csv","lastModified":1757206611982.811,"size":1130969},{"id":"682a418d1e36086801fb60ba5c798e32efec69aae74b94073bd5355b1219bbb2870cf1aaed0605ca4344714fc03aad1d229ba370ffd2bf8b80d8228589bbd8ae","href":"https://static.observableusercontent.com/files/682a418d1e36086801fb60ba5c798e32efec69aae74b94073bd5355b1219bbb2870cf1aaed0605ca4344714fc03aad1d229ba370ffd2bf8b80d8228589bbd8ae","name":"all_results@47.csv","type":"text/csv","lastModified":1757206789060.334,"size":1131173},{"id":"61ff1e7ae854e7f8339f93a8cfc2882a100ad0bfa7f15a2bcb599ff82a732fa0be41eabb449f1e8c119918774a1521d28e1976bb17eab90738091afea8adaeaf","href":"https://static.observableusercontent.com/files/61ff1e7ae854e7f8339f93a8cfc2882a100ad0bfa7f15a2bcb599ff82a732fa0be41eabb449f1e8c119918774a1521d28e1976bb17eab90738091afea8adaeaf","name":"all_results@48.csv","type":"text/csv","lastModified":1757207049469.966,"size":1128107},{"id":"b0db150ebd5dbfcc296c738924292d3fee999db447a52bf1a361b47d6db71f581160f3e8f3de96adff1bd17300bad54a7588d96849b78604d83a7318b8dfa4cd","href":"https://static.observableusercontent.com/files/b0db150ebd5dbfcc296c738924292d3fee999db447a52bf1a361b47d6db71f581160f3e8f3de96adff1bd17300bad54a7588d96849b78604d83a7318b8dfa4cd","name":"all_results@49.csv","type":"text/csv","lastModified":1757209955164.424,"size":1128108},{"id":"b0db150ebd5dbfcc296c738924292d3fee999db447a52bf1a361b47d6db71f581160f3e8f3de96adff1bd17300bad54a7588d96849b78604d83a7318b8dfa4cd","href":"https://static.observableusercontent.com/files/b0db150ebd5dbfcc296c738924292d3fee999db447a52bf1a361b47d6db71f581160f3e8f3de96adff1bd17300bad54a7588d96849b78604d83a7318b8dfa4cd","name":"all_results@50.csv","type":"text/csv","lastModified":1757210034520.316,"size":1128108},{"id":"d4278845b9f0508ee227042ce2cac9223acabea9fb3fa91c24412335d9dcb295ccfe9b31767b2299c1faf8f7ca440382de6535ecdb7c0c27ad377ea07ed72288","href":"https://static.observableusercontent.com/files/d4278845b9f0508ee227042ce2cac9223acabea9fb3fa91c24412335d9dcb295ccfe9b31767b2299c1faf8f7ca440382de6535ecdb7c0c27ad377ea07ed72288","name":"all_results@51.csv","type":"text/csv","lastModified":1757226627305.552,"size":1350468},{"id":"4e817fd45060170219761224582db35f23b90cafaa622d8ccc1b36a4f825ec45cab4a38563004b911dfc7018e81222897299c57e757d56756e292a9ade298fa8","href":"https://static.observableusercontent.com/files/4e817fd45060170219761224582db35f23b90cafaa622d8ccc1b36a4f825ec45cab4a38563004b911dfc7018e81222897299c57e757d56756e292a9ade298fa8","name":"all_results@52.csv","type":"text/csv","lastModified":1757227364204.895,"size":1383780},{"id":"22107e534072dacc813150a3120232933dc9ce29f17f704bd26c63a1326b391bfcfa3d242726a92a54450a78fe5140ffc02f30c9b24f22c9aca1564598006da2","href":"https://static.observableusercontent.com/files/22107e534072dacc813150a3120232933dc9ce29f17f704bd26c63a1326b391bfcfa3d242726a92a54450a78fe5140ffc02f30c9b24f22c9aca1564598006da2","name":"all_results@53.csv","type":"text/csv","lastModified":1757228667163.176,"size":1392021},{"id":"3ccc60ebd1afec813163f877f10e2a152c5d892529427c57eae19d283f50d7234f2e28827d955405848562190cc200e9239ec8c3e511a00c2500102cf8acbfee","href":"https://static.observableusercontent.com/files/3ccc60ebd1afec813163f877f10e2a152c5d892529427c57eae19d283f50d7234f2e28827d955405848562190cc200e9239ec8c3e511a00c2500102cf8acbfee","name":"all_results@54.csv","type":"text/csv","lastModified":1757229051252.305,"size":1394650},{"id":"2007dddbbb61ea2803518429d64e409bfb1b11bce9b0e469c6445d518d9f32db67762fa9c06f9e4a81e148592cafb1eec88e9c531e8baebd68d9dab1ee96c921","href":"https://static.observableusercontent.com/files/2007dddbbb61ea2803518429d64e409bfb1b11bce9b0e469c6445d518d9f32db67762fa9c06f9e4a81e148592cafb1eec88e9c531e8baebd68d9dab1ee96c921","name":"all_results@55.csv","type":"text/csv","lastModified":1757229366062.022,"size":1409094},{"id":"9b0c9e9369326b3489f8abad02f6e1a163074aec7d38169b6938ae4be64a9b8a6021eb130899228929325f3bbb13627ea1a698eccacd90bf5bb26c2e76386835","href":"https://static.observableusercontent.com/files/9b0c9e9369326b3489f8abad02f6e1a163074aec7d38169b6938ae4be64a9b8a6021eb130899228929325f3bbb13627ea1a698eccacd90bf5bb26c2e76386835","name":"all_results@73.csv","type":"text/csv","lastModified":1757274186857.446,"size":1023254},{"id":"0dbfc677b848bdef4ea3422016e1ed45f3bb5ac9df5ed7c74d733de51b70b2fcaaf7c82737c629821640c6d60cd30c84d45a6c464869f787fb55b86173892bf8","href":"https://static.observableusercontent.com/files/0dbfc677b848bdef4ea3422016e1ed45f3bb5ac9df5ed7c74d733de51b70b2fcaaf7c82737c629821640c6d60cd30c84d45a6c464869f787fb55b86173892bf8","name":"all_results@74.csv","type":"text/csv","lastModified":1757277298593.154,"size":1094837},{"id":"9e51efa9269fc5c1fd92666dc07285f859afa282afffc7e6bcd18acb152c45ca2acbdf44e15b57397adedf16074276d08feb2b809eed32a50b53d883d775a7ee","href":"https://static.observableusercontent.com/files/9e51efa9269fc5c1fd92666dc07285f859afa282afffc7e6bcd18acb152c45ca2acbdf44e15b57397adedf16074276d08feb2b809eed32a50b53d883d775a7ee","name":"all_results@75.csv","type":"text/csv","lastModified":1757280022072.815,"size":1106305},{"id":"9acda6999b62471226f5c503490dce274f6a500dd3b2707506ba097b90f90925ec72ff961f92c4e33eb9e3fee89e0928f0d2e5cd4df03e88d1936df31362a9b2","href":"https://static.observableusercontent.com/files/9acda6999b62471226f5c503490dce274f6a500dd3b2707506ba097b90f90925ec72ff961f92c4e33eb9e3fee89e0928f0d2e5cd4df03e88d1936df31362a9b2","name":"all_results@76.csv","type":"text/csv","lastModified":1757285572413.572,"size":1398883},{"id":"b12c9a951fa3c4b75bfa4cb258fb7db6686ec124da4eb8bbf35d1299ad8c247920e67594ae822257a8bbfd400d3a57791db79496db787f76d8ae012c7ff86a32","href":"https://static.observableusercontent.com/files/b12c9a951fa3c4b75bfa4cb258fb7db6686ec124da4eb8bbf35d1299ad8c247920e67594ae822257a8bbfd400d3a57791db79496db787f76d8ae012c7ff86a32","name":"all_results@77.csv","type":"text/csv","lastModified":1757372349255.248,"size":1398404},{"id":"b12c9a951fa3c4b75bfa4cb258fb7db6686ec124da4eb8bbf35d1299ad8c247920e67594ae822257a8bbfd400d3a57791db79496db787f76d8ae012c7ff86a32","href":"https://static.observableusercontent.com/files/b12c9a951fa3c4b75bfa4cb258fb7db6686ec124da4eb8bbf35d1299ad8c247920e67594ae822257a8bbfd400d3a57791db79496db787f76d8ae012c7ff86a32","name":"all_results@78.csv","type":"text/csv","lastModified":1757372963094.429,"size":1398404},{"id":"4c36e4b7f8fdf31b8241113947f6ea786ebed91f69e80bd0dcf1bb362f22a45448b1d2fd9d55ebf8da5a6e41992e64bee814718280b531b8066982f9ab28a64f","href":"https://static.observableusercontent.com/files/4c36e4b7f8fdf31b8241113947f6ea786ebed91f69e80bd0dcf1bb362f22a45448b1d2fd9d55ebf8da5a6e41992e64bee814718280b531b8066982f9ab28a64f","name":"all_results@79.csv","type":"text/csv","lastModified":1757373478077.465,"size":1398521},{"id":"d37a11941bdeaf59b733e10e9151cd5cce9b794ae2535fe515812d0ac11051073efdf22ca0d6c576eaac3940bf5cdb79033ef968c6beff822d662057fa2b317c","href":"https://static.observableusercontent.com/files/d37a11941bdeaf59b733e10e9151cd5cce9b794ae2535fe515812d0ac11051073efdf22ca0d6c576eaac3940bf5cdb79033ef968c6beff822d662057fa2b317c","name":"all_results@81.csv","type":"text/csv","lastModified":1757373534423.087,"size":1392761},{"id":"01c6be47e0697778566237cbd8731658cf9a388e434fd72396d98c94a58bdde3b8754b98591b27c347ebb39d4966e682f6c983a77aa4aebbc4cc2f680fe7af00","href":"https://static.observableusercontent.com/files/01c6be47e0697778566237cbd8731658cf9a388e434fd72396d98c94a58bdde3b8754b98591b27c347ebb39d4966e682f6c983a77aa4aebbc4cc2f680fe7af00","name":"all_results@82.csv","type":"text/csv","lastModified":1757384266621.503,"size":1391579},{"id":"8db0f2f5233fab671ed2dc144e68f916f2aa9d3118f3e59100fe3b980aa026fa4cf71485e8f643a437b8e090de6575b1c7c9849eaf617981cfdcd6fe0e557265","href":"https://static.observableusercontent.com/files/8db0f2f5233fab671ed2dc144e68f916f2aa9d3118f3e59100fe3b980aa026fa4cf71485e8f643a437b8e090de6575b1c7c9849eaf617981cfdcd6fe0e557265","name":"all_results@41.csv","type":"text/csv","lastModified":1756918359788.437,"size":1123679},{"id":"39ccb1108c02afe8ef179a456f011e5aa9769f98400c1fc16f744fccaaaeabf8ed9b6b3455b75a283ef6b79a656e15abfbffdea16f01c6dd77f9daef372f2e80","href":"https://static.observableusercontent.com/files/39ccb1108c02afe8ef179a456f011e5aa9769f98400c1fc16f744fccaaaeabf8ed9b6b3455b75a283ef6b79a656e15abfbffdea16f01c6dd77f9daef372f2e80","name":"all_results@83.csv","type":"text/csv","lastModified":1762450753415.515,"size":115691},{"id":"31ce1cfdd9e593df83e404f223845fe04a337b8974bc504beeb0abb311d84ae13c561f8ff8680a307d5c6199d2b3a0b0569dceaef05cd8d606f940868fc1e424","href":"https://static.observableusercontent.com/files/31ce1cfdd9e593df83e404f223845fe04a337b8974bc504beeb0abb311d84ae13c561f8ff8680a307d5c6199d2b3a0b0569dceaef05cd8d606f940868fc1e424","name":"all_results@85.csv","type":"text/csv","lastModified":1762474949618.477,"size":1392203},{"id":"6b2020475d5778a91fce01a92594be1f885b29fecec2a14ec4b1083693ff4c0a05e1ea382932781a988bfb6de7c2ffec02dbcb105f5125a6fd7b32fe7169a5f7","href":"https://static.observableusercontent.com/files/6b2020475d5778a91fce01a92594be1f885b29fecec2a14ec4b1083693ff4c0a05e1ea382932781a988bfb6de7c2ffec02dbcb105f5125a6fd7b32fe7169a5f7","name":"all_results@84.csv","type":"text/csv","lastModified":1762468032412.65,"size":116305},{"id":"2f2b40bc5d354f57b2575d30a3df34c68eb20ee8ce3494e04baad3ed203a01216f2219c65bcb715c629711d1132d6d056bcb8207e55b7be4b2e01b3b1a9182bf","href":"https://static.observableusercontent.com/files/2f2b40bc5d354f57b2575d30a3df34c68eb20ee8ce3494e04baad3ed203a01216f2219c65bcb715c629711d1132d6d056bcb8207e55b7be4b2e01b3b1a9182bf","name":"all_results@87.csv","type":"text/csv","lastModified":1762553998119.825,"size":853478},{"id":"f237bd6638553ee89f92a91da394a6395700d8ba33fee9f197aed647b956d4a2f68e961ee73884e7b2877bc06dfdfb0b8eb8441f1e8a5aa1c1f7875a15162f95","href":"https://static.observableusercontent.com/files/f237bd6638553ee89f92a91da394a6395700d8ba33fee9f197aed647b956d4a2f68e961ee73884e7b2877bc06dfdfb0b8eb8441f1e8a5aa1c1f7875a15162f95","name":"all_results@88.csv","type":"text/csv","lastModified":1762556772341.104,"size":1340748},{"id":"913698062529e7edcd57be38645572b97bbce7e29a9d2d9ceea48f9d5a9c3271b906dab694e3f4c00ccd19dc9de91abe92f1d322dfe805df7b3387a827515f0a","href":"https://static.observableusercontent.com/files/913698062529e7edcd57be38645572b97bbce7e29a9d2d9ceea48f9d5a9c3271b906dab694e3f4c00ccd19dc9de91abe92f1d322dfe805df7b3387a827515f0a","name":"all_results@86.csv","type":"text/csv","lastModified":1762547230877.123,"size":1396623},{"id":"3e9b8cbf942da4209aac6dcf543f4ae5ff6ebd6e6c785b98f37ca8366b2c31521d9a88c802416ce3f6d001217b980baf0ce3887d8f38fe56e3eb3307ca9e2130","href":"https://static.observableusercontent.com/files/3e9b8cbf942da4209aac6dcf543f4ae5ff6ebd6e6c785b98f37ca8366b2c31521d9a88c802416ce3f6d001217b980baf0ce3887d8f38fe56e3eb3307ca9e2130","name":"all_results@90.csv","type":"text/csv","lastModified":1762576179773.889,"size":1236611},{"id":"e8adc0dc87338959dfb4ea81d3f2375a93eac626fd2b8ef517e8c26c2ae643bfc08ecf5380ff734b7aa60dfd117b27680f6bd2519543907e9375b1fe4782bede","href":"https://static.observableusercontent.com/files/e8adc0dc87338959dfb4ea81d3f2375a93eac626fd2b8ef517e8c26c2ae643bfc08ecf5380ff734b7aa60dfd117b27680f6bd2519543907e9375b1fe4782bede","name":"all_results@89.csv","type":"text/csv","lastModified":1762565520080.887,"size":1384233},{"id":"7a5ca0f62ef09c0d66ae8d210c4ea2428a8ad5dd6621ecad5040180f3b9b4c9a877ccadf3f423054aed23d4b80dea5342d76692bf5ef1d3445494053daf5325b","href":"https://static.observableusercontent.com/files/7a5ca0f62ef09c0d66ae8d210c4ea2428a8ad5dd6621ecad5040180f3b9b4c9a877ccadf3f423054aed23d4b80dea5342d76692bf5ef1d3445494053daf5325b","name":"all_results@91.csv","type":"text/csv","lastModified":1762576394546.931,"size":1238491},{"id":"ca788aaf4cb70ae15ef384790c7c2b52c6a408ba17fb7b07f10296819878b81221c69acc64a1dae0a0f70c01dd62992486117d2e6430cc36648f3ebf1950b9f7","href":"https://static.observableusercontent.com/files/ca788aaf4cb70ae15ef384790c7c2b52c6a408ba17fb7b07f10296819878b81221c69acc64a1dae0a0f70c01dd62992486117d2e6430cc36648f3ebf1950b9f7","name":"all_results@93.csv","type":"text/csv","lastModified":1762615017116.747,"size":1348132},{"id":"e7a4285fa69d70bcd98f83f003cd738dcc0a907284e05d42613766a13b5b4d4df2f5c92da4772c75ba449c2a435bf7ea432101f5032489701850d5409d561e8f","href":"https://static.observableusercontent.com/files/e7a4285fa69d70bcd98f83f003cd738dcc0a907284e05d42613766a13b5b4d4df2f5c92da4772c75ba449c2a435bf7ea432101f5032489701850d5409d561e8f","name":"all_results@92.csv","type":"text/csv","lastModified":1762579214328.443,"size":1261102},{"id":"a66df1398f3ee6261cac956c299966b0c54f01b5092cd1359ecd1355073af259ddcc4a40a92b7f34a0438c956ef22e9b615d7d403b114e712e0cb17c93202170","href":"https://static.observableusercontent.com/files/a66df1398f3ee6261cac956c299966b0c54f01b5092cd1359ecd1355073af259ddcc4a40a92b7f34a0438c956ef22e9b615d7d403b114e712e0cb17c93202170","name":"all_results@94.csv","type":"text/csv","lastModified":1762652000753.753,"size":1348720},{"id":"f6f92a49b7c7d337e4f90c3dfa7b01ad93fcd491118fd2355d1226dd15918051b5fbb1607c6aaecef42d1c131eaa616fb28301b8e1e80c69bed700d668856b75","href":"https://static.observableusercontent.com/files/f6f92a49b7c7d337e4f90c3dfa7b01ad93fcd491118fd2355d1226dd15918051b5fbb1607c6aaecef42d1c131eaa616fb28301b8e1e80c69bed700d668856b75","name":"all_results@95.csv","type":"text/csv","lastModified":1776363127377.471,"size":1331799},{"id":"9cfae97aa2e8d62494da1b8f54b49c54b8ebc448d95b8dedd1485291bc441413f3da1b12100e86b73cdca576cc3d25b9cd0d3e527158f2be7c607b6236c1f71b","href":"https://static.observableusercontent.com/files/9cfae97aa2e8d62494da1b8f54b49c54b8ebc448d95b8dedd1485291bc441413f3da1b12100e86b73cdca576cc3d25b9cd0d3e527158f2be7c607b6236c1f71b","name":"all_results@97.csv","type":"text/csv","lastModified":1776702849334.3,"size":1346786},{"id":"862bcf7b0efd2b51f1c5c7a53a2ea362c51ff67c33eef5f9fc05a6043d7b0612c5b6617b2b5831113eb45f7b01cc3b3df2930f74ef6c25f37b72d5d838a92703","href":"https://static.observableusercontent.com/files/862bcf7b0efd2b51f1c5c7a53a2ea362c51ff67c33eef5f9fc05a6043d7b0612c5b6617b2b5831113eb45f7b01cc3b3df2930f74ef6c25f37b72d5d838a92703","name":"all_results@96.csv","type":"text/csv","lastModified":1776694694955.886,"size":1348355},{"id":"98766d411735cc37d27fe67ddd2092158d3479913ae751d8e8e675e60d404ca56f77152beddb634c57b52fa67c70102283f952d6d27ed7b3e2c581c7b751356c","href":"https://static.observableusercontent.com/files/98766d411735cc37d27fe67ddd2092158d3479913ae751d8e8e675e60d404ca56f77152beddb634c57b52fa67c70102283f952d6d27ed7b3e2c581c7b751356c","name":"all_results@98.csv","type":"text/csv","lastModified":1776705461816.463,"size":1346572},{"id":"d72fb9e5ee09c890e7cd35b220fa090163643f38298d02a9a17b2befdf05b5f6d09298cac5d21a6b172cea4b14100613dffcc4c30a79eebd56bccda25f157e59","href":"https://static.observableusercontent.com/files/d72fb9e5ee09c890e7cd35b220fa090163643f38298d02a9a17b2befdf05b5f6d09298cac5d21a6b172cea4b14100613dffcc4c30a79eebd56bccda25f157e59","name":"all_results@100.csv","type":"text/csv","lastModified":1776721589832.604,"size":1345776},{"id":"8fb191f10334d8b596171afc85c80d88c08646013eec6d116824da53693de74930caf1bab0ad12e3c8b15e2ef829656a8a5f5ec82f146dca6cec473fff3811d4","href":"https://static.observableusercontent.com/files/8fb191f10334d8b596171afc85c80d88c08646013eec6d116824da53693de74930caf1bab0ad12e3c8b15e2ef829656a8a5f5ec82f146dca6cec473fff3811d4","name":"all_results@99.csv","type":"text/csv","lastModified":1776720403269.072,"size":1346767},{"id":"0eb58db72d725506f92bc2f795547f55c51d4672624656b80f85c468ea78d93d465f8f6b7fe56c126088014174a5638d939969e5420cf514e40d6b8f7279964c","href":"https://static.observableusercontent.com/files/0eb58db72d725506f92bc2f795547f55c51d4672624656b80f85c468ea78d93d465f8f6b7fe56c126088014174a5638d939969e5420cf514e40d6b8f7279964c","name":"all_results@101.csv","type":"text/csv","lastModified":1776787524322.655,"size":1342654}] 2e:{"id":"77796ef632eaf518","slug":"subtypes-results","title":"ML4H 2025 (Subtypes)","thumbnail":"82cc31ac76393ba8ce598b0e3cb8f748117ea22df28fe880f8479f3936f128c3","access_level":"public","create_time":"$D2025-08-30T04:37:40.998Z","update_time":"$D2026-04-21T16:08:04.757Z","view_time":null,"first_public_time":"$D2025-09-04T01:29:59.292Z","fork":{"id":"fe4acd1889071ecc","slug":"jpm","title":"Joint Progression Modeling (JPM): A Probabilistic Framework for Mixed-Pathology Progression","owner":{"id":"ac0e7b04fecfcd79","login":"hongtaoh","name":"Hongtao Hao"}},"stars":0,"starred":false,"owner":{"type":"team","id":"ac0e7b04fecfcd79","login":"hongtaoh","name":"Hongtao Hao","avatar_url":"https://avatars-next.observableusercontent.com/ee6259b27cf1635d95eeafe152f2a7982e66b35d5e447110f5c3371c231b7829","tier":"starter_2024"},"version":907,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"534b8b5a17d1d792","login":"hongtaoh","name":"Hongtao Hao","avatar_url":"https://avatars-next.observableusercontent.com/275bdbd20c688c26dcac698202028ab781d97547864853f854ba4dc49f22a2bf","tier":null}],"members":[{"type":"individual","id":"534b8b5a17d1d792","login":"hongtaoh","name":"Hongtao Hao","avatar_url":"https://avatars-next.observableusercontent.com/275bdbd20c688c26dcac698202028ab781d97547864853f854ba4dc49f22a2bf","tier":null,"role":"editor"},{"type":"team","id":"ac0e7b04fecfcd79","login":"hongtaoh","name":"Hongtao Hao","avatar_url":"https://avatars-next.observableusercontent.com/ee6259b27cf1635d95eeafe152f2a7982e66b35d5e447110f5c3371c231b7829","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"title":"ML4H 2025 (Subtypes)","cells":[{"id":0,"value":"# ML4H 2025 (Subtypes)","pinned":false,"hidden":false,"mode":"md"},{"id":80,"value":"subtypes = await FileAttachment(\"all_results@101.csv\").csv({typed: \"auto\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":6,"value":"processed = subtypes\n .map(d => ({\n E: d.E,\n J: +d.J,\n R: +d.R,\n algo: d.algo,\n kendalls_tau: +d.kendalls_tau,\n subtype_acc: +d.subtype_acc,\n mean_stage_healthy: +d.mean_stage_healthy,\n runtime: +d.runtime,\n runtime_cross_validation: +d.runtime_cross_validation/60,\n absolute_error_n_subtypes: +d.absolute_error_n_subtypes\n }))","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"grouped = d3.rollup(\n processed,\n values => ({\n kendalls_tau: d3.mean(values, d => d.kendalls_tau),\n subtype_acc: d3.mean(values, d => d.subtype_acc),\n mean_stage_healthy: d3.mean(values, d => d.mean_stage_healthy),\n runtime: d3.mean(values, d => d.runtime),\n runtime_cross_validation: d3.mean(values, d => d.runtime_cross_validation),\n absolute_error_n_subtypes: d3.mean(values, d => d.absolute_error_n_subtypes),\n count: values.length\n }),\n d => d.E,\n d => d.J,\n d => d.R,\n d => d.algo\n);\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"viewof selectedMetric = {\n const form = html``;\n \n form.value = form.querySelector(\"select\").value;\n form.querySelector(\"select\").addEventListener(\"input\", () => {\n form.value = form.querySelector(\"select\").value;\n form.dispatchEvent(new Event(\"input\"));\n });\n \n return form;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":789,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":757,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":12,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W34","stdlib":"1","titling":"auto"}} 2f:"$2e:body"