ok. I know DarkSky allows for a forecast but again, they are separate entities. How would I need to alter the config to use them? (thats so much for your help by the way)
homeassistant:
customize:
input_text.weather:
custom_ui_state_card: custom-weather-card
config:
weather: sensor.perth_weather_temperature
weather.sensor.perth_weather_blahblah?
not sure if the above is on the right track…
This is hourly OWM forecast. Each step here equal 3 hours. If you want daily OWM forecast you should configure it like this
weather:
- platform: openweathermap
api_key: !secret openweathermap_api_key
mode: daily
Send me entity_id of sensors which you want to add to the card
I have been playing around with various weather providers and given that Dark Sky gives a 7 day forecast, I think the data from it would be best for this custom UI however using the basic config of weather: weather.dark_sky doesn’t work properly as you can see below.
These are the entities that it gives from the full sensor type config:
sensor.perth_weather_apparent_temperature
sensor.perth_weather_cloud_coverage
sensor.perth_weather_cloud_coverage_1
sensor.perth_weather_cloud_coverage_2
sensor.perth_weather_cloud_coverage_3
sensor.perth_weather_cloud_coverage_4
sensor.perth_weather_cloud_coverage_5
sensor.perth_weather_cloud_coverage_6
sensor.perth_weather_cloud_coverage_7
sensor.perth_weather_daily_max_precip_intensity
sensor.perth_weather_daily_max_precip_intensity_1
sensor.perth_weather_daily_max_precip_intensity_2
sensor.perth_weather_daily_max_precip_intensity_3
sensor.perth_weather_daily_max_precip_intensity_4
sensor.perth_weather_daily_max_precip_intensity_5
sensor.perth_weather_daily_max_precip_intensity_6
sensor.perth_weather_daily_max_precip_intensity_7
sensor.perth_weather_daily_summary
sensor.perth_weather_daytime_high_apparent_temperature
sensor.perth_weather_daytime_high_apparent_temperature_1
sensor.perth_weather_daytime_high_apparent_temperature_2
sensor.perth_weather_daytime_high_apparent_temperature_3
sensor.perth_weather_daytime_high_apparent_temperature_4
sensor.perth_weather_daytime_high_apparent_temperature_5
sensor.perth_weather_daytime_high_apparent_temperature_6
sensor.perth_weather_daytime_high_apparent_temperature_7
sensor.perth_weather_daytime_high_temperature
sensor.perth_weather_daytime_high_temperature_1
sensor.perth_weather_daytime_high_temperature_2
sensor.perth_weather_daytime_high_temperature_3
sensor.perth_weather_daytime_high_temperature_4
sensor.perth_weather_daytime_high_temperature_5
sensor.perth_weather_daytime_high_temperature_6
sensor.perth_weather_daytime_high_temperature_7
sensor.perth_weather_hourly_summary
sensor.perth_weather_humidity
sensor.perth_weather_humidity_1
sensor.perth_weather_humidity_2
sensor.perth_weather_humidity_3
sensor.perth_weather_humidity_4
sensor.perth_weather_humidity_5
sensor.perth_weather_humidity_6
sensor.perth_weather_humidity_7
sensor.perth_weather_overnight_low_apparent_temperature
sensor.perth_weather_overnight_low_apparent_temperature_1
sensor.perth_weather_overnight_low_apparent_temperature_2
sensor.perth_weather_overnight_low_apparent_temperature_3
sensor.perth_weather_overnight_low_apparent_temperature_4
sensor.perth_weather_overnight_low_apparent_temperature_5
sensor.perth_weather_overnight_low_apparent_temperature_6
sensor.perth_weather_overnight_low_apparent_temperature_7
sensor.perth_weather_overnight_low_temperature
sensor.perth_weather_overnight_low_temperature_1
sensor.perth_weather_overnight_low_temperature_2
sensor.perth_weather_overnight_low_temperature_3
sensor.perth_weather_overnight_low_temperature_4
sensor.perth_weather_overnight_low_temperature_5
sensor.perth_weather_overnight_low_temperature_6
sensor.perth_weather_overnight_low_temperature_7
sensor.perth_weather_precip
sensor.perth_weather_precip_1
sensor.perth_weather_precip_2
sensor.perth_weather_precip_3
sensor.perth_weather_precip_4
sensor.perth_weather_precip_5
sensor.perth_weather_precip_6
sensor.perth_weather_precip_7
sensor.perth_weather_precip_probability
sensor.perth_weather_precip_probability_1
sensor.perth_weather_precip_probability_2
sensor.perth_weather_precip_probability_3
sensor.perth_weather_precip_probability_4
sensor.perth_weather_precip_probability_5
sensor.perth_weather_precip_probability_6
sensor.perth_weather_precip_probability_7
sensor.perth_weather_pressure
sensor.perth_weather_pressure_1
sensor.perth_weather_pressure_2
sensor.perth_weather_pressure_3
sensor.perth_weather_pressure_4
sensor.perth_weather_pressure_5
sensor.perth_weather_pressure_6
sensor.perth_weather_pressure_7
sensor.perth_weather_summary
sensor.perth_weather_temperature
sensor.perth_weather_uv_index
sensor.perth_weather_uv_index_1
sensor.perth_weather_uv_index_2
sensor.perth_weather_uv_index_3
sensor.perth_weather_uv_index_4
sensor.perth_weather_uv_index_5
sensor.perth_weather_uv_index_6
sensor.perth_weather_uv_index_7
sensor.perth_weather_wind_bearing
sensor.perth_weather_wind_bearing_1
sensor.perth_weather_wind_bearing_2
sensor.perth_weather_wind_bearing_3
sensor.perth_weather_wind_bearing_4
sensor.perth_weather_wind_bearing_5
sensor.perth_weather_wind_bearing_6
sensor.perth_weather_wind_bearing_7
sensor.perth_weather_wind_speed
sensor.perth_weather_wind_speed_1
sensor.perth_weather_wind_speed_2
sensor.perth_weather_wind_speed_3
sensor.perth_weather_wind_speed_4
sensor.perth_weather_wind_speed_5
sensor.perth_weather_wind_speed_6
sensor.perth_weather_wind_speed_7@Yevgeniy Hi!
I’m switching to the new ui lovelace. Is it possible to integrate this card into lovelace as well? Thanks!
I don’t get anymore the graphs for rain as you can see in this screenshot:
Did not want to hijack this thread for Lovelace, so created a new thread for custom animated weather card for Lovelace.
How do you do one on the top and other on the bottom ?
Is it possible to have two ?
How can I add this group
weather:
name: Weather
entities:
- input_text.weather
to my ‘tabs’
Weather:
name: Погода
view: yes
icon: mdi:weather-partlycloudy
entities:
- group.weather
this doesn’t show new card.
Thanks,
Call it something else you can’t use uppercase W in Weather 
so…
my_weather:
name: My Weather
entities:
- input_text.weather
weather:
name: Погода
view: yes
icon: mdi:weather-partlycloudy
entities:
- group.my_weather
Should do what you want.
This doesn’t help 
default_view:
view: true
icon: mdi:home
entities:
- group.bathroom
- group.livingroom
- group.kitchen
- group.bedroom
- group.my_weather
no animated weather though
Works for me, but I don’t get any animated weather either.
Maurizio53, can you share the code of your weather state card?
Thanks
I love the card by @gerard33, it looks very nice on my wall mounted tablet.
What I’m missing though is a forecast for the current day.
For instance when waking up in the morning, being able to see what the min and max temp is going to be today.
Is there any way to edit the card so that the forecast for the current day is added (and perhaps the last of the 5 forecast days be removed so the size stays the same)?
Thanks in advance!
Hello, thank you for sharing your project with the HomeAssistant community.
I have a question, I have Hassbian installed and the directory where it contains the * .yaml files is: (/home/homeassistant/.homeassistant) however there is no directory (www), and even I creating the directory and putting the necessary files inside, it seems that the Hassbian does not find.
Should I create the directory and set the location like this: (/home/homeassistant/.homeassistant/ www / weather_icons / animated /)? because even then the files are not found.
Friend, was not it easier to copy the same icons to the directories, and rename them to “lightning”?
I did so and it worked perfectly! :oculos de sol:
Thank you for sharing your work with the community.
I need help to solve my problem, I have two weather cards being displayed in my home. I have modified almost everything and nothing to solve.
If anyone can help me, I thank you!
configuration.yaml:
homeassistant:
# Name of the location where Home Assistant is running
name: Lar doce lar!
# Location required to calculate the time the sun rises and sets
latitude: -XX.417859
longitude: -XX.337051
# Impacts weather/sunrise data (altitude above sea level in meters)
elevation: 330
# metric for Metric, imperial for Imperial
unit_system: metric
# Pick yours from here: http://en.wikipedia.org/wiki/List_of_tz_database_time_zones
time_zone: America/Sao_Paulo
# Customization file
customize: !include customize.yaml
# Show links to resources in log and frontend
# introduction:
# Enables the frontend
frontend:
extra_html_url:
- /local/custom_ui/custom-weather-card.html
extra_html_url_es5:
- /local/custom_ui/custom-weather-card.html
# Enables configuration UI
config:
http:
# Secrets are defined in the file secrets.yaml
# base_url: https://XXXXXX.ddns.net:8123
# ssl_certificate: /ssl/fullchain.pem
# ssl_key: /ssl/privkey.pem
api_password: XXXXXXX@
ip_ban_enabled: true
login_attempts_threshold: 5
# Uncomment this if you are using SSL/TLS, running in Docker container, etc.
# base_url: example.duckdns.org:8123
# Checks for available updates
# Note: This component will send some information about your system to
# the developers to assist with development of Home Assistant.
# For more information, please see:
# https://home-assistant.io/blog/2016/10/25/explaining-the-updater/
updater:
# Optional, allows Home Assistant developers to focus on popular components.
include_used_components: true
# Discover some devices automatically
discovery:
# Allows you to issue voice commands from the frontend in enabled browsers
conversation:
# Enables support for tracking state changes over time
history:
# View all events in a logbook
logbook:
# Example configuration.yaml entry
camera:
- platform: generic
#mjpeg_url: http://192.168.25.205/mjpeg
still_image_url: http://192.168.25.205/image/jpeg.cgi
username: admin
password: mkmt.vix.
# Enables a map showing the location of tracked devices
map:
# Track the sun
# sun:
# Weather prediction
weather:
- platform: yweather
woeid: "26800926"
input_boolean:
weather:
groups.yaml:
weather:
name: Weather
entities:
- input_boolean.weather
customize.yaml:
input_boolean.weather:
custom_ui_state_card: custom-weather-card
config:
weather: weather.yweather
weather.yweather: {}
Thank you all!
Hi.
How do I set the path of the www folder?
This is what I see. But I do not know if it does not find the html file.
How can I know what the problem is?
Thank you very much.
the website /local/www/custom_ui/ssss.html I also put it there?
/local/ is /config/www/ - you’d create custom_ui/ in /config/www/ and then put ssss.html in there
