Unovis 1.2 Released!

[rokotyan]

Unovis 1.2.0

A new version of Unovis is waiting for you on NPM! This update introduces a new component: Nested Donut (aka Sunburst). It also adds better support for accessibility features, allows you to apply additional styles to axes, and much more.

Release highlights:

🍩 New component: Nested Donut

Nested Donut is a captivating graphical representation that displays hierarchical data in a circular format. Its nested design allows for multiple concentric rings, each representing a different level of data, enabling users to explore relationships and proportions effortlessly.

Check out Nested Donut's documentation and example to learn how to use it.


👓 Accessibility: Supporting ARIA tags #214

You can now set the aria-label attribute for your visualization by providing the ariaLabel config property to the container you use. Unovis will automatically apply role="figure" attribute to the container element, making it accessible to assistive technologies.

Screen.Recording.2023-05-26.at.10.56.18.AM.web.mp4

🔠 New CSS variables for styling Axis #203 #223

If you want to customize the width of your tick and grid lines, you can do so using the new --vis-axis-tick-line-width and --vis-axis-grid-line-width variables.

The color of the domain line by default equals the tick color (that can be specified with --vis-axis-tick-color), but Unovis 1.2 allows you to explicitly set it via --vis-axis-domain-color.

Additionally you can apply custom cursor and text-decoration to your tick labels with --vis-axis-tick-label-cursor and --vis-axis-tick-label-text-decoration variables.

Other changes

Enhancements

• Component | LeafletMap: Adding getExpandedCluster public method (#205)
• Component | Line: Better enter transition for broken lines Scatter: Fixing the missing points issue; Line: Better enter transition; #227
• Component | Scatter: Fixing the missing points issue Scatter: Fixing the missing points issue; Line: Better enter transition; #227
• Component | Scatter: Stroke color and width support Component | Scatter: Stroke color and width support #232

Bug Fixes:

• Container | XY: Calling render right after initialization if there are axes or components with data (Container | XY: Render right after initialization if there are axes or components with data #212)
• @unovis/svelte: Updating component lifecycles to prevent DOM related errors with SvelteKt (SSR) @unovis/svelte: Update component lifecycles to prevent DOM related errors #216

Other

• Core: Using native ResizeObserver when available (#209)
• Dependencies: Updating Dagre packages to work with Angular 16 (Project: Updating Dagre packages to the latest version #210)