Student Energy is an organization dedicated to delivering accurate and unbiased energy information to students across the world. A key part of delivering that information is creating a way for students to explore the creation and use of energy within an extremely complex energy system. Viewing the system as a whole is key to helping students developing a holistic understanding of how energy is both produced and consumed in our societies. Make was tasked with developing a system that allow for simple visual exploration of this system and that could be easily integrated with the RAILS based backend that the new student energy site was being built on. We chose to develop the energy system map with D3.js which is a powerful visualization tool and allowed us to create a highly interactive and engaging site component which was fluid, flexible and responsive.