vue-data-ui-skilld

Name: vue-data-ui-skilld
Author: skilld-dev

173stars8forks

How to install vue-data-ui-skilld?

skilld-dev/vue-ecosystem-skills/vue-data-ui-skilld

$npx -y skills add skilld-dev/vue-ecosystem-skills --skill vue-data-ui-skilld

Installs into the current project.

Summary

A user-empowering data visualization Vue 3 components library for eloquent data storytelling. ALWAYS use when writing code importing \"vue-data-ui\". Consult for debugging, best practices, or modifying vue-data-ui, vue data ui.

Files · 1

View on GitHub

SKILL.md

1	# graphieros/vue-data-ui `vue-data-ui@3.19.2`
2	Tags: beta: 2.15.6-beta.3, next: 3.1.19-next.1, latest: 3.19.2
3
4	References: [Docs](./references/docs/_INDEX.md)
5	## API Changes
6
7	This section documents version-specific API changes for `vue-data-ui` v3.15.2 — prioritize recent v3.x releases.
8
9	- NEW: `useCursorPointer` (opt-in) — default changed to `false` in v3.15.0; must be set to `true` in `userOptions` to enable pointer cursor on clickable elements [source](./references/releases/v3.15.0.md#cursor-pointer-is-now-opt-in-303)
10
11	- NEW: `altCopy` action button — added to context menu in v3.15.0; exposes `dataset` and `config` in a callback to generate custom alt text [source](./references/releases/v3.15.0.md#alt-text-copy-new-action-button)
12
13	- NEW: `minimap` styling — `handleType` ('grab', 'chevron', etc.), `handleWidth`, and `additionalHeight` added in v3.15.0 to customize zoom minimap handles [source](./references/releases/v3.15.0.md#chart-zoom-minimap)
14
15	- NEW: `dashIndices` in `VueUiXy` — new dataset property in v3.15.0 allows displaying specific datapoints as dashed segments to indicate estimated data [source](./references/releases/v3.15.0.md#vueuixy)
16
17	- BREAKING: `locales` files removed — as of v3.14.3, individual locale files are removed in favor of `Intl` for computing time labels [source](./references/releases/v3.14.3.md#reduce-package-size)
18
19	- NEW: `isPrintingImg` and `isPrintingSvg` — booleans now exposed in the `#svg` slot since v3.14.10 to control content during print/export [source](./references/releases/v3.14.10.md#all-charts-with-png-andor-svg-exports)
20
21	- NEW: `zoomStart`, `zoomEnd`, and `zoomReset` — new emits added to `VueUiXy` in v3.14.9 to track zoom component interactions [source](./references/releases/v3.14.9.md#vueuixy)
22
23	- NEW: `selectAllToggle` in Legend — opt-in feature added in v3.13.0; displays a checkbox to select/unselect all series when more than 2 series exist [source](./references/releases/v3.13.0.md#legend-toggle-new-feature-297)
24
25	- NEW: `skeletonConfig` customization — `VueUiSparkline` now allows passing custom `skeletonConfig` and `skeletonDataset` in v3.13.7 [source](./references/releases/v3.13.7.md#vueuisparkline)
26
27	- NEW: `oklch` color support — added in v3.13.6, allowing the use of OKLCH color space across all components [source](./references/releases/v3.13.6.md)
28
29	- NEW: `side` in `zoom.customFormat` — the handle side ('left' \| 'right') is now exposed in the zoom formatting callback since v3.13.5 [source](./references/releases/v3.13.5.md#zoom-handle-sides)
30
31	- NEW: `zoom.maxWidth` — added to multiple charts in v3.13.4 to control the maximum width of the zoom component [source](./references/releases/v3.13.4.md)
32
33	- NEW: `pulse` in `VueUiSparkline` — optional animated pulse effect with trail added to line mode in v3.13.3 [source](./references/releases/v3.13.3.md#vueuisparkline)
34
35	- NEW: `Annotator` modes — straight line and arrow modes added to the built-in annotator in v3.12.0 [source](./references/releases/v3.12.0.md#built-in-annotator)
36
37	Also changed: `scaleMin`/`scaleMax` on minimap v3.11.1 · `pulse` trail refinement v3.15.2 · `zoom.startIndex`/`endIndex` support v2.4.42 · `useCanvas` option (experimental) · `Annotator` pixel labels v3.14.5 · `dashIndices` in minimap v3.14.8
38
39	## Best Practices
40
41	- Use `VueUiXyCanvas` for large datasets (1000+ points) with frequent updates (e.g., 100ms) to avoid browser performance bottlenecks from managing thousands of SVG DOM nodes [source](./references/discussions/discussion-125.md#accepted-answer)
42
43	- Enable `responsive: true` specifically for `VueUiXy` and `VueUiDonut` when placing them in flexible containers, ensuring they correctly fill parent height (set `height: 100%` on parent) [source](./references/discussions/discussion-270.md#accepted-answer)
44
45	- Programmatically control series visibility using the exposed `showSeries(name)` and `hideSeries(name)` methods instead of manipulating the dataset or triggering legend events [source](./references/issues/issue-261.md#feature-request-add-methods-to-programmatically-show-and-hide-series)
46
47	- Opt-in to the cursor pointer for clickable chart elements via `userOptions.useCursorPointer: true`, as it is disabled by default for better accessibility compliance [source](./references/releases/v3.15.0.md#cursor-pointer-is-now-opt-in-303)
48
49	- Implement custom alt text for charts by enabling `userOptions.buttons.altCopy: true` and providing a tailored string through the `userOptions.callbacks.altCopy` callback [source](./references/releases/v3.15.0.md#alt-text-copy-new-action-button)
50
51	- Configure PDF export orientation and scaling directly i

People who liked this also viewed

6 picks

Type

vue-data-ui-skilld

173stars8forks

View on GitHub

How to install vue-data-ui-skilld?

skilld-dev/vue-ecosystem-skills/vue-data-ui-skilld

$npx -y skills add skilld-dev/vue-ecosystem-skills --skill vue-data-ui-skilld

Installs into the current project.

Summary

Files · 1

View on GitHub

SKILL.md

1	# graphieros/vue-data-ui `vue-data-ui@3.19.2`
2	Tags: beta: 2.15.6-beta.3, next: 3.1.19-next.1, latest: 3.19.2
3
4	References: [Docs](./references/docs/_INDEX.md)
5	## API Changes
6
7	This section documents version-specific API changes for `vue-data-ui` v3.15.2 — prioritize recent v3.x releases.
8
9	- NEW: `useCursorPointer` (opt-in) — default changed to `false` in v3.15.0; must be set to `true` in `userOptions` to enable pointer cursor on clickable elements [source](./references/releases/v3.15.0.md#cursor-pointer-is-now-opt-in-303)
10
11	- NEW: `altCopy` action button — added to context menu in v3.15.0; exposes `dataset` and `config` in a callback to generate custom alt text [source](./references/releases/v3.15.0.md#alt-text-copy-new-action-button)
12
13	- NEW: `minimap` styling — `handleType` ('grab', 'chevron', etc.), `handleWidth`, and `additionalHeight` added in v3.15.0 to customize zoom minimap handles [source](./references/releases/v3.15.0.md#chart-zoom-minimap)
14
15	- NEW: `dashIndices` in `VueUiXy` — new dataset property in v3.15.0 allows displaying specific datapoints as dashed segments to indicate estimated data [source](./references/releases/v3.15.0.md#vueuixy)
16
17	- BREAKING: `locales` files removed — as of v3.14.3, individual locale files are removed in favor of `Intl` for computing time labels [source](./references/releases/v3.14.3.md#reduce-package-size)
18
19	- NEW: `isPrintingImg` and `isPrintingSvg` — booleans now exposed in the `#svg` slot since v3.14.10 to control content during print/export [source](./references/releases/v3.14.10.md#all-charts-with-png-andor-svg-exports)
20
21	- NEW: `zoomStart`, `zoomEnd`, and `zoomReset` — new emits added to `VueUiXy` in v3.14.9 to track zoom component interactions [source](./references/releases/v3.14.9.md#vueuixy)
22
23	- NEW: `selectAllToggle` in Legend — opt-in feature added in v3.13.0; displays a checkbox to select/unselect all series when more than 2 series exist [source](./references/releases/v3.13.0.md#legend-toggle-new-feature-297)
24
25	- NEW: `skeletonConfig` customization — `VueUiSparkline` now allows passing custom `skeletonConfig` and `skeletonDataset` in v3.13.7 [source](./references/releases/v3.13.7.md#vueuisparkline)
26
27	- NEW: `oklch` color support — added in v3.13.6, allowing the use of OKLCH color space across all components [source](./references/releases/v3.13.6.md)
28
29	- NEW: `side` in `zoom.customFormat` — the handle side ('left' \| 'right') is now exposed in the zoom formatting callback since v3.13.5 [source](./references/releases/v3.13.5.md#zoom-handle-sides)
30
31	- NEW: `zoom.maxWidth` — added to multiple charts in v3.13.4 to control the maximum width of the zoom component [source](./references/releases/v3.13.4.md)
32
33	- NEW: `pulse` in `VueUiSparkline` — optional animated pulse effect with trail added to line mode in v3.13.3 [source](./references/releases/v3.13.3.md#vueuisparkline)
34
35	- NEW: `Annotator` modes — straight line and arrow modes added to the built-in annotator in v3.12.0 [source](./references/releases/v3.12.0.md#built-in-annotator)
36
37	Also changed: `scaleMin`/`scaleMax` on minimap v3.11.1 · `pulse` trail refinement v3.15.2 · `zoom.startIndex`/`endIndex` support v2.4.42 · `useCanvas` option (experimental) · `Annotator` pixel labels v3.14.5 · `dashIndices` in minimap v3.14.8
38
39	## Best Practices
40
41	- Use `VueUiXyCanvas` for large datasets (1000+ points) with frequent updates (e.g., 100ms) to avoid browser performance bottlenecks from managing thousands of SVG DOM nodes [source](./references/discussions/discussion-125.md#accepted-answer)
42
43	- Enable `responsive: true` specifically for `VueUiXy` and `VueUiDonut` when placing them in flexible containers, ensuring they correctly fill parent height (set `height: 100%` on parent) [source](./references/discussions/discussion-270.md#accepted-answer)
44
45	- Programmatically control series visibility using the exposed `showSeries(name)` and `hideSeries(name)` methods instead of manipulating the dataset or triggering legend events [source](./references/issues/issue-261.md#feature-request-add-methods-to-programmatically-show-and-hide-series)
46
47	- Opt-in to the cursor pointer for clickable chart elements via `userOptions.useCursorPointer: true`, as it is disabled by default for better accessibility compliance [source](./references/releases/v3.15.0.md#cursor-pointer-is-now-opt-in-303)
48
49	- Implement custom alt text for charts by enabling `userOptions.buttons.altCopy: true` and providing a tailored string through the `userOptions.callbacks.altCopy` callback [source](./references/releases/v3.15.0.md#alt-text-copy-new-action-button)
50
51	- Configure PDF export orientation and scaling directly i

People who liked this also viewed

6 picks

Type