Spaces:
Running
Running
thibaud frere
commited on
Commit
·
73c8635
1
Parent(s):
03cd478
update
Browse files
app/src/content/assets/data/against_baselines.csv
CHANGED
|
@@ -1,3 +1,3 @@
|
|
| 1 |
version https://git-lfs.github.com/spec/v1
|
| 2 |
-
oid sha256:
|
| 3 |
-
size
|
|
|
|
| 1 |
version https://git-lfs.github.com/spec/v1
|
| 2 |
+
oid sha256:db5080bacf123328439db1c2e611e0a073cc4c1d2ff250ff4f7e7dc2ec6c04e2
|
| 3 |
+
size 37016
|
app/src/content/embeds/d3-line.html
CHANGED
|
@@ -342,22 +342,8 @@
|
|
| 342 |
.attr('d', d=>gen(d.values));
|
| 343 |
paths.exit().remove();
|
| 344 |
|
| 345 |
-
//
|
| 346 |
-
|
| 347 |
-
const pointData = series.flatMap(s => s.values.map(v => ({ run: s.run, color: s.color, step: v.step, value: v.value })));
|
| 348 |
-
const circles = gPoints.selectAll('circle.point').data(pointData, d => d.run + '-' + d.step);
|
| 349 |
-
circles.enter().append('circle').attr('class', 'point')
|
| 350 |
-
.attr('r', 2.5)
|
| 351 |
-
.attr('fill', d => d.color)
|
| 352 |
-
.attr('cx', d => xScale(d.step))
|
| 353 |
-
.attr('cy', d => yScale(d.value))
|
| 354 |
-
.merge(circles)
|
| 355 |
-
.attr('cx', d => xScale(d.step))
|
| 356 |
-
.attr('cy', d => yScale(d.value));
|
| 357 |
-
circles.exit().remove();
|
| 358 |
-
} else {
|
| 359 |
-
gPoints.selectAll('*').remove();
|
| 360 |
-
}
|
| 361 |
|
| 362 |
// Inline legend content (row, right side) compact
|
| 363 |
legendInline.innerHTML = series.map(s => `<span style="display:inline-flex;align-items:center;gap:6px;white-space:nowrap;"><span style="width:18px;height:10px;background:${s.color};border-radius:3px;display:inline-block"></span><span>${s.run}</span></span>`).join('');
|
|
@@ -398,7 +384,7 @@
|
|
| 398 |
const rows = d3.csvParse(text, d => ({ run: (d.run||'').trim(), step: +d.step, metric: (d.metric||'').trim(), value: +d.value }));
|
| 399 |
metricList = Array.from(new Set(rows.map(r=>r.metric))).sort();
|
| 400 |
runList = Array.from(new Set(rows.map(r=>r.run))).sort();
|
| 401 |
-
runOrder =
|
| 402 |
// Build dataByMetric
|
| 403 |
metricList.forEach(m => {
|
| 404 |
const map = {};
|
|
|
|
| 342 |
.attr('d', d=>gen(d.values));
|
| 343 |
paths.exit().remove();
|
| 344 |
|
| 345 |
+
// No point markers for rank metrics (and none for others)
|
| 346 |
+
gPoints.selectAll('*').remove();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 347 |
|
| 348 |
// Inline legend content (row, right side) compact
|
| 349 |
legendInline.innerHTML = series.map(s => `<span style="display:inline-flex;align-items:center;gap:6px;white-space:nowrap;"><span style="width:18px;height:10px;background:${s.color};border-radius:3px;display:inline-block"></span><span>${s.run}</span></span>`).join('');
|
|
|
|
| 384 |
const rows = d3.csvParse(text, d => ({ run: (d.run||'').trim(), step: +d.step, metric: (d.metric||'').trim(), value: +d.value }));
|
| 385 |
metricList = Array.from(new Set(rows.map(r=>r.metric))).sort();
|
| 386 |
runList = Array.from(new Set(rows.map(r=>r.run))).sort();
|
| 387 |
+
runOrder = runList;
|
| 388 |
// Build dataByMetric
|
| 389 |
metricList.forEach(m => {
|
| 390 |
const map = {};
|
app/src/content/embeds/d3-pie.html
CHANGED
|
@@ -127,7 +127,7 @@
|
|
| 127 |
const cellWidth = (pieAreaWidth - gapX * (cols - 1)) / cols;
|
| 128 |
const cellHeight = innerHeight - 6; // room for captions
|
| 129 |
const radius = Math.max(30, Math.min(cellWidth, cellHeight) * 0.42);
|
| 130 |
-
const innerR = Math.round(radius * 0.
|
| 131 |
|
| 132 |
const pie = d3.pie().sort(null).value(d => d.value).padAngle(0.02);
|
| 133 |
const arc = d3.arc().innerRadius(innerR).outerRadius(radius).cornerRadius(3);
|
|
|
|
| 127 |
const cellWidth = (pieAreaWidth - gapX * (cols - 1)) / cols;
|
| 128 |
const cellHeight = innerHeight - 6; // room for captions
|
| 129 |
const radius = Math.max(30, Math.min(cellWidth, cellHeight) * 0.42);
|
| 130 |
+
const innerR = Math.round(radius * 0.28); // donut, trou modéré
|
| 131 |
|
| 132 |
const pie = d3.pie().sort(null).value(d => d.value).padAngle(0.02);
|
| 133 |
const arc = d3.arc().innerRadius(innerR).outerRadius(radius).cornerRadius(3);
|