Web designer + front-end developer with experience in high-traffic ecommerce sites for some well known brands.

Elitricity

Energy is probably in a lot of peoples minds now. It’s interesting to see where energy is coming from in the grid. I mentioned Elitricity in my 2019 year review:

E-lit-tricity, a quicker overview of the UK electrical grid carbon impact, as the others I found online were slow to load.

Its a simple dashboard which displays the Carbon Intensity API by National Grid. Since Lit updated to 2.0, I have revisited the project and refactored the previous Lit-HTML template approach with Lit components instead. I like how Lit is close to writing native web components, the template is effectively JS template literals.

See the current grid sources.

I have other experiments in an X-tricity CodePen collection of forks built with different frameworks: React, Preact and Vue, so far.

Posted

Elitricity’ published by Paul Foster (www.paulfosterdesign.co.uk), a web designer / front-end developer, based in Cambridgeshire, UK.

Share on Mastodon or Share on Bluesky

Respond to this post via webmention from your own site!

Check out my CodePen profile for more code demos. Subscribe via RSS or the Fediverse (@plfstr@mastodon.social) to follow my posts.