Annually thermal infographic about electricity usage and temperature

Hi, all

I was inspired by this website and tried to figure out how to create this kind of graph by grasshopper. (It's too bad I know nothing about Java, the code seems quite clean)

http://michaelvandaniker.com/electricity/

Anyway, I figured it out in the end, and added another layer information about solar power the photo-voltaic panel generated. 

It's quite interesting to visualize how the building performance along with temperature and activities. If anyone is interested, I'd like the share the method I found.

The first step is to collect data we need: temperature and electricity usage.

So the electricity data is easy to get from electricity company website, that only took me 5 minutes. However, how to get annually hour weather data is quite challenging: I need hourly temperature data for the whole year. Weather underground do have that data, but it only displayed daily, so I will need to click 365 pages to collect all the information. Fortunately, there's already someone figured out the solution -- screen-scraping.

http://flowingdata.com/2007/07/09/grabbing-weather-underground-data...

I only modified the searching code to hourly data instead of daily average temperature (see the attachment ).

After getting all the data I need, the visualization part is much easier. I just assigned the value to the point cloud as color and size. However, there's one question that really bothers me which is how to color the grid and export to illustrator.  It's easy to use the colorMesh component but when export to illustrator the color disappeared. What I did in the end is using the hatch component from human to convert each mesh into hatch. This worked but I am wondering if there's any more efficient way? I know ladybug component can bake graphics that maintain the color information to illustrator.

Best

Qinheng