Wind speed graph with markers using wind direction dataset

[Ralpie79]

Hi,

I'm grabbing weather data from Open Meteo and have two sensors set up as wind speed and wind direction.

I have got a simple line graph with the markers set on the wind speed dataset, but having trouble trying to find and references or examples where you can use the wind direction values to change the angle for the markers.

It seems simple enough, but it has me baffled.

This is what I have so far and can set angle to any number, but it changes all the markers to one direction.

type: custom:plotly-graph
entities:
  - entity: sensor.omwindspeed
    yaxis: y1
    mode: markers
    marker:
      symbol: arrow
      size: 9
      angle: sensor.omwinddirection

hours_to_show: 24
refresh_interval: 10

This is the wind direction data added for reference.

type: custom:plotly-graph
entities:
  - entity: sensor.omwindspeed
    yaxis: y1
    mode: markers
    marker:
      symbol: arrow
      size: 9
      angle: sensor.omwinddirection

  - entity: sensor.omwinddirection
    yaxis: y2

hours_to_show: 24
refresh_interval: 10

Any help or pointers in the right direction would be great!

Thanks in advance.

[dbuezas]

You were almost there!
You need to use $ex for that

angle: $ex ys

[dbuezas]

Oh, right the direction is a different sensor so you'll have to store it in a var and then use that. Search for vars in the docs

[Ralpie79]

It took me a while to find something to reference, but It seems to be working alright now. Thanks for the pointer.

I assume the resample is right on both entities to reduce the number of markers displayed?

type: custom:plotly-graph
entities:
  - entity: sensor.omwinddirection
    yaxis: y2
    visible: true
    line:
      shape: spline
    filters:
      - resample: 100m
      - store_var: winddir
  - entity: sensor.omwindspeed
    name: Wind Speed & Direction
    mode: markers
    showlegend: true
    yaxis: y1
    show_value: true
    filters:
      - resample: 100m
    line:
      shape: spline
    marker:
      symbol: arrow
      size: 10
      angle: $ex vars.winddir.ys
hours_to_show: 24
refresh_interval: 10
layout:
  margin:
    b: auto
    t: 10
    l: 40
    r: 40

[dbuezas]

Cool idea using the markers to show direction! You could also use the speed to set size.
The resample is right and necessary in this case to "align" the datapoints, so that each index of both entities map to the same moment in time. You can set it higher if you want higher density

[Ralpie79]

I was going to look into using a colour scale for that. Does it matter if the resample is different for all datasets? I wouldn't mind the extra spacing on the wind direction markers, but more detail on the other lines. I tried it briefly and looked a little off.

Idea for colour set and example values from willyweather.com.au.
Calm 0-1.1
Light 1.1-12.6
Gentle 12.6-19.8
Moderate 19.8-28.8
Fresh 28.8-38.9
Strong 38.9-50
Near-Gale 50-61.9
Gale 61.9-74.9

[dbuezas]

You can load the same entity twice, one with resample to store in the var and once raw. Just mark one as internal: true so it is not plotted