@martinomagnifico/tablechart 1.2.0 → 1.2.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 +24 -0
- package/dist/tablechart-shared.d.mts +1 -0
- package/dist/tablechart-shared.mjs +619 -481
- package/dist/tablechart.css +1 -1
- package/dist/tablechart.js +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,29 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [1.2.1] - 2026-10-30
|
|
4
|
+
|
|
5
|
+
### Added
|
|
6
|
+
|
|
7
|
+
- An animation playground in the docs, under Styling: sliders for the speed, the stagger and the time of a chart, with the CSS to copy. It shows how the settings work together before you set them.
|
|
8
|
+
- `--tablechart-animation-min`, the shortest a chart takes to build: 0.5s by default. A chart with few columns no longer looks rushed.
|
|
9
|
+
- `--tablechart-waterfall-stagger-factor`, how many times the stagger a waterfall has: 2.4 by default, so it still builds column by column.
|
|
10
|
+
- `--tablechart-series-color-end` and `--tablechart-slice-color-end`, with `--tablechart-series-color-start` and `--tablechart-slice-color-start` as other names for the first colour: lines, parts and slices go from one colour to another in even steps. If both ends have enough contrast, every step in between has it too.
|
|
11
|
+
- `--tablechart-animation-speed`, to make every chart faster or slower, such as `1.25` for a quarter faster. All times scale together.
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
### Changed
|
|
15
|
+
|
|
16
|
+
- The parts of a stacked column or bar have a gap of 1px between them, but not at the zero line. Two parts in similar colours stay apart. `--tablechart-stack-gap` sets it.
|
|
17
|
+
- The zero line darkens a bar it crosses, as a multiply does, and lightens it in dark mode. Before, it was a grey line over the bar.
|
|
18
|
+
- A number inside a bar has at least 4.5:1 with the bar: in the background colour if that has enough, else a bit lighter or darker, else black or white. Before, a number on a middle colour could have less than 4.5:1.
|
|
19
|
+
- With `debug`, the console warns about a line, slice or bar with a contrast below 3:1 with the background. That is the minimum for parts of a chart (WCAG 1.4.11).
|
|
20
|
+
|
|
21
|
+
### Fixed
|
|
22
|
+
|
|
23
|
+
- Every chart type has the same animation defaults: 0.4s per element, a stagger of 0.25, `ease-in-out`, and 0.5s to 2s for a whole chart. In 1.2.0, a column chart with 10 or more columns took up to 3s.
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
3
27
|
## [1.2.0] - 2026-10-28
|
|
4
28
|
|
|
5
29
|
### Added
|
|
@@ -273,6 +273,7 @@ interface ChartType {
|
|
|
273
273
|
rows: number;
|
|
274
274
|
series: number;
|
|
275
275
|
stacked: boolean;
|
|
276
|
+
labels: Geometry["labels"];
|
|
276
277
|
}) => number;
|
|
277
278
|
/** Room under the baseline for numbers that hang below a mark near it. */
|
|
278
279
|
footroom?: (geo: HeadroomInput) => number;
|