# Travel times card

> Canonical HTML: https://screenrig.ai/docs/cards/travel-times/

Drive, transit or walking times from here to key destinations, each coloured by congestion against its usual time. The host supplies the routes.

Category: Public information. Tags: Transit and travel, Wayfinding and directories, Weather and environment.

## Previews

![Travel times](/cards/travel-times/v1/screenshots/canvas-bloom.webp?sha=ecffb77b57c9345fd9fd2027d8aa677ab2c5c24e958569e98e24aac24871202f)

Canvas

![Travel times](/cards/travel-times/v1/screenshots/corner-bloom.webp?sha=2d1c9c1bce186def72b3a780160214e85fbb86450b8fd07f2f2fc2ef9e9efd14)

Corner

![Travel times](/cards/travel-times/v1/screenshots/chip-bloom.webp?sha=31a5bdeadc7e4e5d6522958471e803fc1b2fa1e5fb017d6e3863c99ca30ded09)

Chip

## Views and forms

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

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

## Data and privacy

Feed: `screenrig.traveltimes/v1`.

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

## 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 |
| --- | --- | --- | --- | --- |
| `title` | string | `""` | maxLength: `40` | Empty uses Travel times. |
| `count` | integer | `6` | minimum: `1`; maximum: `12` |  |
| `order` | string | `"listed"` | `"listed"`, `"fastest"`, `"slowest"` | Closed and no-data routes always come last when sorting. |
| `units` | string | `"km"` | `"km"`, `"mi"` |  |
| `scaleMinutes` | integer | `60` | minimum: `10`; maximum: `240` | The trip length a full bar stands for. |
| `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": "travel-times",
  "primitive": "card",
  "card": "travel-times",
  "major": 1,
  "params": {
    "theme": "neomustard"
  },
  "rect": {
    "x": 0,
    "y": 0,
    "width": 1920,
    "height": 1080
  },
  "layer": 0,
  "content_fit": "fill"
}
```