Custom UI: Weather state card

Share your Projects! Dashboards & Frontend
86

thanks, i will try that, next weekend.

87

Wow!

That’s amazing!

Can somebody help me to set it with darksky instead of yahoo weather?

88

I’ve tried this, but the dark sky component doesn’t give as much info on the forecast as yahoo weather. I’m planning on looking into if it is possible to change the component to include more info, but as of right now I’m sticking to yahoo.

89

thank you!

90

Thank you very much for this awsome feature, what a change ! It’s awsome.
Unluckily the weather displayed is wrong. It should be 15.2 and sunny in the azur coast.
How can i fix this?

Capture
Capture1109×1246 53.8 KB

I edited the custom-weather-card in french, text below is what i have changed:

  var _WEATHER_TO_NAME = {
    cloudy: 'Nuageux',
    fog: 'Brumeux',
    hail: 'Grêle',
    lightning: 'Eclair',
    'lightning-rainy': 'Eclair',
    partlycloudy: 'Partiellement nuageux',
    pouring: 'Averse',
    rainy: 'Pluvieux',
    snowy: 'Neigeux',
    'snowy-rainy': 'Neigeux-pluvieux',
    sunny: 'Ensoleillé',
    windy: 'Venteux',
    'windy-variant': 'Vents Variable',
    exceptional: '!',
  };


  var _DEGREE_TEXT = [
    'N', 'NNO', 'NO', 'ONO', 'O', 'OZO', 'ZO', 'ZZO',
    'Z', 'ZZW', 'ZW', 'WZW', 'W', 'WNW', 'NW', 'NNW', 'N'
  ];
  
  var _DAY_TO_DAY = {
    Mon: 'LU',
    Tue: 'MA',
    Wed: 'ME',
    Thu: 'JE',
    Fri: 'VE',
    Sat: 'SA',
    Sun: 'DI',
  };

Again thanks a lot for this wonderfull wheather forcast state card.

1 Like
91

Is anyone else getting a blank icon for today’s weather (the large icon)?

image

It was working fine for me until a day or two ago.

92

It might be that there is no icon for the current conditions.

93

Great to see people are working on it and have it working!

For whoever is interested, a long time a ago (when I was still developing this) I made a lot more options. Like coloring the card according to the weather and the time of the day, and made some more weather icons. I have to check if I still have it, since my development pc crashed :blush:

94

In that case, how do I check which conditions are currently being reported?

95

It is in the state of your weather component… go to /dev-state and find your weather component. The state gives the condition.

96

Found some icons, not all are really nice, so if you can do it beter, please share :slight_smile:

https://drive.google.com/drive/folders/1NR8MULUfd15hhfqIZ0XFJGRmBdzU6jii?usp=sharing

97

I tried checking there but yweather’s states are:

temperature: 15
humidity: 93
pressure: 1011
wind_bearing: 270
wind_speed: 7
visibility: 13.5
attribution: Weather details provided by Yahoo! Inc.
forecast: [object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
friendly_name: Yweather
98

The state, not the attributes, it is a column before these.

99

Of course, used the wrong wording! :kissing_closed_eyes:

The state is ‘31’. I’ve tried looking through the custom-weather-card code to see what that computes to, but can’t figure it out.

100

OK, don’t know about that, dont have a Yweather component, but was expecting somthing like: ‘rainy’, ‘clear’, ‘pooring’, etc…

101

@poebae

31 is clear-night. Need to figure out how to map night icons to this.

https://developer.yahoo.com/weather/documentation.html

102

@Jer78 super helpful, thanks for that!

103

Very nice icons.

Can’t wait to see how you used them.

104

Nice add. Could you please add check for 0° for the current temperature also. Thanks

105

Grazie! <3