Lovelace Windrose Card

The circles are not drawn, because there is no data.
That is a bug, it should render default circles.

Copy. Thanks for the hard work this is an awesome card :+1:

I don’t understand, but is the problem mine?

Did you check your history for wind entities?
That is your problem.

Circles not rendered is my problem.

Left the suggestion in GitHub.

This is my goal, and perhaps I’ll just try to create it on my own. My ideal config and style straight from my ecowitt display.

1 Like

That’s a wind compass, not a wind rose. See this card instead, very customisable: Compass Card - Points you in the right direction 🧭

Screenshot 2024-09-26 at 13-27-00 Overview – Home Assistant
Screenshot 2024-09-26 at 13-27-29 Overview – Home Assistant

1 Like

Ah, yes. I do like the wind rose as well that was the plan to do both. Great know that exists! Thank you.

1 Like

Release v1.8.2

Mainly improvements for the current direction arrow.

Breaking configuration change:

  • The config for turning on the current wind direction arrow is changed.
    Before: show_current_direction_arrow: true
    Now:
   current_direction:
     show_arrow: true
     arrow_size: 40
     center_circle_size: 30

Configuration removed:

  • direction_unit configuration removed, is now automatically determined.

Refactor/fixes:

  • Wind direction parsing, now automatically determines unit type. Hopefully fixes #73
  • When direction can not be determined from the state, something like variable or no wind, a red circle in the center is displayed, instead of the arrow. Fixes #77
  • Size of the center red circle and the arrow can be configured. Fixes #75
4 Likes

Ohh my. That works a treat. Good job. Thank you so much

1 Like

Released version 1.9.0

Feature:

  • display entity states in the corners around the windrose.

Fixes:

  • when wind speed is calm for longer time and there are no leafs to display, show the legend circles with default percentages.
  • when during configuration of your card an error occurs an SVG element was added to the DOM. Fixes #79
  • when compass direction (for auto rotate) is undefined, default to north, 0 degrees.

Add this configuration:

corner_info:
  top_left:
    label: Current windspeed
    unit: ' bft'
    color: 'red'
    entity: sensor.wind_gust
  top_right:
    label: Wind direction
    unit: °
    entity: sensor.wind_direction
  bottom_left:
    label: Compass
    unit: °
    entity: input_number.compass

I forgot to update the Readme. Will do this later today.

Not visible in the screenshot, but you can also set the text color for every corner.

Please let me know on GitHub, if you have find bugs.

https://github.com/aukedejong/lovelace-windrose-card/issues

5 Likes

Released version 1.10.0

Features:

  • Background image support. Fixes #54
  • New match strategy: time_frame. Fixes #64

The new time frame strategy is useful for sensors that do not update their state very often.

The background image is scaled to fit behind the largest circle of the windrose as a square.

2 Likes

Released version 1.11.0

New feature:

  • Possible to display words instead of letters on the cardinal direction points on the windrose. Fixes #82
    Its not perfect, because of the margin used in combination with auto rotation and the display of corner info.
    Some text can overlap.

Fixes:

  • Matching strategy time-frame did not work for direction sensor using letters. Fixes: #64
  • The direction_letters property wasn’t used, instead the cardinal_direction_letters property was also used to parse states.

Released version 1.11.1

Fix: handle no wind periods better. Not showing NaN values.

Released version 1.11.2

Fix: Data_period Cconfig check fix

Remember, the hours_to_show property is deprecated since version 1.2.0
It moved to the data_period object.

hours_to_show: 5         // deprecated
data_period:             // new
  hours_to_show: 5

Love the card. Is there any way to keep the arrow from going all the way around the rose when it goes from something like 350 degrees to 10 degrees? I like having the arrow but it updates every second and when the wind direction is mostly out of the north, it constantly goes all the way around the circle as it transits past 0 degrees.

Good point.
Can you add an issue on Github?

I use Github to track bugs and feature requests.

Released version 1.11.3

Fixes:

  • Changed current wind direction arrow animation to take the shortest route to next wind direction. Fixes #94
  • Change from buggy Snap SVG library to SVG.js library. Needed for above fix.
  • Changed text alignments in the speed bar.
  • Corner info now using configured display precision. Fixes #92
2 Likes

There is a bug in the last release.
Has something to do with text positioning.
Do not update. :sweat_smile:

Too late!

Reverting now though it does appear to be working.

Looks like it’s a Safari MacOS/IOS related issue.
Investigating now, but don’t have much time.