@umriss-ui/charts 0.8.0 → 0.8.1
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/CHANGELOG.md +12 -0
- package/README.md +1 -1
- package/docs/llms-full.md +16 -16
- package/package.json +14 -7
package/CHANGELOG.md
CHANGED
|
@@ -29,6 +29,18 @@ interface was still expected to move before `0.3.0`.
|
|
|
29
29
|
|
|
30
30
|
---
|
|
31
31
|
|
|
32
|
+
## 0.8.1 – Found by search (Sep. 2026)
|
|
33
|
+
|
|
34
|
+
### Fixed
|
|
35
|
+
|
|
36
|
+
- **The package's description and keywords say what it is in the words a
|
|
37
|
+
search uses**, and the demo it links to addresses every page by a path
|
|
38
|
+
(`…/charts/<page>/`) instead of a hash, with the page's text readable before
|
|
39
|
+
the demo starts. Old `#/<page>` links still land. Nothing in the package's
|
|
40
|
+
code changed.
|
|
41
|
+
|
|
42
|
+
---
|
|
43
|
+
|
|
32
44
|
## 0.8.0 – Working time (Sep. 2026)
|
|
33
45
|
|
|
34
46
|
### Changed
|
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# @umriss-ui/charts
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
React canvas charts for data-dense dashboards: few chart kinds, each one drawn
|
|
4
4
|
properly. Lines, areas, bars, scatters, state bands and matrices compose into
|
|
5
5
|
one chart on shared axes — together with the instruments a monitoring screen is
|
|
6
6
|
made of: limit lines and bands, a control chart, a Pareto and a working-time
|
package/docs/llms-full.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
# @umriss-ui/charts 0.8.
|
|
1
|
+
# @umriss-ui/charts 0.8.1
|
|
2
2
|
|
|
3
|
-
>
|
|
3
|
+
> React canvas chart library for data-dense dashboards - line, area, bar, scatter, control and Pareto charts. Few chart kinds, drawn well, fast.
|
|
4
4
|
|
|
5
5
|
Install with `pnpm add @umriss-ui/charts`. This text is generated from the package's demo (https://romanhaendler.github.io/umriss-ui/charts/): every page with its import line, its examples - the source exactly as it runs, with the package name where the demo imports its own source - its props tables generated from the code, and what it deliberately does not do. The pages index stands in https://romanhaendler.github.io/umriss-ui/charts/llms.txt.
|
|
6
6
|
|
|
@@ -523,7 +523,7 @@ What to know before the first chart.
|
|
|
523
523
|
|
|
524
524
|
Install the package, draw a first chart and size it in its container. Read this once before the component pages; everything after it assumes it.
|
|
525
525
|
|
|
526
|
-
Demo page: https://romanhaendler.github.io/umriss-ui/charts
|
|
526
|
+
Demo page: https://romanhaendler.github.io/umriss-ui/charts/getting-started/
|
|
527
527
|
|
|
528
528
|
Install with `pnpm add @umriss-ui/charts`; React 18 or 19 is the only peer, and the package depends on nothing else. The stylesheet comes with the JavaScript, so there is nothing to import - `@umriss-ui/charts/styles.css` is there for setups that link stylesheets by hand.
|
|
529
529
|
|
|
@@ -633,7 +633,7 @@ Holds the rows and draws the series on shared axes, one chart for every kind a s
|
|
|
633
633
|
import { Chart } from "@umriss-ui/charts";
|
|
634
634
|
```
|
|
635
635
|
|
|
636
|
-
Demo page: https://romanhaendler.github.io/umriss-ui/charts
|
|
636
|
+
Demo page: https://romanhaendler.github.io/umriss-ui/charts/chart/
|
|
637
637
|
|
|
638
638
|
Series and axes are children, and their order in the JSX is the drawing order and the colour order. The marks are drawn on canvas; axes, legend and tooltip are elements a screen reader and a test can read (ADR-0001).
|
|
639
639
|
|
|
@@ -975,7 +975,7 @@ What a value is measured against: extent, ticks and labels, several axes per sid
|
|
|
975
975
|
import { XAxis, YAxis, workingCalendar } from "@umriss-ui/charts";
|
|
976
976
|
```
|
|
977
977
|
|
|
978
|
-
Demo page: https://romanhaendler.github.io/umriss-ui/charts
|
|
978
|
+
Demo page: https://romanhaendler.github.io/umriss-ui/charts/axis/
|
|
979
979
|
|
|
980
980
|
Every scale is linear. Categories are numbers 0, 1, 2 … with a `tickFormat` that names them (ADR-0002); a working calendar maps time before it is drawn and marks every seam it took out (ADR-0001).
|
|
981
981
|
|
|
@@ -1262,7 +1262,7 @@ Joins the readings of a series into a course (a line chart, a trend). Reach for
|
|
|
1262
1262
|
import { Line } from "@umriss-ui/charts";
|
|
1263
1263
|
```
|
|
1264
1264
|
|
|
1265
|
-
Demo page: https://romanhaendler.github.io/umriss-ui/charts
|
|
1265
|
+
Demo page: https://romanhaendler.github.io/umriss-ui/charts/line/
|
|
1266
1266
|
|
|
1267
1267
|
A missing reading breaks the line; nothing is drawn across a gap. With `step` a value holds until the next one, for things logged only when they change.
|
|
1268
1268
|
|
|
@@ -1422,7 +1422,7 @@ A filled course (an area chart): down to zero for a quantity, between two edges
|
|
|
1422
1422
|
import { Area } from "@umriss-ui/charts";
|
|
1423
1423
|
```
|
|
1424
1424
|
|
|
1425
|
-
Demo page: https://romanhaendler.github.io/umriss-ui/charts
|
|
1425
|
+
Demo page: https://romanhaendler.github.io/umriss-ui/charts/area/
|
|
1426
1426
|
|
|
1427
1427
|
Without `baseline` the foot is 0 and stays in the y extent. A range's lower edge is the `baseline` accessor of the same series, not a second series - where either edge is missing, the fill has a hole.
|
|
1428
1428
|
|
|
@@ -1545,7 +1545,7 @@ Bars on the numeric x axis (a bar or column chart): one per category, grouped si
|
|
|
1545
1545
|
import { Bar } from "@umriss-ui/charts";
|
|
1546
1546
|
```
|
|
1547
1547
|
|
|
1548
|
-
Demo page: https://romanhaendler.github.io/umriss-ui/charts
|
|
1548
|
+
Demo page: https://romanhaendler.github.io/umriss-ui/charts/bar/
|
|
1549
1549
|
|
|
1550
1550
|
A category is a position the axis places and a `tickFormat` names (ADR-0002). A bar's foot is 0, so one series carries both signs.
|
|
1551
1551
|
|
|
@@ -1728,7 +1728,7 @@ Single readings as points, joined by nothing (a scatter plot, dots). Reach for i
|
|
|
1728
1728
|
import { Scatter } from "@umriss-ui/charts";
|
|
1729
1729
|
```
|
|
1730
1730
|
|
|
1731
|
-
Demo page: https://romanhaendler.github.io/umriss-ui/charts
|
|
1731
|
+
Demo page: https://romanhaendler.github.io/umriss-ui/charts/scatter/
|
|
1732
1732
|
|
|
1733
1733
|
#### Examples
|
|
1734
1734
|
|
|
@@ -1817,7 +1817,7 @@ What something was doing over time, as a band of coloured segments (a status tim
|
|
|
1817
1817
|
import { StateBand } from "@umriss-ui/charts";
|
|
1818
1818
|
```
|
|
1819
1819
|
|
|
1820
|
-
Demo page: https://romanhaendler.github.io/umriss-ui/charts
|
|
1820
|
+
Demo page: https://romanhaendler.github.io/umriss-ui/charts/stateband/
|
|
1821
1821
|
|
|
1822
1822
|
The accessor returns a state's place in `states`, which fixes the order, the name and the colour in one place (ADR-0007). Each segment runs to the next reading; a `null` leaves a hole, never a colour for unknown.
|
|
1823
1823
|
|
|
@@ -1959,7 +1959,7 @@ One value per cell across two axes (a heatmap), coloured by its limits or along
|
|
|
1959
1959
|
import { Matrix, DEFAULT_GRADIENT } from "@umriss-ui/charts";
|
|
1960
1960
|
```
|
|
1961
1961
|
|
|
1962
|
-
Demo page: https://romanhaendler.github.io/umriss-ui/charts
|
|
1962
|
+
Demo page: https://romanhaendler.github.io/umriss-ui/charts/matrix/
|
|
1963
1963
|
|
|
1964
1964
|
A cell without a value stays a hole, not a zero. The tooltip carries the value as text, since colour alone carries no number.
|
|
1965
1965
|
|
|
@@ -2050,7 +2050,7 @@ The limits a course is read against (a threshold, a reference line): a line abov
|
|
|
2050
2050
|
import { LimitLine, LimitBand } from "@umriss-ui/charts";
|
|
2051
2051
|
```
|
|
2052
2052
|
|
|
2053
|
-
Demo page: https://romanhaendler.github.io/umriss-ui/charts
|
|
2053
|
+
Demo page: https://romanhaendler.github.io/umriss-ui/charts/limitline/
|
|
2054
2054
|
|
|
2055
2055
|
A limit's tone follows its `severity`, never a colour of its own. The model is the one `@umriss-ui/core` uses for its verdicts, so a chart and a tile agree (ADR-0006).
|
|
2056
2056
|
|
|
@@ -2234,7 +2234,7 @@ Centre line, control limits and the rule violations of a process (an SPC or Shew
|
|
|
2234
2234
|
import { ControlChart, controlLimits, violations } from "@umriss-ui/charts";
|
|
2235
2235
|
```
|
|
2236
2236
|
|
|
2237
|
-
Demo page: https://romanhaendler.github.io/umriss-ui/charts
|
|
2237
|
+
Demo page: https://romanhaendler.github.io/umriss-ui/charts/controlchart/
|
|
2238
2238
|
|
|
2239
2239
|
Control limits are computed from a named reference window, never from what happens to be visible; specification limits are chosen and drawn with `LimitLine` (ADR-0008).
|
|
2240
2240
|
|
|
@@ -2372,7 +2372,7 @@ Causes sorted by weight with a cumulative line (a Pareto chart). Reach for it af
|
|
|
2372
2372
|
import { pareto } from "@umriss-ui/charts";
|
|
2373
2373
|
```
|
|
2374
2374
|
|
|
2375
|
-
Demo page: https://romanhaendler.github.io/umriss-ui/charts
|
|
2375
|
+
Demo page: https://romanhaendler.github.io/umriss-ui/charts/pareto/
|
|
2376
2376
|
|
|
2377
2377
|
`pareto()` sorts, adds up and folds the tail into one entry that stands last whatever its size; the bars, the line and the second axis are yours to compose.
|
|
2378
2378
|
|
|
@@ -2437,7 +2437,7 @@ What a hover reports and what the colours mean (a hover card, a key), and the va
|
|
|
2437
2437
|
import { Tooltip, Legend, DataTable } from "@umriss-ui/charts";
|
|
2438
2438
|
```
|
|
2439
2439
|
|
|
2440
|
-
Demo page: https://romanhaendler.github.io/umriss-ui/charts
|
|
2440
|
+
Demo page: https://romanhaendler.github.io/umriss-ui/charts/tooltip/
|
|
2441
2441
|
|
|
2442
2442
|
The crosshair snaps to a reading, never between two. A legend without `onToggle` only explains; with it, it switches series on and off, and the state stays yours.
|
|
2443
2443
|
|
|
@@ -2731,7 +2731,7 @@ Millions of points, measured in this browser rather than claimed: the time to pr
|
|
|
2731
2731
|
import { Chart } from "@umriss-ui/charts";
|
|
2732
2732
|
```
|
|
2733
2733
|
|
|
2734
|
-
Demo page: https://romanhaendler.github.io/umriss-ui/charts
|
|
2734
|
+
Demo page: https://romanhaendler.github.io/umriss-ui/charts/benchmark/
|
|
2735
2735
|
|
|
2736
2736
|
A hover redraws only the overlay layer, so the frame rate stays up over a million points. The figures in `packages/charts/docs/capabilities.md` come from here.
|
|
2737
2737
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@umriss-ui/charts",
|
|
3
|
-
"version": "0.8.
|
|
4
|
-
"description": "
|
|
3
|
+
"version": "0.8.1",
|
|
4
|
+
"description": "React canvas chart library for data-dense dashboards - line, area, bar, scatter, control and Pareto charts. Few chart kinds, drawn well, fast.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Roman Händler",
|
|
7
7
|
"homepage": "https://romanhaendler.github.io/umriss-ui/charts/",
|
|
@@ -15,11 +15,18 @@
|
|
|
15
15
|
},
|
|
16
16
|
"keywords": [
|
|
17
17
|
"react",
|
|
18
|
-
"
|
|
19
|
-
"ui",
|
|
20
|
-
"umriss",
|
|
18
|
+
"react-charts",
|
|
21
19
|
"charts",
|
|
22
|
-
"
|
|
20
|
+
"chart-library",
|
|
21
|
+
"canvas",
|
|
22
|
+
"line-chart",
|
|
23
|
+
"bar-chart",
|
|
24
|
+
"scatter-plot",
|
|
25
|
+
"control-chart",
|
|
26
|
+
"pareto",
|
|
27
|
+
"dashboard",
|
|
28
|
+
"typescript",
|
|
29
|
+
"umriss"
|
|
23
30
|
],
|
|
24
31
|
"type": "module",
|
|
25
32
|
"files": [
|
|
@@ -63,7 +70,7 @@
|
|
|
63
70
|
"vite": "^6.0.0",
|
|
64
71
|
"vite-plugin-dts": "^4.3.0",
|
|
65
72
|
"@umriss-ui/demo": "0.0.0",
|
|
66
|
-
"@umriss-ui/core": "0.
|
|
73
|
+
"@umriss-ui/core": "0.14.1"
|
|
67
74
|
},
|
|
68
75
|
"scripts": {
|
|
69
76
|
"props": "node --disable-warning=ExperimentalWarning --experimental-strip-types demo/props.ts",
|