Weather card without chart

[c727]

backend PR: home-assistant/core#14076

fix: #999
fix: #464

current:

PR:

[c727]

We could also use these colored icons (with or without animation) but they are not 100% material https://www.amcharts.com/free-animated-svg-weather-icons/

[arsaboo]

Super excited about this 👍

Wondering if user can configure whether to use the animated icons or the static ones for the weather card.

[arsaboo]

mdi:weather-windy may be a better icon for wind_speed.

[c727]

is this OK?

[balloob]

The middlepart looks messy and cramped. The measurements are not aligned with icon/label. We need a better way.

[c727]

what about this? suggestions are welcome
1

[c727]

2

3

btw: @arsaboo we can't change the icon set without using customize and the code for colored icons was already rejected

[arsaboo]

I like no. 2.

[ghost]

For me good is no. 1 and no. 2

[balloob]

The challenge with 3 is the lack of description. 2 is still chaotic. Every row has it's own column section. I prefer 1.

make sure btw that everything on the left is aligned. Look how the table starts further in than the icon and the icon starts further in than the header. It should all be starting at the same line.

[balloob]

Thinking about it more, maybe the humidity, pressure etc are not important enough to be in the card. We can move them to the more info ?

[raccettura]

I'd say humidity is pretty important for a decent sized part of the world where heat index is a normal part of the forecast during warmer months. Pressure IMHO is not terribly important for most people.

[balloob]

Fair point. So let's at least scrap pressure from the main view.

[NovapaX]

Maybe limit the amount of forecast days shown in the card?
I'd say 5 or 7 would be enough, the rest can go in the more-info in a list-style instead of columns.

[c727]

new design in first post, forecast has max. 7 days now

[arsaboo]

Looks good. Can we fix the alignment of the text on the right to be closer to your post here

[arsaboo]

Also, for English, should we use the standard 3 letters for days (Mon, Tue, etc.) now that we have some space?

[c727]

...this is German

[c727]

please check if you agree with my changes in translation file

[fanthos]

I like the new design mostly, but the table style does not work well with platform that has per-hour forecast, like OpenWeatherMap.
#375 #373
I think we can create a bar with weather condition, but needs more work to make it align with the chart.

[Yevgenium]

Maybe visibility can also be hidden?

[c727]

Can we focus the discussions on major issues like fanthos posted, please

[fanthos]

I think the per-hour works better in more cases. The daily forecast convert could be done in frontend if needed.

[fanthos]

Relative easy to replace Google Charts with Chart.js.

Code:
https://github.com/fanthos/home-assistant-polymer/tree/weather

[c727]

IMO if you have both, temp and tempLow, a graph makes no sense
yahoo and BR have this for example

[fanthos]

You are right.
But I think we better keep existing data, or provide feature like fallback to chart.
After some search, many API providers has free hourly forecast for developers.
https://www.wunderground.com/weather/api/d/pricing.html

[c727]

finished :)