2024-08-18 15:38:47 -06:00
## Install
1. Copy files from `www` to `config/www`
2024-08-19 14:13:35 -06:00
2. `Dashboard` > `Edit` > 3 button menu > `Manage resources`
2024-08-18 15:38:47 -06:00
3. Enter these 3 resources:
```
/local/space-weather-24hr-max-card.js?v=1
/local/space-weather-card.js?v=1
/local/space-weather-pred-card.js?v=1
```
## Use
To add these custom cards, create a card of the "Manual" type.
```
2024-08-19 14:03:43 -06:00
type: space-weather-current
type: space-weather-prediction-1day
type: space-weather-24hr-max
```
2024-08-19 14:33:51 -06:00
2024-09-04 17:20:22 -06:00
## VTEC Graph
2024-08-19 14:33:51 -06:00
In the example dashboard seen in `dashboard.png` , the VTEC graph uses components from [mini-graph-card ](https://github.com/kalkih/mini-graph-card ). Use the following definition:
```yaml
type: custom:mini-graph-card
entities:
- entity: sensor.space_weather_vtec
color_thresholds:
- value: 0
color: '#030586'
- value: 10
color: '#0506e6'
- value: 20
color: '#004efd'
- value: 30
color: '#00b5fd'
- value: 40
color: '#14fde7'
- value: 50
color: '#6ffd8d'
- value: 60
color: '#e9fc13'
- value: 70
color: '#fbaf03'
- value: 80
color: '#fb4801'
- value: 90
color: '#da0302'
- value: 100
color: '#750305'
2024-09-04 17:20:22 -06:00
```
## Global VTEC Map
1. Enable the [Generic Camera ](https://www.home-assistant.io/integrations/generic/ ) integration.
2. Set the `Still Image URL` to `http://[server IP]:5000/global`
3. Set the `Frame Rate (Hz)` to `0.0016666666666667` (sets it to a 10 minute refresh rate).
4. Create this card on the dashboard:
```yaml
type: picture-entity
entity: camera.[your entity name]
show_state: false
show_name: false
camera_view: auto
```