Example 5: Car dashboard alike cards¶
Visualization¶
This visualization is inspired by a car dashboard.
The first uses a Flat design, the second a Neumorphic design. Both designs use the same tools, but look different.
Interactions¶
- All tools support by default the "more-info" dialog once clicked.
Used Home Assistant Integrations¶
How to make it work in your own installation¶
Required Home Assistant integrations¶
Both cards¶
Required Home Assistant Integrations
The visualization is build on the Met.no, so you need the Met.no Weather integration
Other weather integrations won't work, as they create different states and attributes
Required Home Assistant Entity Changes
The Met.no integration creates the weather.changeme entity. Adapt the changeme part to your own installation!
Alternative entities
You can also replace the humidity, temperature and pressure weather entities with other humidity, temperature and pressure entities from other integrations. An Aqara Zigbee device could be used for instance as the source.
View and Card Configuration¶
Both views use 3 segmented arcs with scale, an entity state and unit of measurement and icon.
Lovelace view¶
| file | location | included from |
|---|---|---|
view-sake5.yml | /lovelace/views | sak-examples-dashboard.yaml |
Decluttering templates¶
None used. All inline YAML!
SAK templates¶
None used. All inline YAML!
Remarks¶
None.