Interactive Layouts and Enhanced Graphing
This release introduces several exciting new features focused on interactivity, layout customization, and data flexibility, along with enhancements to the graph's appearance.
New Features
Interactive Tile Style [#11]
A new tile_style option is now available for a more compact and modern layout. When enabled, toggles for switches and lights are replaced with a sleek, state-aware icon that you can click to turn the entity on or off. The entity's value is neatly placed below its name for a cleaner look.
Separate Graph Data with graph_entity [#12]
You can now display one entity (like a switch) while graphing the history of another (like its power consumption sensor). Use the new graph_entity option in your entity configuration to specify a different data source for the graph.
Example:
- entity: switch.office_light
name: Office Light
graph_entity: sensor.office_light_power @roboraptor, thank you for suggesting these enhancements.
Interactive Toggles
For entities that can be turned on or off (e.g., switch, light), the card now displays an interactive toggle switch, allowing you to control your devices directly from the card. This is the default behavior when not using tile_style.
New Natural Curve Style
Added curveNatural from D3 for a new line interpolation option, providing a smooth, organic-looking line.
Improvements
- The UI editor has been updated to support the new
tile_style,graph_entityoption, and the natural curve type. - The README documentation has been updated to reflect all the new features and options.
Under the Hood
- Dependencies have been updated to their latest versions to ensure compatibility and security.