Dashboard météo all inclusive V2 (maj 02/08/23)

C’est génial, bravo à toi

Bonjour à tous,
Quelqu’un connaît-il une carte radar des nuages sur HA ?
J’ai déjà la carte open street pour les précipitations mais je souhaiterais avoir une animation radar de la couverture nuageuses et je n’ai rien trouvé… :smiling_face_with_tear:

Bonjour,
avec Windy?

Je n’avais pas vu cette carte je pensais que ce n’étais que le vent je vais tester merci

Il faut aller sur le site windy.com
Dans le menu a droite, tout en bas de la page, tu trouvera intégrer un widjet
image

Merci beaucoup je regarde, pour le moment j’ai bien trouvé la partie widget mais je n’ai pas le choix de la carte, uniquement le vent :

sur la carte clique sur le vent et choisi nuage pour avoir la vue nuage par défaut :

Tu pourra voir quand même les autres cartes sur HA, par le même menu sur la carte.

1 « J'aime »

Top merci c’est parfait :ok_hand:

1 « J'aime »

Bonjour, et merci pour tout ce travail !

J’ai un problème avec la carte Pluviométrie / UV qui a du mal à trouver sa place. Elle saute en permanence et je n’arrive pas à trouver d’où ça vient…
Merci pour votre aide,
patrickp78


Salut,
je ne comprends pas ton souci. Elle saute en permanence ?
d’après les captures, ça l’air bon.

Non, regarde sur les deux images la distance entre la bordure et Indice UV où j’ai mis la flèche.
Le bolc remonte et redescend toutes les secondes environ…

Ok, je comprends mieux.
Met la partie du code de la carte pour voir.

Voilà pour le code, je pense avoir bien sélectionner le tout…

      - type: custom:stack-in-card
        mode: vertical
        keep:
          box_shadow: false
          margin: false
          border_radius: false
          background: false
          outer_padding: false
        cards:
          - type: custom:stack-in-card
            mode: horizontal
            cards:
              - type: vertical-stack
                cards:
                  - type: custom:gap-card
                    height: 25
                  - type: custom:tempometer-gauge-card
                    entity: sensor.rambouillet_pressure
                    title: Baromètre Rambouillet
                    icon_color: '#44739e'
                    min: 960
                    max: 1060
                    decimals: 0
                    severity:
                      red: 980
                      yellow: 1000
                      green: 1020
                    card_mod:
                      style: |
                        :host {
                          --paper-card-background-color: transparent;
                          --ha-card-border-radius: 0px;
                        }
                        .gauge-data #percent{
                          font-size: 1.8rem  !important;
                        }
                        .gauge-footer{
                          font-size: 1.4rem  !important;
                        }
                        .gauge-data #title {
                          font-size: 1rem  !important;
                        }
                        ha-card {
                          border: none;
                        }
              - type: vertical-stack
                cards:
                  - type: custom:compass-card
                    indicator_sensors:
                      - sensor: weather.rambouillet
                        attribute: wind_bearing
                        indicator:
                          type: arrow_inward
                    header:
                      title:
                        value: VENT
                        color: '#44739e'
                    value_sensors:
                      - sensor: sensor.rambouillet_wind_speed
                    compass:
                      circle:
                        background_image: \local\images\maison2.png
                        background_opacity: 0.6
                      east:
                        show: true
                      west:
                        show: true
                      south:
                        show: true
                      north:
                        show: true
                    language: fr
                    card_mod:
                      style: |
                        ha-card > div.header > div.name > span {
                          font-size: 14px;
                          font-weight: bold;
                        }
                        ha-card {
                          margin-top: -13px;
                          border: none;
                        }
          - type: horizontal-stack
            cards:
              - type: markdown
                content: >
                  <center>Arrière <ha-icon
                  icon="mdi:home-thermometer-outline"></ha-icon> {{
                  states("sensor.lywsd03mmc_c948_temperature") |
                  round(1)}}°C</center> <center>Avant <ha-icon
                  icon="mdi:home-thermometer"></ha-icon> {{
                  states("sensor.temperature_humidity_sensor_exterieur_av_temperature")
                  | round(1)}}°C</center>
                card_mod:
                  style: |
                    ha-card {
                      --card-mod-icon-color: #44739e;
                      --mdc-icon-size: 28px;
                      font-size: 1.4rem  !important;
                      margin-top: -20px;
                      margin-left: -3px;
                      background: transparent;
                      border: none;
                    }
              - type: markdown
                content: >
                  <center><ha-icon icon="mdi:water-percent"></ha-icon> {{
                  states("sensor.lywsd03mmc_c948_humidity") | round(0)
                  }}%</center> <center><ha-icon
                  icon="mdi:water-percent"></ha-icon> {{
                  states("sensor.temperature_humidity_sensor_exterieur_av_humidity")
                  | round(0) }}%</center>
                card_mod:
                  style: |
                    ha-card {
                      --card-mod-icon-color: #44739e;
                      --mdc-icon-size: 28px;
                      font-size: 1.4rem  !important;
                      margin-top: -20px;
                      margin-left: -18px;
                      background: transparent;
                      border: none;
                    } 
          - type: horizontal-stack
            cards:
              - type: custom:rain-gauge-card
                name: ' '
                language: fr
                entity: sensor.rambouillet_daily_precipitation
                is_imperial: false
                border_colour: '#44739e'
                max_level: 30
                show_warning: false
                show_error: false
                card_mod:
                  style: |
                    #logo {
                      width: 70%;
                    }
                    ha-card {
                      margin: -35px 0px -5px 0px;
                      background: transparent;
                      border: none;
                    }
              - type: custom:uv-index-card
                entity: sensor.rambouillet_uv
                language: fr
                show_warning: false
                show_error: false
                name: ' '
                card_mod:
                  style: |
                    ha-card {
                      margin: -55px 0px -5px 0px;
                      background: transparent;
                      border: none;
                    }
                    ha-card > div > div:nth-child(1) > svg {
                      width: 80%;
                      margin-top: 21px;
                    }
          - type: iframe
            url: >-
              https://embed.windy.com/embed.html?type=map&location=coordinates&metricRain=mm&metricTemp=°C&metricWind=km/h&zoom=10&overlay=wind&product=ecmwf&level=surface&lat=48.564&lon=1.837&message=true
            aspect_ratio: 80%
            card_mod:
              style: |
                ha-card {
                  border-radius: 0px;
                  border: none;
                }
        card_mod:
          style: |
            ha-card {
              box-shadow: 0 0 0 1px gray;
              border: none;
            }
      - type: custom:stack-in-card
        mode: vertical
        keep:
          box_shadow: true
          margin: false
          border_radius: true
          background: false
          outer_padding: false
        cards:
          - type: vertical-stack
            cards:
              - type: horizontal-stack
                cards:
                  - type: vertical-stack
                    cards:
                      - type: custom:compass-card
                        language: fr
                        header:
                          title:
                            value: SOLEIL
                            color: '#44739e'
                        indicator_sensors:
                          - sensor: sun.sun
                            attribute: azimuth
                            state_abbreviation:
                              show: false
                            indicator:
                              type: circle
                              color: orange
                              dynamic_style:
                                sensor: sun.sun
                                attribute: elevation
                                bands:
                                  - from_value: 0
                                    show: true
                        value_sensors:
                          - sensor: sun.sun
                            attribute: elevation
                            units: °
                            decimals: 1
                        compass:
                          circle:
                            background_image: \local\images\maison2.png
                            background_opacity: 0.6
                          north:
                            show: true
                            offset: 0
                          east:
                            show: true
                          west:
                            show: true
                          south:
                            show: true
                        card_mod:
                          style: |
                            ha-card > div.header > div.name > span {
                              font-size: 14px;
                              font-weight: bold;
                            }
                            ha-card {
                              margin-top: -13px;
                              border: none;
                            }
                  - type: vertical-stack
                    cards:
                      - type: custom:horizon-card
                        showAzimuth: true
                        showElevation: true
                        card_mod:
                          style: >
                            .sun-card-footer .sun-card-text-subtitle {
                                font-size: 0.91rem !important;
                                color: var(--primary-text-color) !important;
                            }

                            .sun-card-header .sun-card-text-subtitle {
                                font-size: 0.91rem  !important;
                                color: var(--primary-text-color) !important;
                            }

                            .sun-card-header .sun-card-text-time {
                                font-size: 0.8rem  !important;
                                color: var(--primary-text-color) !important;
                            }

                            .sun-card-footer .sun-card-text-time {
                                font-size: 0.8rem  !important;
                                color: var(--primary-text-color) !important;
                            }

                            ha-card > div > div.sun-card-body {
                              padding-top: 0;
                            }

                            ha-card > div > div.sun-card-footer >
                            div:nth-child(1) {
                              padding-top: 0;
                            }

                            ha-card > div > div.sun-card-footer >
                            div:nth-child(2) {
                              padding-top: 0.5rem;
                            }

                            ha-card {
                              margin-top: -13px;
                              border: none;
                            }
  

Je pense que ton souci est que tu n’as pas configuré c’est partie du code. Il y a des températures au-dessus des cartes pluie et UV. Soit, tu le configures ou tu le supprimes.

          - type: horizontal-stack
            cards:
              - type: markdown
                content: >
                  <center>Arrière <ha-icon
                  icon="mdi:home-thermometer-outline"></ha-icon> {{
                  states("sensor.lywsd03mmc_c948_temperature") |
                  round(1)}}°C</center> <center>Avant <ha-icon
                  icon="mdi:home-thermometer"></ha-icon> {{
                  states("sensor.temperature_humidity_sensor_exterieur_av_temperature")
                  | round(1)}}°C</center>
                card_mod:
                  style: |
                    ha-card {
                      --card-mod-icon-color: #44739e;
                      --mdc-icon-size: 28px;
                      font-size: 1.4rem  !important;
                      margin-top: -20px;
                      margin-left: -3px;
                      background: transparent;
                      border: none;
                    }
              - type: markdown
                content: >
                  <center><ha-icon icon="mdi:water-percent"></ha-icon> {{
                  states("sensor.lywsd03mmc_c948_humidity") | round(0)
                  }}%</center> <center><ha-icon
                  icon="mdi:water-percent"></ha-icon> {{
                  states("sensor.temperature_humidity_sensor_exterieur_av_humidity")
                  | round(0) }}%</center>
                card_mod:
                  style: |
                    ha-card {
                      --card-mod-icon-color: #44739e;
                      --mdc-icon-size: 28px;
                      font-size: 1.4rem  !important;
                      margin-top: -20px;
                      margin-left: -18px;
                      background: transparent;
                      border: none;
                    } 

Oups ! Désolé, ça m’avait échappé.
Merci et bonne journée à toi

1 « J'aime »

Encore désolé mais j’ai du mal à piger pourquoi il ne m’affiche que les heures au lieu des jours… et sur 5 jours au lieu de 7.
J’ai essayé les bascules entre Sonchamp et Rambouillet dans tous les sens mais je ne vois pas où est le problème.
Voici mon code pour ces cartes…
Merci d’avance pour ton aide,

          - type: custom:mod-card
            card_mod:
              style:
                .: |
                  :host {
                    --text-divider-color: rgb(68, 115, 158);
                    --text-divider-line-size: 1px;
                  }
                  ha-card {
                    margin-top: -32px;
                    background: transparent;
                    border: none;
                  }
            card:
              type: custom:text-divider-row
              text: Prévisions 1-7 Jours
              align: left
          - type: custom:meteofrance-weather-card
            number_of_forecasts: '7'
            entity: weather.sonchamp
            alert_forecast: false
            details: false
            current: false
            forecast: true
            one_hour_forecast: true
            static_icons: false
            card_mod:
              style: |
                ha-card {
                  top: -20px;
                  height: 135px;
                  background: transparent;
                  border: none;
                }
          - type: custom:mod-card
            card_mod:
              style:
                .: |
                  :host {
                    --text-divider-color: rgb(68, 115, 158);
                    --text-divider-line-size: 1px;
                  }
                  ha-card {
                    margin-top: -30px;
                    background: transparent;
                    border: none;
                  }
            card:
              type: custom:text-divider-row
              text: Prévisions 8-14 Jours
              align: left
          - type: custom:meteofrance-weather-card
            number_of_forecasts: '7'
            entity: weather.rambouillet
            alert_forecast: false
            details: false
            current: false
            forecast: true
            one_hour_forecast: true
            static_icons: false
            card_mod:
              style: |
                ha-card {
                  top: -20px;
                  height: 135px;
                  background: transparent;
                  border: none;
                }
        card_mod:
          style: |
            ha-card {
              box-shadow: 0 0 0 1px gray;
              border: none;
            } 

Le code a changé avec la carte météo france et pour card_mod aussi.
Regarde ce message:

Je suis loin d’y mettre de la mauvaise volonté, mais j’ai paumé l’alignement pour coller le nouveau code !
Peux-tu me dire si j’ai placé le début (type: vertical-stack) au bon endroit ou de combien je dois le décaler ?
Vraiment désolé pour tous ces dérangements…

            card:
              type: custom:tabbed-card
              styles:
                '--mdc-theme-primary': '#44739e'
                '--mdc-tab-text-label-color-default': gray
              tabs:
                - card:
                    type: custom:meteofrance-weather-card
                    entity: weather.rambouillet
                    name: Rambouillet
                    alertEntity: sensor.11_weather_alert
                    detailEntity: sensor.rambouillet_rain_chance
                    cloudCoverEntity: sensor.rambouillet_cloud_cover
                    rainChanceEntity: sensor.rambouillet_rain_chance
                    freezeChanceEntity: sensor.rambouillet_freeze_chance
                    snowChanceEntity: sensor.rambouillet_snow_chance
                    uvEntity: sensor.rambouillet_uv
                    number_of_daily_forecasts: '7'
                    number_of_hourly_forecasts: '7'
                    card_mod:
                      style: |
                        :host {
                          --card-mod-icon-color: #44739e;
                        }
                        ha-card {
                          top: -15px;
                          background: none;
                          border: none;
                        }
                  attributes:
                    label: Rambouillet
                    icon: mdi:weather-partly-cloudy
                    minWidth: true
                    isMinWidthIndicator: true
                - card:
                    type: custom:meteofrance-weather-card
                    entity: weather.sonchamp
                    name: Sonchamp
                    alertEntity: sensor.66_weather_alert
                    detailEntity: sensor.sonchamp_humidity
                    cloudCoverEntity: sensor.sonchamp_cloud_cover
                    rainChanceEntity: sensor.sonchamp_rain_chance
                    freezeChanceEntity: sensor.sonchamp_freeze_chance
                    snowChanceEntity: sensor.sonchamp_snow_chance
                    uvEntity: sensor.sonchamp_uv
                    number_of_hourly_forecasts: '7'
                    number_of_daily_forecasts: '0'
                    card_mod:
                      style: |
                        :host {
                          --card-mod-icon-color: #44739e;
                        }
                        ha-card {
                          top: -15px;
                          background: none;
                          border: none;
                        }                
                  attributes:
                    label: Sonchamp
                    icon: mdi:weather-partly-cloudy
                    minWidth: true
                    isMinWidthIndicator: true
          type: vertical-stack
          cards:
            - type: entities
              entities:
                - type: custom:text-divider-row
                  text: Prévisions 14 Jours
                  align: left
              card_mod:
                style: |
                  ha-card {
                    margin-top: -20px;
                    margin-bottom: -10px;
                    background: none;
                  }

il te faut ajouter un -:

          - type: vertical-stack
            cards:
              - type: entities
                entities:
                  - type: custom:text-divider-row
                    text: Prévisions 14 Jours
                    align: left
                card_mod:
                  style: |
                    ha-card {
                      margin-top: -20px;
                      margin-bottom: -10px;
                      background: none;
                    }

C’est la galère !
On me parle maintenant d’une erreur à partir de la ligne 110 et je ne vois pas la solution…
Au besoin j’enverrai le bout de code…

Ah ! Il y a de la tabulation d’en l’air. L’erreur descend quand je remets des espaces…
Bon, j’ai trouvé.
Sauf que si on pouvait mettre ou enlever des espaces sur tout un bloc, ce serait super…
J’ai bien BBEdit mais les « endtab » et « shift right » ne sont pas clairs à employer.
Possible d’ailleurs que ce soit eux qui m’ont placé des tabs…
Bref, galère… mais on va y arriver ! :rofl: