@sentropic/design-system-react 0.13.0 → 0.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/BoxPlotChart.d.ts +21 -0
- package/dist/BoxPlotChart.d.ts.map +1 -0
- package/dist/BoxPlotChart.js +77 -0
- package/dist/BoxPlotChart.js.map +1 -0
- package/dist/BulletChart.d.ts +17 -0
- package/dist/BulletChart.d.ts.map +1 -0
- package/dist/BulletChart.js +185 -0
- package/dist/BulletChart.js.map +1 -0
- package/dist/BumpChart.d.ts +17 -0
- package/dist/BumpChart.d.ts.map +1 -0
- package/dist/BumpChart.js +142 -0
- package/dist/BumpChart.js.map +1 -0
- package/dist/CalendarHeatmapChart.d.ts +14 -0
- package/dist/CalendarHeatmapChart.d.ts.map +1 -0
- package/dist/CalendarHeatmapChart.js +138 -0
- package/dist/CalendarHeatmapChart.js.map +1 -0
- package/dist/CandlestickChart.d.ts +17 -0
- package/dist/CandlestickChart.d.ts.map +1 -0
- package/dist/CandlestickChart.js +116 -0
- package/dist/CandlestickChart.js.map +1 -0
- package/dist/HeatmapChart.d.ts +18 -0
- package/dist/HeatmapChart.d.ts.map +1 -0
- package/dist/HeatmapChart.js +79 -0
- package/dist/HeatmapChart.js.map +1 -0
- package/dist/HistogramChart.d.ts +17 -0
- package/dist/HistogramChart.d.ts.map +1 -0
- package/dist/HistogramChart.js +94 -0
- package/dist/HistogramChart.js.map +1 -0
- package/dist/MarimekkoChart.d.ts +21 -0
- package/dist/MarimekkoChart.d.ts.map +1 -0
- package/dist/MarimekkoChart.js +88 -0
- package/dist/MarimekkoChart.js.map +1 -0
- package/dist/ParallelCoordinatesChart.d.ts +19 -0
- package/dist/ParallelCoordinatesChart.d.ts.map +1 -0
- package/dist/ParallelCoordinatesChart.js +116 -0
- package/dist/ParallelCoordinatesChart.js.map +1 -0
- package/dist/RadarChart.d.ts +21 -0
- package/dist/RadarChart.d.ts.map +1 -0
- package/dist/RadarChart.js +66 -0
- package/dist/RadarChart.js.map +1 -0
- package/dist/SankeyChart.d.ts +23 -0
- package/dist/SankeyChart.d.ts.map +1 -0
- package/dist/SankeyChart.js +126 -0
- package/dist/SankeyChart.js.map +1 -0
- package/dist/SunburstChart.d.ts +20 -0
- package/dist/SunburstChart.d.ts.map +1 -0
- package/dist/SunburstChart.js +125 -0
- package/dist/SunburstChart.js.map +1 -0
- package/dist/chartContrast.d.ts +0 -4
- package/dist/chartContrast.d.ts.map +1 -1
- package/dist/chartContrast.js +4 -56
- package/dist/chartContrast.js.map +1 -1
- package/dist/index.d.ts +24 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +12 -0
- package/dist/index.js.map +1 -1
- package/dist/styles.css +906 -0
- package/package.json +1 -1
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export type BoxPlotChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
|
|
3
|
+
export type BoxPlotChartDatum = {
|
|
4
|
+
label: string;
|
|
5
|
+
min: number;
|
|
6
|
+
q1: number;
|
|
7
|
+
median: number;
|
|
8
|
+
q3: number;
|
|
9
|
+
max: number;
|
|
10
|
+
outliers?: number[];
|
|
11
|
+
tone?: BoxPlotChartTone;
|
|
12
|
+
};
|
|
13
|
+
export type BoxPlotChartProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
|
|
14
|
+
data: BoxPlotChartDatum[];
|
|
15
|
+
width?: number;
|
|
16
|
+
height?: number;
|
|
17
|
+
label: string;
|
|
18
|
+
className?: string;
|
|
19
|
+
};
|
|
20
|
+
export declare function BoxPlotChart({ data, width, height, label, className, ...rest }: BoxPlotChartProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
//# sourceMappingURL=BoxPlotChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BoxPlotChart.d.ts","sourceRoot":"","sources":["../src/BoxPlotChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,gBAAgB,GACxB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,GAAG;IACxF,IAAI,EAAE,iBAAiB,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAyBF,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,KAAW,EAAE,MAAY,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,2CA6H7G"}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { classNames } from "./classNames.js";
|
|
4
|
+
import { ChartDataList } from "./chartScale.js";
|
|
5
|
+
const MARGIN = { top: 16, right: 20, bottom: 38, left: 48 };
|
|
6
|
+
const TONES = [
|
|
7
|
+
"category1",
|
|
8
|
+
"category2",
|
|
9
|
+
"category3",
|
|
10
|
+
"category4",
|
|
11
|
+
"category5",
|
|
12
|
+
"category6",
|
|
13
|
+
"category7",
|
|
14
|
+
"category8",
|
|
15
|
+
];
|
|
16
|
+
function formatNumber(value) {
|
|
17
|
+
if (!Number.isFinite(value))
|
|
18
|
+
return "0";
|
|
19
|
+
if (Number.isInteger(value))
|
|
20
|
+
return String(value);
|
|
21
|
+
return value.toFixed(2).replace(/\.?0+$/, "");
|
|
22
|
+
}
|
|
23
|
+
function scaleLinear(v, d0, d1, r0, r1) {
|
|
24
|
+
if (d1 === d0)
|
|
25
|
+
return r0;
|
|
26
|
+
return r0 + ((v - d0) * (r1 - r0)) / (d1 - d0);
|
|
27
|
+
}
|
|
28
|
+
export function BoxPlotChart({ data, width = 480, height = 260, label, className, ...rest }) {
|
|
29
|
+
const [hoveredIndex, setHoveredIndex] = React.useState(null);
|
|
30
|
+
const plotWidth = Math.max(width - MARGIN.left - MARGIN.right, 1);
|
|
31
|
+
const plotHeight = Math.max(height - MARGIN.top - MARGIN.bottom, 1);
|
|
32
|
+
const allValues = data
|
|
33
|
+
.flatMap((datum) => [datum.min, datum.q1, datum.median, datum.q3, datum.max, ...(datum.outliers ?? [])])
|
|
34
|
+
.filter(Number.isFinite);
|
|
35
|
+
const domainRaw = allValues.length === 0 ? { min: 0, max: 1 } : { min: Math.min(...allValues), max: Math.max(...allValues) };
|
|
36
|
+
const pad = (domainRaw.max - domainRaw.min) * 0.08 || Math.max(Math.abs(domainRaw.max), 1) * 0.1;
|
|
37
|
+
const domain = { min: domainRaw.min - pad, max: domainRaw.max + pad };
|
|
38
|
+
const band = data.length > 0 ? plotWidth / data.length : plotWidth;
|
|
39
|
+
const boxWidth = Math.min(54, Math.max(18, band * 0.44));
|
|
40
|
+
const plots = data.map((datum, index) => {
|
|
41
|
+
const cx = MARGIN.left + band * (index + 0.5);
|
|
42
|
+
const y = (value) => MARGIN.top + scaleLinear(value, domain.min, domain.max, plotHeight, 0);
|
|
43
|
+
const q1Y = y(datum.q1);
|
|
44
|
+
const q3Y = y(datum.q3);
|
|
45
|
+
return {
|
|
46
|
+
datum,
|
|
47
|
+
tone: datum.tone ?? TONES[index % TONES.length],
|
|
48
|
+
cx,
|
|
49
|
+
boxX: cx - boxWidth / 2,
|
|
50
|
+
boxY: Math.min(q1Y, q3Y),
|
|
51
|
+
boxWidth,
|
|
52
|
+
boxHeight: Math.max(Math.abs(q1Y - q3Y), 1),
|
|
53
|
+
medianY: y(datum.median),
|
|
54
|
+
minY: y(datum.min),
|
|
55
|
+
maxY: y(datum.max),
|
|
56
|
+
capWidth: boxWidth * 0.72,
|
|
57
|
+
outliers: (datum.outliers ?? []).filter(Number.isFinite).map((value) => ({ value, y: y(value) })),
|
|
58
|
+
};
|
|
59
|
+
});
|
|
60
|
+
const dataValueItems = data.map((datum) => {
|
|
61
|
+
const summary = `${datum.label}: min ${formatNumber(datum.min)}, q1 ${formatNumber(datum.q1)}, median ${formatNumber(datum.median)}, q3 ${formatNumber(datum.q3)}, max ${formatNumber(datum.max)}`;
|
|
62
|
+
const outliersStr = datum.outliers?.length ? `, outliers ${datum.outliers.map(formatNumber).join(", ")}` : "";
|
|
63
|
+
return `${summary}${outliersStr}`;
|
|
64
|
+
});
|
|
65
|
+
function handleVisualPointerMove(event) {
|
|
66
|
+
const target = event.target;
|
|
67
|
+
if (!(target instanceof Element)) {
|
|
68
|
+
setHoveredIndex(null);
|
|
69
|
+
return;
|
|
70
|
+
}
|
|
71
|
+
const index = Number(target.getAttribute("data-chart-index"));
|
|
72
|
+
setHoveredIndex(Number.isInteger(index) ? index : null);
|
|
73
|
+
}
|
|
74
|
+
const hoveredPlot = hoveredIndex !== null ? plots[hoveredIndex] : undefined;
|
|
75
|
+
return (_jsxs("div", { ...rest, className: classNames("st-boxPlotChart", className), children: [_jsx("div", { className: "st-boxPlotChart__visual", role: "img", "aria-label": label, onPointerMove: handleVisualPointerMove, onPointerLeave: () => setHoveredIndex(null), children: _jsxs("svg", { viewBox: `0 0 ${width} ${height}`, preserveAspectRatio: "xMidYMid meet", width: "100%", height: "100%", focusable: "false", "aria-hidden": "true", children: [_jsx("line", { className: "st-boxPlotChart__axis", x1: MARGIN.left, x2: MARGIN.left, y1: MARGIN.top, y2: height - MARGIN.bottom }), _jsx("line", { className: "st-boxPlotChart__axis", x1: MARGIN.left, x2: width - MARGIN.right, y1: height - MARGIN.bottom, y2: height - MARGIN.bottom }), plots.map((plot, i) => (_jsxs(React.Fragment, { children: [_jsx("line", { className: "st-boxPlotChart__whisker", x1: plot.cx, x2: plot.cx, y1: plot.minY, y2: plot.maxY, "data-chart-index": i }), _jsx("line", { className: "st-boxPlotChart__whiskerCap", x1: plot.cx - plot.capWidth / 2, x2: plot.cx + plot.capWidth / 2, y1: plot.minY, y2: plot.minY, "data-chart-index": i }), _jsx("line", { className: "st-boxPlotChart__whiskerCap", x1: plot.cx - plot.capWidth / 2, x2: plot.cx + plot.capWidth / 2, y1: plot.maxY, y2: plot.maxY, "data-chart-index": i }), _jsx("rect", { className: classNames("st-boxPlotChart__box", `st-boxPlotChart__box--${plot.tone}`, hoveredIndex !== null && hoveredIndex !== i ? "st-boxPlotChart__box--dim" : undefined), x: plot.boxX, y: plot.boxY, width: plot.boxWidth, height: plot.boxHeight, "data-chart-index": i }), _jsx("line", { className: "st-boxPlotChart__median", x1: plot.boxX, x2: plot.boxX + plot.boxWidth, y1: plot.medianY, y2: plot.medianY, "data-chart-index": i }), plot.outliers.map((outlier) => (_jsx("circle", { className: "st-boxPlotChart__outlier", cx: plot.cx, cy: outlier.y, r: "3", "data-chart-index": i }, `${plot.datum.label}-${outlier.value}`))), _jsx("text", { className: "st-boxPlotChart__label", x: plot.cx, y: height - MARGIN.bottom + 16, textAnchor: "middle", children: plot.datum.label })] }, plot.datum.label)))] }) }), _jsx(ChartDataList, { label: label, items: dataValueItems }), hoveredPlot ? (_jsxs("div", { className: "st-boxPlotChart__tooltip", role: "presentation", style: { left: `${(hoveredPlot.cx / width) * 100}%`, top: `${(hoveredPlot.medianY / height) * 100}%` }, children: [_jsx("span", { className: "st-boxPlotChart__tooltipLabel", children: hoveredPlot.datum.label }), _jsxs("span", { className: "st-boxPlotChart__tooltipValue", children: ["Median ", formatNumber(hoveredPlot.datum.median)] })] })) : null] }));
|
|
76
|
+
}
|
|
77
|
+
//# sourceMappingURL=BoxPlotChart.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BoxPlotChart.js","sourceRoot":"","sources":["../src/BoxPlotChart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export type BulletChartDatum = {
|
|
3
|
+
label: string;
|
|
4
|
+
value: number;
|
|
5
|
+
target: number;
|
|
6
|
+
ranges?: number[];
|
|
7
|
+
};
|
|
8
|
+
export type BulletChartProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
|
|
9
|
+
data: BulletChartDatum[];
|
|
10
|
+
label: string;
|
|
11
|
+
orientation?: "horizontal" | "vertical";
|
|
12
|
+
width?: number;
|
|
13
|
+
height?: number;
|
|
14
|
+
className?: string;
|
|
15
|
+
};
|
|
16
|
+
export declare function BulletChart({ data, label, orientation, width, height, className, ...rest }: BulletChartProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
//# sourceMappingURL=BulletChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BulletChart.d.ts","sourceRoot":"","sources":["../src/BulletChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,GAAG;IACvF,IAAI,EAAE,gBAAgB,EAAE,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAuCF,wBAAgB,WAAW,CAAC,EAC1B,IAAS,EACT,KAAK,EACL,WAA0B,EAC1B,KAAW,EACX,MAAY,EACZ,SAAS,EACT,GAAG,IAAI,EACR,EAAE,gBAAgB,2CAuVlB"}
|
|
@@ -0,0 +1,185 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { classNames } from "./classNames.js";
|
|
4
|
+
import { ChartDataList } from "./chartScale.js";
|
|
5
|
+
const MARGIN = { top: 12, right: 24, bottom: 36, left: 80 };
|
|
6
|
+
const RANGE_OPACITIES = [0.18, 0.30, 0.44];
|
|
7
|
+
function scaleLinear(v, d0, d1, r0, r1) {
|
|
8
|
+
if (d1 === d0)
|
|
9
|
+
return r0;
|
|
10
|
+
return r0 + ((v - d0) * (r1 - r0)) / (d1 - d0);
|
|
11
|
+
}
|
|
12
|
+
function niceTicks(min, max, target = 5) {
|
|
13
|
+
if (!Number.isFinite(min) || !Number.isFinite(max) || min === max) {
|
|
14
|
+
const base = Number.isFinite(max) ? max : 0;
|
|
15
|
+
return [base];
|
|
16
|
+
}
|
|
17
|
+
const range = max - min;
|
|
18
|
+
const rough = range / Math.max(target - 1, 1);
|
|
19
|
+
const pow = Math.pow(10, Math.floor(Math.log10(rough)));
|
|
20
|
+
const norm = rough / pow;
|
|
21
|
+
let step;
|
|
22
|
+
if (norm < 1.5)
|
|
23
|
+
step = 1 * pow;
|
|
24
|
+
else if (norm < 3)
|
|
25
|
+
step = 2 * pow;
|
|
26
|
+
else if (norm < 7)
|
|
27
|
+
step = 5 * pow;
|
|
28
|
+
else
|
|
29
|
+
step = 10 * pow;
|
|
30
|
+
const start = Math.floor(min / step) * step;
|
|
31
|
+
const end = Math.ceil(max / step) * step;
|
|
32
|
+
const ticks = [];
|
|
33
|
+
for (let v = start; v <= end + step / 2; v += step) {
|
|
34
|
+
ticks.push(Number(v.toFixed(10)));
|
|
35
|
+
}
|
|
36
|
+
return ticks;
|
|
37
|
+
}
|
|
38
|
+
function formatTick(v) {
|
|
39
|
+
if (Math.abs(v) >= 1000)
|
|
40
|
+
return `${(v / 1000).toFixed(v % 1000 === 0 ? 0 : 1)}k`;
|
|
41
|
+
if (Number.isInteger(v))
|
|
42
|
+
return String(v);
|
|
43
|
+
return v.toFixed(1);
|
|
44
|
+
}
|
|
45
|
+
export function BulletChart({ data = [], label, orientation = "horizontal", width = 480, height = 240, className, ...rest }) {
|
|
46
|
+
const [hoveredIndex, setHoveredIndex] = React.useState(null);
|
|
47
|
+
const plotWidth = Math.max(width - MARGIN.left - MARGIN.right, 1);
|
|
48
|
+
const plotHeight = Math.max(height - MARGIN.top - MARGIN.bottom, 1);
|
|
49
|
+
// FIX: filter invalid data (non-finite value/target → skip)
|
|
50
|
+
const validData = data.filter((d) => Number.isFinite(d.value) && Number.isFinite(d.target));
|
|
51
|
+
// FIX: domain includes 0, values, targets AND ranges; negative domain supported
|
|
52
|
+
const allDomainValues = [0];
|
|
53
|
+
for (const d of validData) {
|
|
54
|
+
allDomainValues.push(d.value, d.target);
|
|
55
|
+
for (const r of d.ranges ?? []) {
|
|
56
|
+
if (Number.isFinite(r))
|
|
57
|
+
allDomainValues.push(r);
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
const rawMin = Math.min(...allDomainValues);
|
|
61
|
+
const rawMax = Math.max(...allDomainValues);
|
|
62
|
+
// Flat domain → fallback +1
|
|
63
|
+
const domainMax = rawMax === rawMin ? rawMin + 1 : rawMax;
|
|
64
|
+
const domainMin = rawMin;
|
|
65
|
+
const ticks = niceTicks(domainMin, domainMax, 5);
|
|
66
|
+
const tickDomainMin = ticks[0] ?? domainMin;
|
|
67
|
+
const tickDomainMax = ticks[ticks.length - 1] ?? domainMax;
|
|
68
|
+
// Position of baseline (value 0) in pixels
|
|
69
|
+
const baselineX = MARGIN.left + scaleLinear(0, tickDomainMin, tickDomainMax, 0, plotWidth);
|
|
70
|
+
const baselineY = MARGIN.top + scaleLinear(0, tickDomainMin, tickDomainMax, plotHeight, 0);
|
|
71
|
+
const bullets = React.useMemo(() => {
|
|
72
|
+
const bandCount = validData.length;
|
|
73
|
+
if (bandCount === 0)
|
|
74
|
+
return [];
|
|
75
|
+
if (orientation === "horizontal") {
|
|
76
|
+
const bandH = plotHeight / bandCount;
|
|
77
|
+
const barH = bandH * 0.35;
|
|
78
|
+
const rangeH = bandH * 0.65;
|
|
79
|
+
return validData.map((d, i) => {
|
|
80
|
+
const ranges = (d.ranges ?? [tickDomainMax]).filter(Number.isFinite).slice(0, 3);
|
|
81
|
+
const sortedRanges = [...ranges].sort((a, b) => a - b);
|
|
82
|
+
const bandY = MARGIN.top + i * bandH;
|
|
83
|
+
const cx = MARGIN.left + scaleLinear(d.value, tickDomainMin, tickDomainMax, 0, plotWidth);
|
|
84
|
+
const targetX = MARGIN.left + scaleLinear(d.target, tickDomainMin, tickDomainMax, 0, plotWidth);
|
|
85
|
+
const rangeBands = sortedRanges.map((r, ri) => {
|
|
86
|
+
const prevR = ri === 0 ? tickDomainMin : sortedRanges[ri - 1];
|
|
87
|
+
return {
|
|
88
|
+
x: MARGIN.left + scaleLinear(prevR, tickDomainMin, tickDomainMax, 0, plotWidth),
|
|
89
|
+
width: scaleLinear(r, tickDomainMin, tickDomainMax, 0, plotWidth) -
|
|
90
|
+
scaleLinear(prevR, tickDomainMin, tickDomainMax, 0, plotWidth),
|
|
91
|
+
opacity: RANGE_OPACITIES[ri] ?? 0.44,
|
|
92
|
+
y: bandY + (bandH - rangeH) / 2,
|
|
93
|
+
height: rangeH,
|
|
94
|
+
};
|
|
95
|
+
});
|
|
96
|
+
// FIX: bar starts from baseline (0), not from left edge
|
|
97
|
+
const zeroX = baselineX;
|
|
98
|
+
const barLeft = Math.min(zeroX, cx);
|
|
99
|
+
const barRight = Math.max(zeroX, cx);
|
|
100
|
+
return {
|
|
101
|
+
datum: d,
|
|
102
|
+
index: i,
|
|
103
|
+
barX: barLeft,
|
|
104
|
+
barY: bandY + (bandH - barH) / 2,
|
|
105
|
+
barW: Math.max(barRight - barLeft, 0.5),
|
|
106
|
+
barH,
|
|
107
|
+
targetX,
|
|
108
|
+
targetY: bandY + (bandH - rangeH) / 2,
|
|
109
|
+
targetH: rangeH,
|
|
110
|
+
labelY: bandY + bandH / 2,
|
|
111
|
+
rangeBands,
|
|
112
|
+
tooltipX: cx,
|
|
113
|
+
tooltipY: bandY + bandH / 2,
|
|
114
|
+
};
|
|
115
|
+
});
|
|
116
|
+
}
|
|
117
|
+
// vertical
|
|
118
|
+
const bandW = plotWidth / bandCount;
|
|
119
|
+
const barW = bandW * 0.35;
|
|
120
|
+
const rangeW = bandW * 0.65;
|
|
121
|
+
return validData.map((d, i) => {
|
|
122
|
+
const ranges = (d.ranges ?? [tickDomainMax]).filter(Number.isFinite).slice(0, 3);
|
|
123
|
+
const sortedRanges = [...ranges].sort((a, b) => a - b);
|
|
124
|
+
const bandX = MARGIN.left + i * bandW;
|
|
125
|
+
const cy = MARGIN.top + scaleLinear(d.value, tickDomainMin, tickDomainMax, plotHeight, 0);
|
|
126
|
+
const targetY = MARGIN.top + scaleLinear(d.target, tickDomainMin, tickDomainMax, plotHeight, 0);
|
|
127
|
+
const rangeBands = sortedRanges.map((r, ri) => {
|
|
128
|
+
const prevR = ri === 0 ? tickDomainMin : sortedRanges[ri - 1];
|
|
129
|
+
return {
|
|
130
|
+
y: MARGIN.top + scaleLinear(r, tickDomainMin, tickDomainMax, plotHeight, 0),
|
|
131
|
+
height: Math.abs(scaleLinear(r, tickDomainMin, tickDomainMax, plotHeight, 0) -
|
|
132
|
+
scaleLinear(prevR, tickDomainMin, tickDomainMax, plotHeight, 0)),
|
|
133
|
+
opacity: RANGE_OPACITIES[ri] ?? 0.44,
|
|
134
|
+
x: bandX + (bandW - rangeW) / 2,
|
|
135
|
+
width: rangeW,
|
|
136
|
+
};
|
|
137
|
+
});
|
|
138
|
+
// FIX: bar starts from baseline (0)
|
|
139
|
+
const zeroY = baselineY;
|
|
140
|
+
const barTop = Math.min(zeroY, cy);
|
|
141
|
+
const barBot = Math.max(zeroY, cy);
|
|
142
|
+
return {
|
|
143
|
+
datum: d,
|
|
144
|
+
index: i,
|
|
145
|
+
barX: bandX + (bandW - barW) / 2,
|
|
146
|
+
barY: barTop,
|
|
147
|
+
barW: barW,
|
|
148
|
+
barH: Math.max(barBot - barTop, 0.5),
|
|
149
|
+
targetY,
|
|
150
|
+
targetX: bandX + (bandW - rangeW) / 2,
|
|
151
|
+
targetH: rangeW,
|
|
152
|
+
labelY: MARGIN.top + plotHeight + 18,
|
|
153
|
+
labelX: bandX + bandW / 2,
|
|
154
|
+
rangeBands,
|
|
155
|
+
tooltipX: bandX + bandW / 2,
|
|
156
|
+
tooltipY: cy,
|
|
157
|
+
};
|
|
158
|
+
});
|
|
159
|
+
}, [validData, orientation, plotWidth, plotHeight, tickDomainMin, tickDomainMax, baselineX, baselineY]);
|
|
160
|
+
const dataValueItems = validData.map((d) => `${d.label}: value ${d.value}, target ${d.target}`);
|
|
161
|
+
function handlePointerMove(event) {
|
|
162
|
+
const target = event.target;
|
|
163
|
+
if (!(target instanceof Element)) {
|
|
164
|
+
setHoveredIndex(null);
|
|
165
|
+
return;
|
|
166
|
+
}
|
|
167
|
+
const idx = Number(target.getAttribute("data-chart-index"));
|
|
168
|
+
setHoveredIndex(Number.isInteger(idx) ? idx : null);
|
|
169
|
+
}
|
|
170
|
+
const hoveredBullet = hoveredIndex !== null ? bullets[hoveredIndex] : undefined;
|
|
171
|
+
return (_jsxs("div", { ...rest, className: classNames("st-bulletChart", className), children: [_jsx("div", { className: "st-bulletChart__visual", role: "img", "aria-label": label, onPointerMove: handlePointerMove, onPointerLeave: () => setHoveredIndex(null), children: _jsxs("svg", { viewBox: `0 0 ${width} ${height}`, preserveAspectRatio: "xMidYMid meet", width: "100%", height: "100%", focusable: "false", "aria-hidden": "true", children: [orientation === "horizontal" ? (_jsx("line", { className: "st-bulletChart__baseline", x1: baselineX, x2: baselineX, y1: MARGIN.top, y2: height - MARGIN.bottom })) : (_jsx("line", { className: "st-bulletChart__baseline", x1: MARGIN.left, x2: width - MARGIN.right, y1: baselineY, y2: baselineY })), _jsx("line", { className: "st-bulletChart__axis", x1: MARGIN.left, x2: orientation === "horizontal" ? width - MARGIN.right : MARGIN.left, y1: MARGIN.top, y2: height - MARGIN.bottom }), _jsx("line", { className: "st-bulletChart__axis", x1: MARGIN.left, x2: orientation === "horizontal" ? MARGIN.left : width - MARGIN.right, y1: height - MARGIN.bottom, y2: height - MARGIN.bottom }), ticks.map((tick) => {
|
|
172
|
+
if (orientation === "horizontal") {
|
|
173
|
+
const tx = MARGIN.left + scaleLinear(tick, tickDomainMin, tickDomainMax, 0, plotWidth);
|
|
174
|
+
return (_jsxs(React.Fragment, { children: [_jsx("line", { className: "st-bulletChart__grid", x1: tx, x2: tx, y1: MARGIN.top, y2: height - MARGIN.bottom }), _jsx("text", { className: "st-bulletChart__tickLabel", x: tx, y: height - MARGIN.bottom + 14, textAnchor: "middle", children: formatTick(tick) })] }, tick));
|
|
175
|
+
}
|
|
176
|
+
else {
|
|
177
|
+
const ty = MARGIN.top + scaleLinear(tick, tickDomainMin, tickDomainMax, plotHeight, 0);
|
|
178
|
+
return (_jsxs(React.Fragment, { children: [_jsx("line", { className: "st-bulletChart__grid", x1: MARGIN.left, x2: width - MARGIN.right, y1: ty, y2: ty }), _jsx("text", { className: "st-bulletChart__tickLabel", x: MARGIN.left - 6, y: ty, textAnchor: "end", dominantBaseline: "middle", children: formatTick(tick) })] }, tick));
|
|
179
|
+
}
|
|
180
|
+
}), bullets.map((b, i) => (_jsxs(React.Fragment, { children: [b.rangeBands.map((rb, ri) => (_jsx("rect", { className: "st-bulletChart__range", x: rb.x ?? b.barX, y: rb.y ?? b.barY, width: rb.width, height: Math.abs(rb.height ?? 0), style: { opacity: rb.opacity } }, ri))), _jsx("rect", { className: "st-bulletChart__bar", x: b.barX, y: b.barY, width: b.barW, height: b.barH, rx: 1, "data-chart-index": i }), orientation === "horizontal" ? (_jsx("line", { className: "st-bulletChart__target", x1: b.targetX, x2: b.targetX, y1: b.targetY, y2: b.targetY + b.targetH })) : (_jsx("line", { className: "st-bulletChart__target", x1: b.targetX, x2: (b.targetX ?? 0) + b.targetH, y1: b.targetY, y2: b.targetY })), orientation === "horizontal" ? (_jsx("text", { className: "st-bulletChart__categoryLabel", x: MARGIN.left - 8, y: b.labelY, textAnchor: "end", dominantBaseline: "middle", children: b.datum.label })) : (_jsx("text", { className: "st-bulletChart__categoryLabel", x: b.labelX ?? 0, y: b.labelY, textAnchor: "middle", children: b.datum.label }))] }, `${i}-${b.datum.label}`)))] }) }), _jsx(ChartDataList, { label: label, items: dataValueItems }), hoveredBullet ? (_jsxs("div", { className: "st-bulletChart__tooltip", role: "presentation", style: {
|
|
181
|
+
left: `${(hoveredBullet.tooltipX / width) * 100}%`,
|
|
182
|
+
top: `${(hoveredBullet.tooltipY / height) * 100}%`,
|
|
183
|
+
}, children: [_jsx("span", { className: "st-bulletChart__tooltipLabel", children: hoveredBullet.datum.label }), _jsxs("span", { className: "st-bulletChart__tooltipValue", children: ["value: ", hoveredBullet.datum.value, " / target: ", hoveredBullet.datum.target] })] })) : null] }));
|
|
184
|
+
}
|
|
185
|
+
//# sourceMappingURL=BulletChart.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BulletChart.js","sourceRoot":"","sources":["../src/BulletChart.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAkBhD,MAAM,MAAM,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;AAC5D,MAAM,eAAe,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAE3C,SAAS,WAAW,CAAC,CAAS,EAAE,EAAU,EAAE,EAAU,EAAE,EAAU,EAAE,EAAU;IAC5E,IAAI,EAAE,KAAK,EAAE;QAAE,OAAO,EAAE,CAAC;IACzB,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;AACjD,CAAC;AAED,SAAS,SAAS,CAAC,GAAW,EAAE,GAAW,EAAE,MAAM,GAAG,CAAC;IACrD,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,GAAG,KAAK,GAAG,EAAE,CAAC;QAClE,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QAC5C,OAAO,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC;IACD,MAAM,KAAK,GAAG,GAAG,GAAG,GAAG,CAAC;IACxB,MAAM,KAAK,GAAG,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IAC9C,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACxD,MAAM,IAAI,GAAG,KAAK,GAAG,GAAG,CAAC;IACzB,IAAI,IAAY,CAAC;IACjB,IAAI,IAAI,GAAG,GAAG;QAAE,IAAI,GAAG,CAAC,GAAG,GAAG,CAAC;SAC1B,IAAI,IAAI,GAAG,CAAC;QAAE,IAAI,GAAG,CAAC,GAAG,GAAG,CAAC;SAC7B,IAAI,IAAI,GAAG,CAAC;QAAE,IAAI,GAAG,CAAC,GAAG,GAAG,CAAC;;QAC7B,IAAI,GAAG,EAAE,GAAG,GAAG,CAAC;IACrB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;IAC5C,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;IACzC,MAAM,KAAK,GAAa,EAAE,CAAC;IAC3B,KAAK,IAAI,CAAC,GAAG,KAAK,EAAE,CAAC,IAAI,GAAG,GAAG,IAAI,GAAG,CAAC,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC;QACnD,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACpC,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,SAAS,UAAU,CAAC,CAAS;IAC3B,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,IAAI;QAAE,OAAO,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;IACjF,IAAI,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC;QAAE,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC;IAC1C,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AACtB,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAC1B,IAAI,GAAG,EAAE,EACT,KAAK,EACL,WAAW,GAAG,YAAY,EAC1B,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,GAAG,EACZ,SAAS,EACT,GAAG,IAAI,EACU;IACjB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE5E,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAClE,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IAEpE,4DAA4D;IAC5D,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAC3B,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAC7D,CAAC;IAEF,gFAAgF;IAChF,MAAM,eAAe,GAAa,CAAC,CAAC,CAAC,CAAC;IACtC,KAAK,MAAM,CAAC,IAAI,SAAS,EAAE,CAAC;QAC1B,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;QACxC,KAAK,MAAM,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,EAAE,EAAE,CAAC;YAC/B,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;gBAAE,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAClD,CAAC;IACH,CAAC;IACD,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,eAAe,CAAC,CAAC;IAC5C,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,eAAe,CAAC,CAAC;IAC5C,4BAA4B;IAC5B,MAAM,SAAS,GAAG,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IAC1D,MAAM,SAAS,GAAG,MAAM,CAAC;IAEzB,MAAM,KAAK,GAAG,SAAS,CAAC,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;IACjD,MAAM,aAAa,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,SAAS,CAAC;IAC5C,MAAM,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,SAAS,CAAC;IAE3D,2CAA2C;IAC3C,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,GAAG,WAAW,CAAC,CAAC,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC;IAC3F,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,GAAG,WAAW,CAAC,CAAC,EAAE,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC;IAE3F,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACjC,MAAM,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC;QACnC,IAAI,SAAS,KAAK,CAAC;YAAE,OAAO,EAAE,CAAC;QAE/B,IAAI,WAAW,KAAK,YAAY,EAAE,CAAC;YACjC,MAAM,KAAK,GAAG,UAAU,GAAG,SAAS,CAAC;YACrC,MAAM,IAAI,GAAG,KAAK,GAAG,IAAI,CAAC;YAC1B,MAAM,MAAM,GAAG,KAAK,GAAG,IAAI,CAAC;YAE5B,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;gBAC5B,MAAM,MAAM,GAAG,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;gBACjF,MAAM,YAAY,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;gBAEvD,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC;gBACrC,MAAM,EAAE,GAAG,MAAM,CAAC,IAAI,GAAG,WAAW,CAAC,CAAC,CAAC,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC;gBAC1F,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,GAAG,WAAW,CAAC,CAAC,CAAC,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC;gBAEhG,MAAM,UAAU,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE;oBAC5C,MAAM,KAAK,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;oBAC9D,OAAO;wBACL,CAAC,EAAE,MAAM,CAAC,IAAI,GAAG,WAAW,CAAC,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC,EAAE,SAAS,CAAC;wBAC/E,KAAK,EACH,WAAW,CAAC,CAAC,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC,EAAE,SAAS,CAAC;4BAC1D,WAAW,CAAC,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC,EAAE,SAAS,CAAC;wBAChE,OAAO,EAAE,eAAe,CAAC,EAAE,CAAC,IAAI,IAAI;wBACpC,CAAC,EAAE,KAAK,GAAG,CAAC,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC;wBAC/B,MAAM,EAAE,MAAM;qBACf,CAAC;gBACJ,CAAC,CAAC,CAAC;gBAEH,wDAAwD;gBACxD,MAAM,KAAK,GAAG,SAAS,CAAC;gBACxB,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;gBACpC,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;gBAErC,OAAO;oBACL,KAAK,EAAE,CAAC;oBACR,KAAK,EAAE,CAAC;oBACR,IAAI,EAAE,OAAO;oBACb,IAAI,EAAE,KAAK,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC;oBAChC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,GAAG,OAAO,EAAE,GAAG,CAAC;oBACvC,IAAI;oBACJ,OAAO;oBACP,OAAO,EAAE,KAAK,GAAG,CAAC,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC;oBACrC,OAAO,EAAE,MAAM;oBACf,MAAM,EAAE,KAAK,GAAG,KAAK,GAAG,CAAC;oBACzB,UAAU;oBACV,QAAQ,EAAE,EAAE;oBACZ,QAAQ,EAAE,KAAK,GAAG,KAAK,GAAG,CAAC;iBAC5B,CAAC;YACJ,CAAC,CAAC,CAAC;QACL,CAAC;QAED,WAAW;QACX,MAAM,KAAK,GAAG,SAAS,GAAG,SAAS,CAAC;QACpC,MAAM,IAAI,GAAG,KAAK,GAAG,IAAI,CAAC;QAC1B,MAAM,MAAM,GAAG,KAAK,GAAG,IAAI,CAAC;QAE5B,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YAC5B,MAAM,MAAM,GAAG,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YACjF,MAAM,YAAY,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YAEvD,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,GAAG,CAAC,GAAG,KAAK,CAAC;YACtC,MAAM,EAAE,GACN,MAAM,CAAC,GAAG,GAAG,WAAW,CAAC,CAAC,CAAC,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC;YACjF,MAAM,OAAO,GACX,MAAM,CAAC,GAAG,GAAG,WAAW,CAAC,CAAC,CAAC,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC;YAElF,MAAM,UAAU,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE;gBAC5C,MAAM,KAAK,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;gBAC9D,OAAO;oBACL,CAAC,EAAE,MAAM,CAAC,GAAG,GAAG,WAAW,CAAC,CAAC,EAAE,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAC;oBAC3E,MAAM,EAAE,IAAI,CAAC,GAAG,CACd,WAAW,CAAC,CAAC,EAAE,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAC;wBACzD,WAAW,CAAC,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAC,CAClE;oBACD,OAAO,EAAE,eAAe,CAAC,EAAE,CAAC,IAAI,IAAI;oBACpC,CAAC,EAAE,KAAK,GAAG,CAAC,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC;oBAC/B,KAAK,EAAE,MAAM;iBACd,CAAC;YACJ,CAAC,CAAC,CAAC;YAEH,oCAAoC;YACpC,MAAM,KAAK,GAAG,SAAS,CAAC;YACxB,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YACnC,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YAEnC,OAAO;gBACL,KAAK,EAAE,CAAC;gBACR,KAAK,EAAE,CAAC;gBACR,IAAI,EAAE,KAAK,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC;gBAChC,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,IAAI;gBACV,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,MAAM,EAAE,GAAG,CAAC;gBACpC,OAAO;gBACP,OAAO,EAAE,KAAK,GAAG,CAAC,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC;gBACrC,OAAO,EAAE,MAAM;gBACf,MAAM,EAAE,MAAM,CAAC,GAAG,GAAG,UAAU,GAAG,EAAE;gBACpC,MAAM,EAAE,KAAK,GAAG,KAAK,GAAG,CAAC;gBACzB,UAAU;gBACV,QAAQ,EAAE,KAAK,GAAG,KAAK,GAAG,CAAC;gBAC3B,QAAQ,EAAE,EAAE;aACb,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,aAAa,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IAExG,MAAM,cAAc,GAAG,SAAS,CAAC,GAAG,CAClC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,WAAW,CAAC,CAAC,KAAK,YAAY,CAAC,CAAC,MAAM,EAAE,CAC1D,CAAC;IAEF,SAAS,iBAAiB,CAAC,KAAyB;QAClD,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QAC5B,IAAI,CAAC,CAAC,MAAM,YAAY,OAAO,CAAC,EAAE,CAAC;YAAC,eAAe,CAAC,IAAI,CAAC,CAAC;YAAC,OAAO;QAAC,CAAC;QACpE,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC,CAAC;QAC5D,eAAe,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IACtD,CAAC;IAED,MAAM,aAAa,GAAG,YAAY,KAAK,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAEhF,OAAO,CACL,kBAAS,IAAI,EAAE,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,SAAS,CAAC,aAC/D,cACE,SAAS,EAAC,wBAAwB,EAClC,IAAI,EAAC,KAAK,gBACE,KAAK,EACjB,aAAa,EAAE,iBAAiB,EAChC,cAAc,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,YAE3C,eACE,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE,EACjC,mBAAmB,EAAC,eAAe,EACnC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,SAAS,EAAC,OAAO,iBACL,MAAM,aAGjB,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,CAC9B,eACE,SAAS,EAAC,0BAA0B,EACpC,EAAE,EAAE,SAAS,EACb,EAAE,EAAE,SAAS,EACb,EAAE,EAAE,MAAM,CAAC,GAAG,EACd,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,GAC1B,CACH,CAAC,CAAC,CAAC,CACF,eACE,SAAS,EAAC,0BAA0B,EACpC,EAAE,EAAE,MAAM,CAAC,IAAI,EACf,EAAE,EAAE,KAAK,GAAG,MAAM,CAAC,KAAK,EACxB,EAAE,EAAE,SAAS,EACb,EAAE,EAAE,SAAS,GACb,CACH,EAGD,eACE,SAAS,EAAC,sBAAsB,EAChC,EAAE,EAAE,MAAM,CAAC,IAAI,EACf,EAAE,EAAE,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EACrE,EAAE,EAAE,MAAM,CAAC,GAAG,EACd,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,GAC1B,EACF,eACE,SAAS,EAAC,sBAAsB,EAChC,EAAE,EAAE,MAAM,CAAC,IAAI,EACf,EAAE,EAAE,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,EACrE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAC1B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,GAC1B,EAGD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;4BAClB,IAAI,WAAW,KAAK,YAAY,EAAE,CAAC;gCACjC,MAAM,EAAE,GAAG,MAAM,CAAC,IAAI,GAAG,WAAW,CAAC,IAAI,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC;gCACvF,OAAO,CACL,MAAC,KAAK,CAAC,QAAQ,eACb,eACE,SAAS,EAAC,sBAAsB,EAChC,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,MAAM,CAAC,GAAG,EACd,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,GAC1B,EACF,eACE,SAAS,EAAC,2BAA2B,EACrC,CAAC,EAAE,EAAE,EACL,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,GAAG,EAAE,EAC9B,UAAU,EAAC,QAAQ,YAElB,UAAU,CAAC,IAAI,CAAC,GACZ,KAfY,IAAI,CAgBR,CAClB,CAAC;4BACJ,CAAC;iCAAM,CAAC;gCACN,MAAM,EAAE,GAAG,MAAM,CAAC,GAAG,GAAG,WAAW,CAAC,IAAI,EAAE,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC;gCACvF,OAAO,CACL,MAAC,KAAK,CAAC,QAAQ,eACb,eACE,SAAS,EAAC,sBAAsB,EAChC,EAAE,EAAE,MAAM,CAAC,IAAI,EACf,EAAE,EAAE,KAAK,GAAG,MAAM,CAAC,KAAK,EACxB,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,GACN,EACF,eACE,SAAS,EAAC,2BAA2B,EACrC,CAAC,EAAE,MAAM,CAAC,IAAI,GAAG,CAAC,EAClB,CAAC,EAAE,EAAE,EACL,UAAU,EAAC,KAAK,EAChB,gBAAgB,EAAC,QAAQ,YAExB,UAAU,CAAC,IAAI,CAAC,GACZ,KAhBY,IAAI,CAiBR,CAClB,CAAC;4BACJ,CAAC;wBACH,CAAC,CAAC,EAGD,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACrB,MAAC,KAAK,CAAC,QAAQ,eAEZ,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAC5B,eAEE,SAAS,EAAC,uBAAuB,EACjC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EACjB,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EACjB,KAAK,EAAE,EAAE,CAAC,KAAK,EACf,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,CAAC,EAChC,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,CAAC,OAAO,EAAE,IANzB,EAAE,CAOP,CACH,CAAC,EAGF,eACE,SAAS,EAAC,qBAAqB,EAC/B,CAAC,EAAE,CAAC,CAAC,IAAI,EACT,CAAC,EAAE,CAAC,CAAC,IAAI,EACT,KAAK,EAAE,CAAC,CAAC,IAAI,EACb,MAAM,EAAE,CAAC,CAAC,IAAI,EACd,EAAE,EAAE,CAAC,sBACa,CAAC,GACnB,EAGD,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,CAC9B,eACE,SAAS,EAAC,wBAAwB,EAClC,EAAE,EAAE,CAAC,CAAC,OAAO,EACb,EAAE,EAAE,CAAC,CAAC,OAAO,EACb,EAAE,EAAE,CAAC,CAAC,OAAO,EACb,EAAE,EAAE,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,OAAO,GACzB,CACH,CAAC,CAAC,CAAC,CACF,eACE,SAAS,EAAC,wBAAwB,EAClC,EAAE,EAAE,CAAC,CAAC,OAAO,EACb,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAChC,EAAE,EAAE,CAAC,CAAC,OAAO,EACb,EAAE,EAAE,CAAC,CAAC,OAAO,GACb,CACH,EAGA,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,CAC9B,eACE,SAAS,EAAC,+BAA+B,EACzC,CAAC,EAAE,MAAM,CAAC,IAAI,GAAG,CAAC,EAClB,CAAC,EAAE,CAAC,CAAC,MAAM,EACX,UAAU,EAAC,KAAK,EAChB,gBAAgB,EAAC,QAAQ,YAExB,CAAC,CAAC,KAAK,CAAC,KAAK,GACT,CACR,CAAC,CAAC,CAAC,CACF,eACE,SAAS,EAAC,+BAA+B,EACzC,CAAC,EAAG,CAAyB,CAAC,MAAM,IAAI,CAAC,EACzC,CAAC,EAAE,CAAC,CAAC,MAAM,EACX,UAAU,EAAC,QAAQ,YAElB,CAAC,CAAC,KAAK,CAAC,KAAK,GACT,CACR,KAhEkB,GAAG,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,CAiE3B,CAClB,CAAC,IACE,GACF,EAEN,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,GAAI,EAErD,aAAa,CAAC,CAAC,CAAC,CACf,eACE,SAAS,EAAC,yBAAyB,EACnC,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE;oBACL,IAAI,EAAE,GAAG,CAAC,aAAa,CAAC,QAAQ,GAAG,KAAK,CAAC,GAAG,GAAG,GAAG;oBAClD,GAAG,EAAE,GAAG,CAAC,aAAa,CAAC,QAAQ,GAAG,MAAM,CAAC,GAAG,GAAG,GAAG;iBACnD,aAED,eAAM,SAAS,EAAC,8BAA8B,YAAE,aAAa,CAAC,KAAK,CAAC,KAAK,GAAQ,EACjF,gBAAM,SAAS,EAAC,8BAA8B,wBACpC,aAAa,CAAC,KAAK,CAAC,KAAK,iBAAa,aAAa,CAAC,KAAK,CAAC,MAAM,IACnE,IACH,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export type BumpChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
|
|
3
|
+
export type BumpChartSeries = {
|
|
4
|
+
label: string;
|
|
5
|
+
ranks: (number | null | undefined)[];
|
|
6
|
+
tone?: BumpChartTone;
|
|
7
|
+
};
|
|
8
|
+
export type BumpChartProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
|
|
9
|
+
data: BumpChartSeries[];
|
|
10
|
+
categories: string[];
|
|
11
|
+
label: string;
|
|
12
|
+
width?: number;
|
|
13
|
+
height?: number;
|
|
14
|
+
className?: string;
|
|
15
|
+
};
|
|
16
|
+
export declare function BumpChart({ data, categories, label, width, height, className, ...rest }: BumpChartProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
//# sourceMappingURL=BumpChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BumpChart.d.ts","sourceRoot":"","sources":["../src/BumpChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,aAAa,GACrB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,CAAC;IACrC,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,GAAG;IACrF,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAsDF,wBAAgB,SAAS,CAAC,EACxB,IAAS,EACT,UAAe,EACf,KAAK,EACL,KAAW,EACX,MAAY,EACZ,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,2CAiNhB"}
|
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { classNames } from "./classNames.js";
|
|
4
|
+
import { ChartDataList } from "./chartScale.js";
|
|
5
|
+
const TONES = [
|
|
6
|
+
"category1", "category2", "category3", "category4",
|
|
7
|
+
"category5", "category6", "category7", "category8",
|
|
8
|
+
];
|
|
9
|
+
const MARGIN = { top: 16, right: 80, bottom: 32, left: 80 };
|
|
10
|
+
// FIX: valid rank = integer ≥1 only
|
|
11
|
+
function isValidRank(r) {
|
|
12
|
+
return (typeof r === "number" &&
|
|
13
|
+
Number.isFinite(r) &&
|
|
14
|
+
Number.isInteger(r) &&
|
|
15
|
+
r >= 1);
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* Builds an SVG bump path with GAP for invalid ranks.
|
|
19
|
+
* Uses cubic bezier curves for smooth bumps.
|
|
20
|
+
*/
|
|
21
|
+
function buildBumpPath(points) {
|
|
22
|
+
const parts = [];
|
|
23
|
+
let segment = [];
|
|
24
|
+
function flushSegment() {
|
|
25
|
+
if (segment.length >= 2) {
|
|
26
|
+
let d = `M${segment[0].x.toFixed(2)},${segment[0].y.toFixed(2)}`;
|
|
27
|
+
for (let i = 0; i < segment.length - 1; i++) {
|
|
28
|
+
const p1 = segment[i];
|
|
29
|
+
const p2 = segment[i + 1];
|
|
30
|
+
const mx = (p1.x + p2.x) / 2;
|
|
31
|
+
d += ` C${mx.toFixed(2)},${p1.y.toFixed(2)} ${mx.toFixed(2)},${p2.y.toFixed(2)} ${p2.x.toFixed(2)},${p2.y.toFixed(2)}`;
|
|
32
|
+
}
|
|
33
|
+
parts.push(d);
|
|
34
|
+
}
|
|
35
|
+
else if (segment.length === 1) {
|
|
36
|
+
parts.push(`M${segment[0].x.toFixed(2)},${segment[0].y.toFixed(2)}`);
|
|
37
|
+
}
|
|
38
|
+
segment = [];
|
|
39
|
+
}
|
|
40
|
+
for (const pt of points) {
|
|
41
|
+
if (pt === null) {
|
|
42
|
+
flushSegment();
|
|
43
|
+
}
|
|
44
|
+
else {
|
|
45
|
+
segment.push(pt);
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
flushSegment();
|
|
49
|
+
return parts.join(" ");
|
|
50
|
+
}
|
|
51
|
+
export function BumpChart({ data = [], categories = [], label, width = 480, height = 300, className, ...rest }) {
|
|
52
|
+
const [hoveredIndex, setHoveredIndex] = React.useState(null);
|
|
53
|
+
const plotWidth = Math.max(width - MARGIN.left - MARGIN.right, 1);
|
|
54
|
+
const plotHeight = Math.max(height - MARGIN.top - MARGIN.bottom, 1);
|
|
55
|
+
const maxRank = React.useMemo(() => {
|
|
56
|
+
let m = 1;
|
|
57
|
+
for (const s of data) {
|
|
58
|
+
for (const r of s.ranks) {
|
|
59
|
+
if (isValidRank(r) && r > m)
|
|
60
|
+
m = r;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
return m;
|
|
64
|
+
}, [data]);
|
|
65
|
+
// FIX: align ranks and categories using Math.min(ranks.length, categories.length)
|
|
66
|
+
const catCount = Math.max(categories.length, 2);
|
|
67
|
+
function rankToY(rank) {
|
|
68
|
+
// rank 1 = top
|
|
69
|
+
return MARGIN.top + ((rank - 1) / Math.max(maxRank - 1, 1)) * plotHeight;
|
|
70
|
+
}
|
|
71
|
+
function catToX(ci) {
|
|
72
|
+
return MARGIN.left + (ci / Math.max(catCount - 1, 1)) * plotWidth;
|
|
73
|
+
}
|
|
74
|
+
const series = React.useMemo(() => {
|
|
75
|
+
return data.map((s, si) => {
|
|
76
|
+
const tone = s.tone ?? TONES[si % TONES.length];
|
|
77
|
+
// FIX: align ranks/categories; invalid rank → null (GAP)
|
|
78
|
+
const alignedLength = Math.min(s.ranks.length, categories.length);
|
|
79
|
+
const points = [];
|
|
80
|
+
for (let ci = 0; ci < alignedLength; ci++) {
|
|
81
|
+
const r = s.ranks[ci];
|
|
82
|
+
if (isValidRank(r)) {
|
|
83
|
+
points.push({ x: catToX(ci), y: rankToY(r) });
|
|
84
|
+
}
|
|
85
|
+
else {
|
|
86
|
+
points.push(null); // GAP
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
return {
|
|
90
|
+
label: s.label,
|
|
91
|
+
ranks: s.ranks,
|
|
92
|
+
tone,
|
|
93
|
+
points,
|
|
94
|
+
index: si,
|
|
95
|
+
path: buildBumpPath(points),
|
|
96
|
+
alignedLength,
|
|
97
|
+
};
|
|
98
|
+
});
|
|
99
|
+
}, [data, categories, maxRank, catCount]);
|
|
100
|
+
const rankTicks = React.useMemo(() => {
|
|
101
|
+
const ticks = [];
|
|
102
|
+
for (let r = 1; r <= maxRank; r++)
|
|
103
|
+
ticks.push(r);
|
|
104
|
+
return ticks;
|
|
105
|
+
}, [maxRank]);
|
|
106
|
+
// FIX: SR does not announce #1 for absent rank (uses "?" instead)
|
|
107
|
+
const dataValueItems = data.map((s) => {
|
|
108
|
+
const alignedLength = Math.min(s.ranks.length, categories.length);
|
|
109
|
+
return (`${s.label}: ` +
|
|
110
|
+
categories.slice(0, alignedLength).map((cat, ci) => {
|
|
111
|
+
const r = s.ranks[ci];
|
|
112
|
+
return `${cat} ${isValidRank(r) ? `#${r}` : "?"}`;
|
|
113
|
+
}).join(", "));
|
|
114
|
+
});
|
|
115
|
+
function handlePointerMove(event) {
|
|
116
|
+
const target = event.target;
|
|
117
|
+
if (!(target instanceof Element)) {
|
|
118
|
+
setHoveredIndex(null);
|
|
119
|
+
return;
|
|
120
|
+
}
|
|
121
|
+
const idx = Number(target.getAttribute("data-chart-index"));
|
|
122
|
+
setHoveredIndex(Number.isInteger(idx) ? idx : null);
|
|
123
|
+
}
|
|
124
|
+
return (_jsxs("div", { ...rest, className: classNames("st-bumpChart", className), children: [_jsx("div", { className: "st-bumpChart__visual", role: "img", "aria-label": label, onPointerMove: handlePointerMove, onPointerLeave: () => setHoveredIndex(null), children: _jsxs("svg", { viewBox: `0 0 ${width} ${height}`, preserveAspectRatio: "xMidYMid meet", width: "100%", height: "100%", focusable: "false", "aria-hidden": "true", children: [rankTicks.map((rank) => {
|
|
125
|
+
const ty = rankToY(rank);
|
|
126
|
+
return (_jsxs(React.Fragment, { children: [_jsx("line", { className: "st-bumpChart__grid", x1: MARGIN.left, x2: width - MARGIN.right, y1: ty, y2: ty }), _jsxs("text", { className: "st-bumpChart__rankLabel", x: MARGIN.left - 8, y: ty, textAnchor: "end", dominantBaseline: "middle", children: ["#", rank] })] }, rank));
|
|
127
|
+
}), categories.map((cat, ci) => (_jsx("text", { className: "st-bumpChart__catLabel", x: catToX(ci), y: height - MARGIN.bottom + 16, textAnchor: "middle", children: cat }, cat))), series.map((s, si) => (_jsxs(React.Fragment, { children: [_jsx("path", { className: classNames("st-bumpChart__line", `st-bumpChart__line--${s.tone}`, hoveredIndex !== null && hoveredIndex !== s.index
|
|
128
|
+
? "st-bumpChart__line--dim"
|
|
129
|
+
: undefined, hoveredIndex === s.index ? "st-bumpChart__line--active" : undefined), d: s.path, fill: "none", "data-chart-index": s.index }), s.points.map((pt, ci) => {
|
|
130
|
+
if (pt === null)
|
|
131
|
+
return null;
|
|
132
|
+
return (_jsx("circle", { className: classNames("st-bumpChart__dot", `st-bumpChart__dot--${s.tone}`, hoveredIndex !== null && hoveredIndex !== s.index
|
|
133
|
+
? "st-bumpChart__dot--dim"
|
|
134
|
+
: undefined), cx: pt.x, cy: pt.y, r: 4, "data-chart-index": s.index }, `${si}-${s.label}-${ci}`));
|
|
135
|
+
}), s.points.some((p) => p !== null) ? (() => {
|
|
136
|
+
const lastValidPt = [...s.points].reverse().find((p) => p !== null);
|
|
137
|
+
const firstValidPt = s.points.find((p) => p !== null);
|
|
138
|
+
const validCount = s.points.filter((p) => p !== null).length;
|
|
139
|
+
return (_jsxs(_Fragment, { children: [lastValidPt ? (_jsx("text", { className: "st-bumpChart__seriesLabel", x: lastValidPt.x + 8, y: lastValidPt.y, dominantBaseline: "middle", children: s.label })) : null, firstValidPt && validCount > 1 ? (_jsx("text", { className: "st-bumpChart__seriesLabel", x: firstValidPt.x - 8, y: firstValidPt.y, textAnchor: "end", dominantBaseline: "middle", children: s.label })) : null] }));
|
|
140
|
+
})() : null] }, `${si}-${s.label}`)))] }) }), _jsx(ChartDataList, { label: label, items: dataValueItems })] }));
|
|
141
|
+
}
|
|
142
|
+
//# sourceMappingURL=BumpChart.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BumpChart.js","sourceRoot":"","sources":["../src/BumpChart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export type CalendarHeatmapChartDatum = {
|
|
3
|
+
date: string;
|
|
4
|
+
value: number;
|
|
5
|
+
};
|
|
6
|
+
export type CalendarHeatmapChartProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
|
|
7
|
+
data: CalendarHeatmapChartDatum[];
|
|
8
|
+
label: string;
|
|
9
|
+
width?: number;
|
|
10
|
+
height?: number;
|
|
11
|
+
className?: string;
|
|
12
|
+
};
|
|
13
|
+
export declare function CalendarHeatmapChart({ data, label, width, height, className, ...rest }: CalendarHeatmapChartProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
//# sourceMappingURL=CalendarHeatmapChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CalendarHeatmapChart.d.ts","sourceRoot":"","sources":["../src/CalendarHeatmapChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,GAAG;IAChG,IAAI,EAAE,yBAAyB,EAAE,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAqCF,wBAAgB,oBAAoB,CAAC,EACnC,IAAS,EACT,KAAK,EACL,KAAW,EACX,MAAY,EACZ,SAAS,EACT,GAAG,IAAI,EACR,EAAE,yBAAyB,2CAiN3B"}
|