What's Changed

• Tooltip: Sticky position and support for dynamic content (e.g. via React's createPortal) by @rokotyan in https://github.com/f5/unovis/pull/402
• Dev | Examples | Donut chart: Component name fix while launching stac… by @lucky-9 in https://github.com/f5/unovis/pull/420
• Website: Fixed a bug seen on https://unovis.dev/docs/xy-charts/Group… by @nharrisanalyst in https://github.com/f5/unovis/pull/426
• TopoJSON Map Fixes by @reb-dev in https://github.com/f5/unovis/pull/425
• Core | Bug: Xy-container size rendering fix by @lee00678 in https://github.com/f5/unovis/pull/431
• Container | Fix: Ensure prevConfig is defined before checking svgDefs by @reb-dev in https://github.com/f5/unovis/pull/432

New Contributors

• @lucky-9 made their first contribution in https://github.com/f5/unovis/pull/420
• @nharrisanalyst made their first contribution in https://github.com/f5/unovis/pull/426

Full Changelog: https://github.com/f5/unovis/compare/1.4.3...1.4.4

What's Changed

• Component | Graph: Allow user to set node positions by @lee00678 in https://github.com/f5/unovis/pull/397
• Website: Miscellaneous style and content tweaks by @reb-dev in https://github.com/f5/unovis/pull/410
• Component | Scatter: MakesizeScale immutable to prevent sizeRange collisions by @reb-dev in https://github.com/f5/unovis/pull/411
• Component | Scatter: Label rendering fixes by @reb-dev in https://github.com/f5/unovis/pull/413

Full Changelog: https://github.com/f5/unovis/compare/1.4.2...1.4.3

What's Changed

• Website | Gallery: Range plot by @lee00678 in https://github.com/f5/unovis/pull/390
• Component | Brush: Additional styling options via CSS variables by @rokotyan in https://github.com/f5/unovis/pull/392
• Component | Axis: Add tick label rotation by @yanneves and @lee00678 in https://github.com/f5/unovis/pull/394
• Dev | Examples | Expandable Sankey: Fix type error in example data by @joshlarsen in https://github.com/f5/unovis/pull/406
• Component | Graph: Multiple node selection by @reb-dev in https://github.com/f5/unovis/pull/395
• Component | Axis: Y axis label rotation fix by @lee00678 in https://github.com/f5/unovis/pull/408
• Component | Graph: Layout recalculation and persistency fix by @rokotyan in https://github.com/f5/unovis/pull/396
• Containers: Don't re-append SVG defs if they didn't change by @rokotyan in https://github.com/f5/unovis/pull/405

New Contributors

• @joshlarsen made their first contribution in https://github.com/f5/unovis/pull/406

Full Changelog: https://github.com/f5/unovis/compare/1.4.1...1.4.2

What's Changed

• Unovis React: Fixing ref initialization by @rokotyan in https://github.com/f5/unovis/pull/344
• Graph: New Features by @rokotyan in https://github.com/f5/unovis/pull/322
• XY Container | Fix: scaleByDomain produces inconsistent behavior among XY charts by @reb-dev in https://github.com/f5/unovis/pull/348
• Angular | Build: Removing shared from peer dependencies by @reb-dev in https://github.com/f5/unovis/pull/349
• feat: export selector, docs: update typo by @zernonia in https://github.com/f5/unovis/pull/358
• fix: crosshair with multiple area issue by @zernonia in https://github.com/f5/unovis/pull/356
• Component | XYLabels: Fix clustering config not taking effect by @rokotyan in https://github.com/f5/unovis/pull/351
• Crosshair: Configurable stroke and strokeWidth by @rokotyan in https://github.com/f5/unovis/pull/353
• Component | Annotations: Introducing new component by @reb-dev in https://github.com/f5/unovis/pull/359
• Website | Release: 1.4 by @reb-dev in https://github.com/f5/unovis/pull/360
• Unovis | Svelte: Fixing package exports by @rokotyan in https://github.com/f5/unovis/pull/364
• Misc | Code cleanup and tweaks by @reb-dev in https://github.com/f5/unovis/pull/368
• ci: configure gh action for F5 CLA tooling pilot by @TasoOneAsia in https://github.com/f5/unovis/pull/365
• Angular: Adding new Angular versions to package.json by @rokotyan in https://github.com/f5/unovis/pull/352
• Website | Gallery: Donut Example #38 by @lee00678 in https://github.com/f5/unovis/pull/367
• Unovis | Angular: Fix Stackblitz by @lee00678 in https://github.com/f5/unovis/pull/369
• Website | Gallery: Update Basic Grouped Bar Chart Legend by @lee00678 in https://github.com/f5/unovis/pull/371
• Website | Gallery: Scatter Plot with Varied Shape by @lee00678 in https://github.com/f5/unovis/pull/370
• Shared | Autogen: Adding support for standalone components by @reb-dev in https://github.com/f5/unovis/pull/372
• CI: Enable commit linting by @reb-dev in https://github.com/f5/unovis/pull/376
• Component | Bullet Legend: Vertical orientation, Safari rendering fixes, ... by @rokotyan in https://github.com/f5/unovis/pull/374
• Misc | Annotation: Several fixes for annotation by @lee00678 in https://github.com/f5/unovis/pull/381
• Website | Add new composite chart section and dual axis chart by @lee00678 in https://github.com/f5/unovis/pull/383
• Website | Gallery: Update Dual Axis Chart by @lee00678 in https://github.com/f5/unovis/pull/387
• Website | Contribution section by @reb-dev in https://github.com/f5/unovis/pull/249

New Contributors

• @TasoOneAsia made their first contribution in https://github.com/f5/unovis/pull/365

Full Changelog: https://github.com/f5/unovis/compare/1.3.5...1.4.1

What's Changed

• Unovis React: Fixing ref initialization by @rokotyan in https://github.com/f5/unovis/pull/344
• Graph: New Features by @rokotyan in https://github.com/f5/unovis/pull/322
• XY Container | Fix: scaleByDomain produces inconsistent behavior among XY charts by @reb-dev in https://github.com/f5/unovis/pull/348
• Angular | Build: Removing shared from peer dependencies by @reb-dev in https://github.com/f5/unovis/pull/349
• feat: export selector, docs: update typo by @zernonia in https://github.com/f5/unovis/pull/358
• fix: crosshair with multiple area issue by @zernonia in https://github.com/f5/unovis/pull/356
• Component | XYLabels: Fix clustering config not taking effect by @rokotyan in https://github.com/f5/unovis/pull/351
• Crosshair: Configurable stroke and strokeWidth by @rokotyan in https://github.com/f5/unovis/pull/353
• Component | Annotations: Introducing new component by @reb-dev in https://github.com/f5/unovis/pull/359

Full Changelog: https://github.com/f5/unovis/compare/1.3.5...1.4.0

What's Changed

• Svelte | Package: Add missing exports condition for Svelte #334 by @rokotyan in https://github.com/f5/unovis/pull/336
• Component | Chord Diagram | Fix: Highlight rendering logic 99c05ac by @reb-dev
• Component | ChordDiagram | Fix: Nodes without links should take up en… 40ec346 by @reb-dev
• Component | Nested Donut: Adding showSegmentLabels property a70f874 by @reb-dev
• Component | Chord Diagram | Fix: Negative radius handling 82d8f95 by @reb-dev
• Component | Sankey | Fix: Node icon vertical alignment not working 425b5ce by @reb-dev
• Component | Chord Diagram | Fix: Label sizing constraints and renderi… 1dae778 by @reb-dev
• Component | Chord Diagram | Fix inconsistent transitions https://github.com/f5/unovis/pull/342/commits/851d8f9da4a9f6937570cfff49672006c78a0c37 by @reb-dev

Full Changelog: https://github.com/f5/unovis/compare/1.3.4...1.3.5

What's Changed

• Core | Component and Tooltip event handling tweaks by @rokotyan in https://github.com/f5/unovis/pull/330
• React: Exporting component selectors to allow for easier import by @rokotyan in https://github.com/f5/unovis/pull/325

Full Changelog: https://github.com/f5/unovis/compare/1.3.3...1.3.4

This release patches some fixes related to TypeScript compilation errors from version 1.3.0 update:

What's Changed

• Release: 1.3.2 by @reb-dev in https://github.com/f5/unovis/pull/328
• Release/1.3.3 by @reb-dev in https://github.com/f5/unovis/pull/331

Full Changelog: https://github.com/f5/unovis/compare/1.3.2...1.3.3

What's Changed

• Component | Timeline | Fix: Color rendering on enter by @reb-dev in https://github.com/f5/unovis/pull/310
• Component | Chord Diagram | Fixes, enhancements, and refactoring by @reb-dev in https://github.com/f5/unovis/pull/313 and https://github.com/f5/unovis/pull/318
• Website | Fixes, tweaks and refactoring by @reb-dev in https://github.com/f5/unovis/pull/323
• Component | BulletLegend improvements @reb-dev in https://github.com/f5/unovis/pull/326

Full Changelog: https://github.com/f5/unovis/compare/1.3.1...1.3.2

This patch release minor tweaks and fixes for the following bugs that emerged after the release of version 1.3.0:

• Crosshair no longer working #306
• Donut sortFunction is not a function error #307

Unovis 1.3 introduces Vue support and a new pattern theme to further improve our support for accessibility features.

Release Highlights

🎉 Vue 3 support

Long-awaited support for Vue, the third most popular front-end UI framework. Kudos to our community member @zernonia for this amazing contribution!

👨‍🎨 Patterns

A new theme with pattern fills that can be enabled by adding the theme-patterns class to the body element of your document. See the documentation and this pull request for more details.

Other changes

Other changes were aimed at improving the overall stability of the library making the codebase more robust to future changes

• Refactoring: From Config Classes to Objects #279
• Refactoring: No Implicit Any #290
• Component | Tooltip | Fix: Prevent container overflow when viewport size is reduced #292
• Component | NestedDonut | Fix: TS errors #296
• Svelte: Fixing SingleContainer props and adding support for class property #294
• Theme | Patterns: Adjust injected SVG style #298

Full Changelog: https://github.com/f5/unovis/compare/1.2.2...1.3.0

This patch release contains the fix for the "hidden tooltip overflows viewport" issue descried in https://github.com/f5/unovis/issues/286

This release of Unovis contains a few tweaks and fixes. See details below.

What's new

• Component | BulletLegend: Added support for bullet shapes https://github.com/f5/unovis/pull/280
• Component | Axis: Setting label and tick text color via config https://github.com/f5/unovis/pull/268
• Container | XY: Smarter preventEmptyDomain handling https://github.com/f5/unovis/pull/270
• Utils | Text: Supporting fontWeight in UnovisText; Supporting x and y in UnovisTextOptions (it was supported only by UnovisTextFrameOptions before). https://github.com/f5/unovis/pull/274

Fixes:

• Component | Graph: Autofit the layout if it was recalculated https://github.com/f5/unovis/pull/284
• Component | Nested Donut | Using fill-opacity for segment shading https://github.com/f5/unovis/pull/277

Full Changelog: https://github.com/f5/unovis/compare/1.2.1...1.2.2

Unovis 1.2.1 is a minor release containing bug fixes and some minor enhancements to existing components.

Enhancements

• Component | Crosshair: Adding stroke-width CSS variables https://github.com/f5/unovis/pull/245
• Scatter: Configuration property to hide / show overlapping labels; Doc tweakshttps://github.com/f5/unovis/pull/253
• Chord Diagram | Adding forced highlighting to config https://github.com/f5/unovis/pull/258
• Vulnerability fixes https://github.com/f5/unovis/pull/246

Fixes

• Component | Nested Donut: Alignment https://github.com/f5/unovis/pull/252

Website

• Website | Docs | Donut: Tweaking the Empty Segments section https://github.com/f5/unovis/pull/254
• Website | Fixing dark theme synchronization issue https://github.com/f5/unovis/pull/260

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.

https://github.com/f5/unovis/assets/755708/15c4dde8-7a87-469a-a0e8-8b1f82aaf869

🔠 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 #227
• Component | Scatter: Fixing the missing points issue #227
• 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 (#212)
• @unovis/svelte: Updating component lifecycles to prevent DOM related errors with SvelteKt (SSR) #216

Other

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

Unovis 1.1.1

This release contains several fixes and enhancements to improve the overall functionality of Unovis.

Fixes:

• Axis: Calling tickFormat only for the actual ticks;
• Axis: Fixed tickFormat calling when tickValues are explicitly specified;
• Website | Gallery: Fixed expandable Sankey data model
• Container: Set up Resize Observer in render() instead of constructor;
• Container: Fallback to DEFAULT_CONTAINER_HEIGHT if the height is not defined;
• Data Utils: Fixed cloning of arrays.

Enhancements:

• Core: New text rendering utils and refactoring;
• Text Utils: Added configurable force word break option;
• Text Utils: Prevent empty first line when the first word is too long;
• Dev Demo: Removed category exports from example files and added transition component
• Examples: Added color map and attributes example for LeafletMap;
• LeafletMap Component: Added custom attributes support, fixing config initialization, handling expanded cluster on setData.

PR history:

• Website | Gallery: Fix expandable sankey data model by @reb-dev in https://github.com/f5/unovis/pull/185
• Component | LeafletMap: POC of having an object of CSS variable names by @rokotyan in https://github.com/f5/unovis/pull/171
• Dev Demo | Adding data transition pages by @reb-dev in https://github.com/f5/unovis/pull/189
• POC: Universal text utils; Refactoring by @rokotyan in https://github.com/f5/unovis/pull/182
• Component | Leaflet Map: Custom attributes support, config initialization fix, handling expanded cluster on setData by @rokotyan in https://github.com/f5/unovis/pull/188
• Utils | Clone Deep: Fixing cloning of arrays by @rokotyan in https://github.com/f5/unovis/pull/192
• Utils | Text: Preventing empty first line when the first word is too long by @rokotyan in https://github.com/f5/unovis/pull/193
• Component | Axis: Calling tickFormat only for the actual ticks by @rokotyan in https://github.com/f5/unovis/pull/197
• Container: Fixing Reize Observer configuration by @rokotyan in https://github.com/f5/unovis/pull/195
• Utils | Text: Adding configurable force word break option by @rokotyan in https://github.com/f5/unovis/pull/196
• Component | Axis: Fixing tickFormat calling when tickValues are set explicitly by @rokotyan in https://github.com/f5/unovis/pull/199

Full Changelog: https://github.com/f5/unovis/compare/1.1.0...1.1.1

Unovis 1.1.0

We're excited to announce the release of Unovis 1.1.0! This update brings new features, enhancements, and bug fixes that improve the overall user experience and stability of the library.

Release highlights:

• 🦌 ELK support for Graph

  We've added ELK integration to our Graph component. Now you can render complex hierarchical graphs ELK is famous for!
  

• 🥨 New component: Multi-Level Chord Diagram

  Multi-Level Chord Diagram can display hierarchical relationships and interactions between multiple entities, often used to visualize complex systems or networks. It showcases the flow of data or connections between different levels, allowing users to understand the intricacies of interconnected components and their relative importance within the system.
  

• 👋 Goodbye lodash

  Unovis doesn't have lodash as it's dependency anymore saving precious 90KB (unzipped) of your app bundle!
  

Pull Request History:

New Features

• Component | Graph: ELK Support by @rokotyan (#161)
• Chord Diagram: Refactoring, Docs, Examples by @reb-dev (#105)

Enhancements

• Goodbye lodash by @rokotyan (#100)
• Component | Timeline: Fixing odd rows fill color by @rokotyan (#145)
• Component | LeafletMap: Calling fitView and fitToPoints in the next frame by @rokotyan (#148)
• Code Quality: Enabling strictFunctionTypes by @rokotyan (#158)
• React | Tweaks: Supporting style and className; Removing @emotion/css dependency by @rokotyan (#162)
• Component | LeafletMap | Styles: Updating MapLibreArcticLight style by @rokotyan (#165)
• Component | LeafletMap: Configurable inner label color by @rokotyan (#156)
• Component | Chord Diagram: Better accessor support for non-leaf nodes by @reb-dev (#160)
• Website: Updating Docusaurus and fixing editUrl by @rokotyan (#175)
• Container | Core, Single: Setting SVG size in render() by @rokotyan (#174)

Bug Fixes:

• Component | Graph | Link fixes by @reb-dev (#151)
• React: Fixing double-render on component initialization by @rokotyan (#154)
• React: Fixing component initialization flow by @rokotyan (#164)
• Component | Chord Diagram: Fixing invisible nodes by @reb-dev (#169)

Other

• Misc tweaks and fixes by @rokotyan (#168)

Version 1.0.3 contains multiple fixes for Graph, Donut, Timeline, LeafletMap, XYLabels components, and the React adaptor.

What's new:

• Component | Graph: Configurable node labels trimming #121
• Component | Flow Legend: Supporting custom arrow color, padding, ... #130

Fixed:

• Component | XYLables: Setting stroke via CSS variables #99
• Component | Donut: Rendering empty segments #116
• Component | Graph: Fixing labels rendering for links, configurable label text color #119
• Component | Timeline: Enabling pointer-events for lines even when no events were set up #122
• Component | Timeline: Changing the way we handle scrolling #138
• Component | Leaflet: Fix rendering logic for raster files #136
• React: Fix rendering issue #109 (Unovis React | Components only update when data is passed to container #108)
• @unovis/react: Handling undefined and null children when comparing props #125

Website:

• Website: Adding Search #118

Other

• Dev: More dev examples added

What's new:

Fixed:

• Component | Axis: Handling interrupted transitions https://github.com/f5/unovis/pull/85
• Component | Graph: Node icon color when using CSS variables https://github.com/f5/unovis/pull/90
• Component | Graph: Cancelling render if the component has been destroyed https://github.com/f5/unovis/pull/93
• Svelte: More error-proof component lifecycle https://github.com/f5/unovis/pull/89

Website:

• Docs | Graph: Custom SVG nodes https://github.com/f5/unovis/pull/85
• Docs | Intro: Adding information about types in tsconfig.json

Other

• Dev: Better publishing workflow https://github.com/f5/unovis/pull/91

What's new:

• Styles: Large and Extra Large themes https://github.com/f5/unovis/pull/62

Fixed:

• Angular integration: Type errors when importing into an Angular app with the "strict" option enabled in tsconfig.json https://github.com/f5/unovis/pull/81
• Svelte Integration: Fixed unused variable console warnings https://github.com/f5/unovis/pull/65
• Component | LeafletFlowMap: Fixing the destroy method (making the component compatible with React 18 Strict Mode) https://github.com/f5/unovis/pull/82
• Component | Timeline: Console warning when the item length is zero https://github.com/f5/unovis/pull/72
• Component | Graph: Supporting node fill set with a url() or CSS variable https://github.com/f5/unovis/pull/83
• Component | TopoJSONMap: Console errors when the width and height of the container is zero (i.e. when it's hidden) https://github.com/f5/unovis/pull/78

Website:

• New doc page: Bullet Legend https://github.com/f5/unovis/pull/61
• Gallery | Open in StackBlitz: Updated configuration for Angular examples https://github.com/f5/unovis/pull/73

Other

• Dev app https://github.com/f5/unovis/pull/60