Generate an image for the TRMNL display.
This image can be used with the Image display or Alias plugin
- dithered png: https://leipeleon.github.io/zonneplan/dithered.png
- diffused png: https://leipeleon.github.io/zonneplan/diffused.png
- diffused bmp: https://leipeleon.github.io/zonneplan/diffused.bmp
- color: https://leipeleon.github.io/zonneplan/hours.png
- Make a screenshot of https://www.zonneplan.nl/energie/dynamische-energieprijzen
- crop out the graphic w/ imagemagick
- create a diffused image
- Upload it to github-pages
- PROFIT!
- https://help.usetrmnl.com/en/articles/11479051-image-display
- https://docs.usetrmnl.com/go/imagemagick-guide
- https://usage.imagemagick.org/crop/#crop
Content is in <script id="__NEXT_DATA__" type="application/json">
-> "props.pageProps.data.templateProps.energyData.electricity.hours[]"
divide element values by 100000
{
"props": {
"pageProps": {
"data": {
"templateProps" : {
"energyData": {
"__typename": "EnergyData",
"electricity": {
"__typename": "Electricity",
"hours": [
{
"__typename": "ElectricityHour",
"dateTime": "2025-05-31T21:00:00.000000Z",
"priceTotalTaxIncluded": 2636093,
"marketPrice": 997900,
"priceInclHandlingVat": 1407459,
"priceEnergyTaxes": 1228634,
"priceCbsAverage": 0.4,
"pricingProfile": "normal"
},
{
// ....
}
]
}
},
}
}
}
}
}