dashtaste 0.0.1 → 0.0.3
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/README.md +33 -28
- package/dist/rules/dt004-symbols-everywhere.js +1 -1
- package/docs/rules.md +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -67,31 +67,36 @@ Both packs specify spacing, typography, chart defaults, and number formatting. L
|
|
|
67
67
|
|
|
68
68
|
[Reasons, triggers, and fixes](docs/rules.md) for every rule:
|
|
69
69
|
|
|
70
|
-
| ID | Name
|
|
71
|
-
| ----- |
|
|
72
|
-
| DT001 | default-palette
|
|
73
|
-
| DT002 | rainbow-palette
|
|
74
|
-
| DT003 | smooth-line
|
|
75
|
-
| DT004 | symbols-everywhere
|
|
76
|
-
| DT005 | pie-slices
|
|
77
|
-
| DT006 | pie-overuse
|
|
78
|
-
| DT007 | three-d
|
|
79
|
-
| DT008 | dual-axis
|
|
80
|
-
| DT009 | missing-unit
|
|
81
|
-
| DT010 | bar-baseline
|
|
82
|
-
| DT011 | raw-large-numbers
|
|
83
|
-
| DT012 | unit-system
|
|
84
|
-
| DT013 | delta-convention
|
|
85
|
-
| DT014 | delta-colour-only
|
|
86
|
-
| DT015 | low-contrast-text
|
|
87
|
-
| DT016 | thin-line-contrast
|
|
88
|
-
| DT017 | gradient-decoration
|
|
89
|
-
| DT018 | glow
|
|
90
|
-
| DT019 | kpi-overload
|
|
91
|
-
| DT020 | kpi-rainbow
|
|
92
|
-
| DT021 | emoji-icons
|
|
93
|
-
| DT022 | cjk-min-size
|
|
94
|
-
| DT023 | legend-single-series
|
|
70
|
+
| ID | Name |
|
|
71
|
+
| ----- | ----------------------- |
|
|
72
|
+
| DT001 | default-palette |
|
|
73
|
+
| DT002 | rainbow-palette |
|
|
74
|
+
| DT003 | smooth-line |
|
|
75
|
+
| DT004 | symbols-everywhere |
|
|
76
|
+
| DT005 | pie-slices |
|
|
77
|
+
| DT006 | pie-overuse |
|
|
78
|
+
| DT007 | three-d |
|
|
79
|
+
| DT008 | dual-axis |
|
|
80
|
+
| DT009 | missing-unit |
|
|
81
|
+
| DT010 | bar-baseline |
|
|
82
|
+
| DT011 | raw-large-numbers |
|
|
83
|
+
| DT012 | unit-system |
|
|
84
|
+
| DT013 | delta-convention |
|
|
85
|
+
| DT014 | delta-colour-only |
|
|
86
|
+
| DT015 | low-contrast-text |
|
|
87
|
+
| DT016 | thin-line-contrast |
|
|
88
|
+
| DT017 | gradient-decoration |
|
|
89
|
+
| DT018 | glow |
|
|
90
|
+
| DT019 | kpi-overload |
|
|
91
|
+
| DT020 | kpi-rainbow |
|
|
92
|
+
| DT021 | emoji-icons |
|
|
93
|
+
| DT022 | cjk-min-size |
|
|
94
|
+
| DT023 | legend-single-series |
|
|
95
|
+
| DT024 | bar-width |
|
|
96
|
+
| DT025 | legend-not-direct-label |
|
|
97
|
+
| DT026 | line-weight |
|
|
98
|
+
| DT027 | tabular-numerals |
|
|
99
|
+
| DT028 | hero-metric |
|
|
95
100
|
|
|
96
101
|
## Gallery
|
|
97
102
|
|
|
@@ -100,9 +105,9 @@ All data is fictional and seeded in [gallery/data.mjs](gallery/data.mjs). Each p
|
|
|
100
105
|
| Dashboard | Pack, mode | Before | After |
|
|
101
106
|
| --------- | ------------------ | --------------------------------------------------- | ---------------------------------- |
|
|
102
107
|
| saas | global, light | [32 errors, 50 warnings](gallery/saas-before.png) | [clean](gallery/saas-after.png) |
|
|
103
|
-
| finance | global, dark | [7 errors,
|
|
104
|
-
| store | cn, light | [
|
|
105
|
-
| live | cn, dark 1920×1080 | [
|
|
108
|
+
| finance | global, dark | [7 errors, 42 warnings](gallery/finance-before.png) | [clean](gallery/finance-after.png) |
|
|
109
|
+
| store | cn, light | [42 errors, 61 warnings](gallery/store-before.png) | [clean](gallery/store-after.png) |
|
|
110
|
+
| live | cn, dark 1920×1080 | [31 errors, 76 warnings](gallery/live-before.png) | [clean](gallery/live-after.png) |
|
|
106
111
|
|
|
107
112
|
The live page renders at 1920×1080; the others at 1440×900.
|
|
108
113
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { asArray, series, rule, charts } from './helpers.js';
|
|
2
2
|
/** Use small explicit dots only on short series; avoid default symbols everywhere. */
|
|
3
|
-
export const dt004 = rule(4, 'symbols-everywhere', 'warn', 'Use small explicit dots only on short series; avoid default symbols everywhere.', 'use dots at most 5px on at most 31 points, or
|
|
3
|
+
export const dt004 = rule(4, 'symbols-everywhere', 'warn', 'Use small explicit dots only on short series; avoid default symbols everywhere.', 'use dots at most 5px on at most 31 points, or set showSymbol: false', function check(facts, context, emit) {
|
|
4
4
|
charts(facts, (option, path) => series(option).forEach((item, index) => {
|
|
5
5
|
if (item.type === 'line' &&
|
|
6
6
|
item.showSymbol !== false &&
|
package/docs/rules.md
CHANGED
|
@@ -95,7 +95,7 @@ Why: Repeated symbols obscure the line on longer time series.
|
|
|
95
95
|
|
|
96
96
|
Triggers: Use small explicit dots only on short series; avoid default symbols everywhere.
|
|
97
97
|
|
|
98
|
-
Fix: use dots at most 5px on at most 31 points, or
|
|
98
|
+
Fix: use dots at most 5px on at most 31 points, or set showSymbol: false.
|
|
99
99
|
|
|
100
100
|
Minimal failing input:
|
|
101
101
|
|
package/package.json
CHANGED