Announcing Unovis 1.6

Version 1.6 of Unovis is here! This is one of our most feature-packed releases yet. It brings exciting new components, enhanced graph functionality, improved axis customization, and numerous quality of-life improvements.

To see the full list of updates, please look at our release note on github

 

Release Highlights

New Components: Treemap, Plotline, Plotband & Rolling Pin Legend

Introducing four new components:

Treemap

• Hierarchical data visualization with customizable layers
• Rich styling options including `tileColor`, `tilePadding`, `tileBorderRadius` and `lightnessVariationAmount`
• Interactive features with hover states: `--vis-treemap-tile-hover-stroke-color`, `--vis-treemap-tile-hover-stroke-opacity`

 

Plotline - Draw precise reference lines across your charts:

• Support for both X and Y axis orientation
• Customizable line styles (solid, dashed, dotted)
• Configurable colors, widths, and positioning
• Works with all XY components

 

Plotband - Highlight ranges and areas in your visualizations:

• Create horizontal or vertical bands across chart areas
• Customizable colors with transparency support
• Flexible labeling with multiple positioning options

 

Rolling Pin Legend - Compact legend for displaying color scales:

• Displays color gradients in a horizontal rolling pin format
• Left and right label support for scale endpoints
• Customizable font sizes and styling

 

Enhanced Crosshair Component

Allow enforcement of crosshair display at certain positions. This can be used to enable synchronized crosshair display

 

 

Line Chart Interpolation

New interpolation feature for handling missing data in line charts:

 

 

Bullet Legend Enhancements

Bullet Legend now supports multiple colors per item, enabling more sophisticated legend designs:

• Multiple color arrays for complex legend items

 

 

Axis Customization

New CSS variables for greater axis styling control:

• `--vis-axis-line-stroke-color`: Customize axis line color
• `--vis-axis-line-stroke-width`: Control axis line thickness
• Better separation between domain line and tick styling
• Label Trim and Wrap: Add trim and wrap functionality to axis labels for better text handling

 

Timeline Component Enhancements

Major updates to the Timeline component with new features and improved functionality:

• Row Icons: Support for enhanced visual categorization with icons alongside row labels
• Line Icons: Add start and end icons to timeline lines with configurable positioning
• Arrow Support: Connect related timeline entries with customizable arrows allowing user to create Gantt Charts
• Hover Styles: Better visual feedback with configurable hover states
• Animation Control: Configurable animation positions for line enter/exit transitions
• Label Positioning: Improved label positioning and clipping behavior with dedicated clipPath
• `labelTextAlign`: Adds `labelTextAlign` config option to Timeline component to control label alignment

 

Graph Component Updates

Continued improvements to the Graph component:

• Enhanced panel documentation and examples
• Configurable node and group spacing in Parallel layouts 

 

Additional Changes

Enhancements

• Component | Graph: Enhanced panel documentation and examples [#616]
• Container | XY: Handle edge cases when `scaleByDomain` is `true` [#588]
• Website | Gallery: New custom nodes graph with tooltips example [#603]
• Website | Gallery: New patchy line chart gallery example [#558]
• Website | Gallery: New stacked area chart with attributes example [#597]
• Website | Docs: Enhanced documentation for multiple components

 

Bug Fixes

• Component | Tooltip: Fix dynamic config retrieval for mousemove handler [#606]
• Component | Graph: Fix link flow group dot issue [#575]
• Component | Graph: Fix link flow animation update [#577]
• Component | Timeline: Fix icon data binding, ordinal scale domain, and arrow exit transition [#536]
• Solid | Bug: Component destroy method [#602]
• Core | Types: Making `fontSize` optional in `UnovisText` [#585]

 

Quality of Life Improvements

• TS: Replace deprecated JSX.Element with React.ReactNode [#545]
• Testing: Continued improvements to visual testing infrastructure