Skip to content

Interactive Layouts and Enhanced Graphing

Choose a tag to compare

@github-actions github-actions released this 21 Sep 14:25

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.

image

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.

image

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_entity option, 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.