Custom UI: Weather state card

First of all, amazing work creating this card!
Anyone knows why my mdi icons aren’t showing?

image

Hi all, has anyone found a card that can make graphs like this with DarkSky under Lovelace? The way the usual weather cards show forecasts stinks, I’d much rather have the graphs.

yes there is the very nice card by @m.p.frankland :

35

or use card-modder to do something like this to @arsaboo’s adapted card:

34 (in this case using weather platform Buienradar

EDIT

my bad, I missed the part you wanting graphs in the forecast section, thought the picture with the circles around the icons was yours… sorry.

Is there a card out there already that does graphs for either polymer or Lovelace? If so it would probably be easy to port it.

If you mean just a card that makes a graph, yes, there are some like this one:

However, it only graphs history, it would have to be modded to graph the forecast from DarkSky.

Not really, I was thinking I saw something like this before. Adding an image that can be downloaded periodically is really easy. I missed the current version of the custom Lovelace weather card with a radar image. Something like below, which looks to work in a similar way is not the prettiest, but is it more like the concept your interested in?

That’s an interesting way of doing it, will give it a shot, thanks!

So I tried it… It’s a bit small :wink:

3 Likes

Can you post the code of your creation ?

this is posted by @Yevgeniy some posts above:

need help!
can’t get days of the week to show up. what am i doing wrong?01%20AM

@mbiker Are you using openweathermap? It seems to report weather at certain hours for the current day, mine has a three hour span and looks like this:

I think that the only way to solve the problem would be to use another weather provider.

You could try the mode setting in OWM, but my account api was declined. Others have more success doing so, so give it a try

It defaults to hourly (each 3 hours) by try mode: daily and see what happens

Milcroo that did the trick,
thanks

1 Like

Hello. Check it here

1 Like

You are the man Yevgeniy!! Thanks!!

Updated the card for Lovelace:

I’m loving the lovelace card, thanks @Bram_Kragten . But on my iPhone XS, it shows the animated weather images in very blurry / low res quality (both in the official iOS app and the Safari web browser). I am using the hosted method, not local/manual.

Is this intentional, or a bug?

Here’s a pic:

I get this sometimes too. I put it down to there not being any @2x images for the retina display.

this has been there for ages on these cards. has to do with the rendering of the page on the device. And is probably gone the you slide the card up. Comes and goes.