Share Home Assistant energy dashboard to a separate website publicly as view only. (Need help)

Configuration Frontend
,
1

Good day, I got into the HA community this year and it has been fun tinkering around and using HA. I want to implement something I have in mind but I have no idea how to.

I want to be able to share my Home Assistant energy dashboard to a domain anyone can view publicly. They will only have view access to the historical data and nothing else.

image
image1695×1305 165 KB

Similar to what’s available here

image
image1427×1007 259 KB

and here.

image
image1892×1022 133 KB

I also want to be able to add some data from some entities in HA and display it too on the webpage. I personally use the Power Flow Card Plus Card and I would prefer to add it to the page too. I want the bulk of it based on the HA default energy dashboard because of the Historical data obtainable from that page.

What’s the best way to go about this? Thanks.

2

I worked on a mini web app for it, using the RESTful API.

3

As an update to this, I decided to improve and work on a better real-time web app for this.

What I did was to send the data to InfluxDB, then connect InfluxDB to Grafana and then make a remote public dashboard based on it using Cloudflared.

I worked on it using the Add-ons present in Home Assistant, so there’s no need for additional hardware or where to host things separately.

Here is a link to the dashboard here.

image
image1712×1080 229 KB

I also wrote a detailed guide on how to achieve it here.

2 Likes