# Weather card

> Canonical HTML: https://screenrig.ai/docs/cards/weather/

Current conditions and a multi-day forecast with temperature range bars. The host supplies the data.

Category: Weather. Tags: Weather and environment, Lobbies and reception, Schools and campuses.

## Previews

![Weather](/cards/weather/v1/screenshots/canvas-bloom.webp?sha=a6d1c50723a06fb0558b1bcd36f8f299bca0aedfca956b1002d4f1b29767c38f)

Canvas

![Weather](/cards/weather/v1/screenshots/corner-bloom.webp?sha=25a2f2c1185f77300ce6126fedb864aa47fbdad85dfa2560bae34c9b474c5e9d)

Corner

![Weather](/cards/weather/v1/screenshots/chip-bloom.webp?sha=ae7b9645f89f0daeac5ec47a42ab3f8fe6308f2d98951bad9aca530cb617f819)

Chip

## Views and forms

Views: canvas, corner, chip. Canvas forms: landscape, portrait.

[Card views, themes and publishing](/docs/cards/). [Browse the gallery](/apps/#cards).

## Data and privacy

Feed: `screenrig.weather/v1`.

Feed documents carry source attribution. The Player supplies the feed to the card.

Weather attribution: Weatherbit, or Data from MET Norway (NLOD 2.0 and CC BY 4.0), as named in the feed document.

## Properties

For theme, background, accent and position, see [Common properties](/docs/cards/#common-properties).

Set static properties in `params`. Bind `data` to a project card data key for live values; that document holds only dynamic properties. Without a data key, put the complete configuration in `params`. Nested rows describe the contents of their parent property.

### Static properties

| Name | Type | Default | Values and limits | Description |
| --- | --- | --- | --- | --- |
| `location` | object |  | additionalProperties: `false`; Required |  |
| `location.name` | string |  | maxLength: `40`; Required |  |
| `location.latitude` | number |  | minimum: `-90`; maximum: `90`; Required |  |
| `location.longitude` | number |  | minimum: `-180`; maximum: `180`; Required |  |
| `units` | string | `"metric"` | `"metric"`, `"imperial"` |  |
| `layout` | string | `"auto"` | `"auto"`, `"current"`, `"forecast"` |  |
| `days` | integer | `5` | minimum: `3`; maximum: `7` |  |
| `showDetails` | boolean | `true` |  |  |
| `hour12` | boolean | `false` |  |  |
| `timeZone` | string, null | `null` |  |  |

### Dynamic properties

This card has no dynamic properties.

## Canvas example

Add this item to a playlist page’s `primitives`. [Publish the playlist and assign a screen](/docs/cards/#publish-a-card-canvas).

```json
{
  "id": "weather",
  "primitive": "card",
  "card": "weather",
  "major": 1,
  "params": {
    "theme": "neomustard",
    "location": {
      "name": "Vancouver",
      "latitude": 49.25,
      "longitude": -123.0
    }
  },
  "rect": {
    "x": 0,
    "y": 0,
    "width": 1920,
    "height": 1080
  },
  "layer": 0,
  "content_fit": "fill"
}
```