type: custom:plotly-graph
hours_to_show: 336
raw_plotly_config: true
entities:
- entity: sensor.krypgrund_temp_sensor_temperature
period: hour
internal: true
fn: $fn ({ ys, vars }) => vars.temperature = ys
- entity: sensor.krypgrund_temp_sensor_humidity
period: hour
internal: true
fn: $fn ({ ys, vars }) => vars.humidity = ys
- entity: ""
name: Trygg zon
x: |-
$fn ({ vars }) => {
const minT = Math.min(...vars.temperature, 0);
const maxT = Math.max(...vars.temperature, 40); // Förlängt till 40°C för vinden
const steps = 60;
const xArr = [];
for (let i = 0; i <= steps; i++) { xArr.push(minT + (i * (maxT - minT)) / steps); }
vars.mould_x = xArr;
return xArr;
}
"y": $fn ({ vars }) => vars.mould_x.map(() => 70)
mode: lines
line:
width: 0
fill: tozeroy
fillcolor: rgba(46, 204, 113, 0.15)
type: scatter
hoverinfo: skip
- entity: ""
name: Måttlig risk
x: $fn ({ vars }) => vars.mould_x
"y": |-
$fn ({ vars }) => {
return vars.mould_x.map(t => {
let rc = 80.0;
if (t <= 20) {
rc = -0.00267 * Math.pow(t, 3) + 0.160 * Math.pow(t, 2) - 3.13 * t + 100;
} else if (t > 30) {
// Viitanens korrigering för värme: Gränsen stiger med 0.5% RF per grad över 30°C
rc = 80.0 + (t - 30) * 0.5;
}
return Math.min(rc, 100);
});
}
mode: lines
line:
width: 1
color: rgba(241, 196, 15, 0.4)
fill: tonexty
fillcolor: rgba(241, 196, 15, 0.15)
type: scatter
- entity: ""
name: Hög risk
x: $fn ({ vars }) => vars.mould_x
"y": |-
$fn ({ vars }) => {
return vars.mould_x.map(t => {
let rc = 80.0;
if (t <= 20) { rc = -0.00267 * Math.pow(t, 3) + 0.160 * Math.pow(t, 2) - 3.13 * t + 100; }
else if (t > 30) { rc = 80.0 + (t - 30) * 0.5; }
return Math.min(rc + (100 - rc) * 0.31, 100);
});
}
mode: lines
line:
width: 2
color: rgba(230, 126, 34, 0.6)
dash: dash
fill: tonexty
fillcolor: rgba(230, 126, 34, 0.2)
type: scatter
- entity: ""
name: Kritisk risk
x: $fn ({ vars }) => vars.mould_x
"y": |-
$fn ({ vars }) => {
return vars.mould_x.map(t => {
let rc = 80.0;
if (t <= 20) { rc = -0.00267 * Math.pow(t, 3) + 0.160 * Math.pow(t, 2) - 3.13 * t + 100; }
else if (t > 30) { rc = 80.0 + (t - 30) * 0.5; }
return Math.min(rc + (100 - rc) * 0.71, 100);
});
}
mode: lines
line:
width: 1
color: rgba(211, 47, 47, 0.5)
fill: tonexty
fillcolor: rgba(211, 47, 47, 0.25)
type: scatter
- entity: ""
name: Extrem risk
x: $fn ({ vars }) => vars.mould_x
"y": $fn ({ vars }) => vars.mould_x.map(() => 100)
mode: lines
line:
width: 0
fill: tonexty
fillcolor: rgba(120, 0, 0, 0.35)
type: scatter
hoverinfo: skip
- entity: ""
x: $fn ({ vars }) => vars.temperature
"y": $fn ({ vars }) => vars.humidity
mode: lines
name: Klimatspår
line:
width: 3
color: rgba(20,40,40,0.35)
shape: spline
type: scatter
- entity: ""
x: $fn ({ vars }) => vars.temperature
"y": $fn ({ vars }) => vars.humidity
mode: markers
marker:
size: $fn ({ xs }) => xs.map((_, i, arr) => 4 + (i / (arr.length - 1)) * 3)
color: >-
$fn ({ xs }) => xs.map((_, i, arr) => `rgba(0,0,0,${0.2 + (i /
(arr.length - 1)) * 0.7})`)
hoverinfo: skip
type: scatter
- entity: ""
x: |-
$fn ({ vars }) => {
const len = vars.temperature.length;
return [
vars.temperature[len - 25], // 24 timmar sedan
vars.temperature[len - 49], // 48 timmar sedan
vars.temperature[len - 73], // 72 timmar sedan
vars.temperature[len - 97] // 96 timmar sedan
]
}
"y": |-
$fn ({ vars }) => {
const len = vars.humidity.length;
return [
vars.humidity[len - 25],
vars.humidity[len - 49],
vars.humidity[len - 73],
vars.humidity[len - 97]
]
}
mode: markers+text
text:
- "-24h"
- "-48h"
- "-72h"
- "-96h"
textposition: right
textfont:
size: 10
marker:
size: 8
color: rgba(255, 152, 0, 1.0)
symbol: circle
line:
width: 1.5
color: rgba(0,0,0,1)
type: scatter
- entity: ""
x: |-
$fn ({ vars }) => {
const half = Math.floor(vars.temperature.length / 2)
const thisWeekTemps = vars.temperature.slice(half)
const thisWeekHumidity = vars.humidity.slice(half)
const avgTemp = thisWeekTemps.reduce((a, b) => a + b, 0) / thisWeekTemps.length
return [avgTemp]
}
"y": |-
$fn ({ vars }) => {
const half = Math.floor(vars.humidity.length / 2)
const thisWeekHumidity = vars.humidity.slice(half)
const avgHumidity = thisWeekHumidity.reduce((a, b) => a + b, 0) / thisWeekHumidity.length
return [avgHumidity]
}
mode: markers+text
text: |-
$fn ({ vars }) => {
const half = Math.floor(vars.temperature.length / 2)
const thisWeekTemps = vars.temperature.slice(half)
const thisWeekHumidity = vars.humidity.slice(half)
const avgTemp = (thisWeekTemps.reduce((a, b) => a + b, 0) / thisWeekTemps.length).toFixed(1)
const avgHumidity = (thisWeekHumidity.reduce((a, b) => a + b, 0) / thisWeekHumidity.length).toFixed(1)
return [`Medel denna vecka<br>${avgTemp}°C / ${avgHumidity}%`]
}
textposition: right
marker:
size: 12
color: rgba(0,120,255,1)
symbol: diamond
line:
width: 2
color: rgba(255,255,255,1)
textfont:
size: 12
color: rgba(0,120,255,1)
type: scatter
- entity: ""
x: |-
$fn ({ vars }) => {
const half = Math.floor(vars.temperature.length / 2)
const lastWeekTemps = vars.temperature.slice(0, half)
const avgTemp = lastWeekTemps.reduce((a, b) => a + b, 0) / lastWeekTemps.length
return [avgTemp]
}
"y": |-
$fn ({ vars }) => {
const half = Math.floor(vars.humidity.length / 2)
const lastWeekHumidity = vars.humidity.slice(0, half)
const avgHumidity = lastWeekHumidity.reduce((a, b) => a + b, 0) / lastWeekHumidity.length
return [avgHumidity]
}
mode: markers+text
text: |-
$fn ({ vars }) => {
const half = Math.floor(vars.temperature.length / 2)
const lastWeekTemps = vars.temperature.slice(0, half)
const lastWeekHumidity = vars.humidity.slice(0, half)
const avgTemp = (lastWeekTemps.reduce((a, b) => a + b, 0) / lastWeekTemps.length).toFixed(1)
const avgHumidity = (lastWeekHumidity.reduce((a, b) => a + b, 0) / lastWeekHumidity.length).toFixed(1)
return [`Medel förra veckan<br>${avgTemp}°C / ${avgHumidity}%`]
}
textposition: right
marker:
size: 12
color: rgba(100,100,100,0.8)
symbol: diamond
line:
width: 2
color: rgba(255,255,255,1)
textfont:
size: 12
color: rgba(100,100,100,1)
type: scatter
- entity: ""
x: |-
$fn ({ vars }) => [
vars.temperature[vars.temperature.length - 1]
]
"y": |-
$fn ({ vars }) => [
vars.humidity[vars.humidity.length - 1]
]
mode: markers+text
text: nu
textposition: right
textfont:
size: 12
weight: bold
marker:
size: 10
color: rgba(255,0,0,1)
line:
width: 3
color: rgba(0,0,0,1)
type: scatter
layout:
title:
text: Krypgrund, mögelrisk – 2 veckor
x: 0.08
"y": 0.95
height: 500
margin:
t: 40
l: 40
r: 10
b: 40
showlegend: false
hovermode: closest
xaxis:
title:
text: Temperatur °C
autorange: false
range: |-
$fn ({ vars }) => [
Math.min(...vars.temperature) - 1,
Math.max(...vars.temperature) + 1
]
showgrid: true
gridcolor: rgba(255,255,255,0.2)
yaxis:
title:
text: Luftfuktighet %
autorange: false
range: |-
$fn ({ vars }) => [
Math.min(...vars.humidity) - 2,
Math.max(...vars.humidity) + 2
]
showgrid: true
gridcolor: rgba(255,255,255,0.2)
annotations:
- text: <b>Extrem risk</b>
xref: paper
x: 0.5
xanchor: center
"y": 96
showarrow: false
font:
color: rgba(120, 0, 0, 0.5)
size: 11
- text: <b>Kritisk risk</b>
xref: paper
x: 0.5
xanchor: center
"y": 89
showarrow: false
font:
color: rgba(211, 47, 47, 0.6)
size: 11
- text: <b>Hög risk</b>
xref: paper
x: 0.5
xanchor: center
"y": 83
showarrow: false
font:
color: rgba(230, 126, 34, 0.7)
size: 11
- text: <b>Måttlig risk</b>
xref: paper
x: 0.5
xanchor: center
"y": 78
showarrow: false
font:
color: rgba(180, 140, 10, 0.7)
size: 11
- text: <b>Trygg zon</b>
xref: paper
x: 0.5
xanchor: center
"y": 60
showarrow: false
font:
color: rgba(39, 174, 96, 0.7)
size: 12
useless skrev:
TeroM skrev:
