Hackday - Group Solar Forecasts


Last week, I attended BrumPropHack - a hackathon in Birmingham which looked at problems with retrofitting homes to make them more energy efficient.

There were some great talks about the scale of the problem - both in terms of the number of properties which need improving and the cost of retrofitting. A bunch of teams showed off some impressive demos which aimed to tackle the issues.

My demo was reasonably simple and (I thought) quite effective. It displayed a satellite view of a street in the local area. By clicking on rooftops, virtual solar panels are added to properties. Click a button and it shows your community how much CO2 they will save, and how much money they will make.

Screenshot of the demo page. A street is covered in solar panel icons.

The demo worked (phew!) and received good feedback. For something built in a couple of hours, I'm pretty pleased with it. The way it works is...

  • Draw an interactive map using Leaflet.
  • Use ESRI's satellite images.
  • A bit of JavaScript to detect click and draw a cool solar panel icon.
  • The EU has a great and free API for calculating solar irradiance. So this sends a request for each panel giving its latitude and longitude.
    • TODO! At the moment, it assumes all panels face south. A future version should let each icon be rotated to the correct degree.
    • TODO! Each icon represents 4kWp of solar. A future version should let each panel size be defined individually.
  • Use CORS Anywhere because making JS requests is hard now.
  • Do maths to work out the total installed capacity.
  • Do maths to calculate the CO2 value.
    • TODO! This is calculated as 0.256 Kg/kWh. I found that figure on a website. Might not be accurate for the UK.
  • Do maths to calculate the cost savings.
    • TODO! It assumes 50% export at £0.25/kWh and 50% reduction in use at £0.50/kWh. That should be adjustable.
  • Display a link encouraging people to sign up
    • TODO! Make the link go somewhere.
    • TODO! Display the cost to install - with suitable discounts for bulk buy.
    • TODO! Draw some pretty graphs
  • Uses Picnic CSS to make it look pretty.

It is a rough and ready demo, but it does work!

The code is freely available on GitHub if you want to build something more useful with it.


Share this post on…

  • Mastodon
  • Facebook
  • LinkedIn
  • BlueSky
  • Threads
  • Reddit
  • HackerNews
  • Lobsters
  • WhatsApp
  • Telegram

What are your reckons?

All comments are moderated and may not be published immediately. Your email address will not be published.

Allowed HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <p> <pre> <br> <img src="" alt="" title="" srcset="">