Energy Consumption by Building – Town of Oakville

image:

I’ve wanted to learn how to use the fantastic D3 Javascript library for quite awhile now but wasn’t sure where to start. Having built a couple of mapping visualizations based on the Open Data provided by the Town of Oakville I figured I’d see what I could find in the library that would be a good candidate for D3.

I settled on the Energy Consumption by Town Facilities data set and decided I would attempt to create a Sankey diagram of the data. After quite a bit of typing and chasing down cryptic error messages, I managed to get the first version of the visualization working. I’ll continue to update this as I learn more, but it’s a start.

You can check out the full version here.

If you’re interested, I’ve published the JSON and the simple HTML file in Github.