Post · Juni 2026Post · June 2026

Een live dashboard voor mijn eigen huisA live dashboard for my own house

De tech achter mijn smart-home digital twinThe tech behind my smart-home digital twin

← Terug naar overzicht← Back to overview

Juni 2026 · reflectieJune 2026 · reflection

De interactieve 3D-twin van het huis (SketchUp → GLB → model-viewer). Sleep om te draaien.The interactive 3D twin of the house (SketchUp → GLB → model-viewer). Drag to rotate.

Wat ik bouwde

Naast mijn werk op infraprojecten bouw ik graag thuis. Voor mijn eigen huis — dat nu nog volop wordt verbouwd — maakte ik een live dashboard: één scherm voor energie, apparaten en weer. Hieronder de techniek eronder.

Digital twin

Mijn SketchUp-model van het huis exporteer ik naar GLB (geoptimaliseerd met gltf-transform) en toon ik in de browser met Google's <model-viewer> (WebGL). Eén schakelaar wisselt tussen een 2D-plattegrond — handgetekend in SVG, met de apparaten erop — en een 3D-doorsnede van het huis.

Apparaten & energie, live

Home Assistant is het hart. Het leest mijn LG-airco's, de boiler, de P1-slimme meter (verbruik, teruglevering, gas) en zelfs mijn Picnic-mandje uit. De airco's stuur ik ook écht aan — rechtstreeks via de LG ThinQ API.

Dynamische stroomprijs

De EPEX-uurprijzen haal ik op via EnergyZero en reken ik om naar mijn Eneco all-in tarief (inclusief energiebelasting en inkoopvergoeding). De live kosten zijn simpel: actueel vermogen × de prijs van dít uur. De goedkoopste uren van de dag worden vanzelf gemarkeerd.

Weer en slimme acties

Open-Meteo levert de verwachting (zonder API-key). Daarop bouw ik weer-gedreven tips — "voorkoelen vóór de middaghitte" — én voorgestelde acties die de airco's aanzetten. Met een human-in-the-loop schakelaar en een logboek: de machine stelt voor, ik beslis.

Hosting & security

Alles draait op Cloudflare Pages met serverless Pages Functions als mini-API. Home Assistant staat nooit publiek: het hangt achter een Cloudflare Tunnel + Access, en alle sleutels zitten als Pages-secrets — nooit in de browser of in Git. Het dashboard zelf zit achter een echte login.

What I built

Alongside my work on infrastructure projects, I like to build at home. For my own house — currently still being renovated — I made a live dashboard: one screen for energy, devices and weather. Here's the tech behind it.

Digital twin

I export my SketchUp model of the house to GLB (optimised with gltf-transform) and render it in the browser with Google's <model-viewer> (WebGL). A single switch toggles between a 2D floor plan — hand-drawn in SVG, with the devices on it — and a 3D cutaway of the house.

Devices & energy, live

Home Assistant is the hub. It reads my LG air conditioners, the boiler, the P1 smart meter (consumption, feed-in, gas) and even my Picnic grocery basket. I also control the AC units for real — directly via the LG ThinQ API.

Dynamic electricity price

I fetch EPEX hourly prices via EnergyZero and convert them to my Eneco all-in rate (including energy tax and supplier surcharge). Live cost is simple: current power × the price of this hour. The cheapest hours of the day are highlighted automatically.

Weather and smart actions

Open-Meteo provides the forecast (no API key). On top of it I build weather-driven tips — "pre-cool before the afternoon heat" — and suggested actions that switch the AC units on. With a human-in-the-loop toggle and an audit log: the machine suggests, I decide.

Hosting & security

Everything runs on Cloudflare Pages with serverless Pages Functions as a mini-API. Home Assistant is never public: it sits behind a Cloudflare Tunnel + Access, and all keys live as Pages secrets — never in the browser or in Git. The dashboard itself sits behind a real login.


Geen enterprise-stack. Wel een dashboard dat loopt. Datzelfde principe — data ontsluiten, lichtgewicht bouwen, de mens laten beslissen — pas ik toe op grote infraprojecten. Benieuwd of het bij jou past? e-mail of via LinkedIn.

No enterprise stack. Just a dashboard that works. That same principle — surface the data, build light, let the human decide — is what I apply on large infrastructure projects. Curious whether it fits your case? email or via LinkedIn.