<svg id="base" width="1000" height="3500">
<g id="layer1"></g>
<style>
.link {fill:none; stroke: #aaa}
.node circle {stroke: #aaa;}
.node text {font-size: 10px; fill: white; text-anchor: middle}
.COAL {fill:#000000; background-color:#000000; color: #dddddd;}
.BIOMASS {fill:#00ff00; background-color:#00ff00;}
.HYDRO {fill:#0000ff; background-color:#0000ff; color: #dddddd;}
.OIL {fill:#777700; background-color:#777700;}
.GAS {fill:#E8BD0C; background-color:#E8BD0C;}
.NUCLEAR {fill:#00ffff; background-color:#00ffff;}
.GEOTHERMAL {fill:#A6A277; background-color:#A6A277;}
.WIND {fill: #FF66FF; background-color: #FF66FF;}
.SOLAR {fill: #ffff00; background-color: #ffff00;}
.OFSL {fill: #888888; background-color: #888888;}
.OTHF {fill: #aa0000; background-color: #aa0000;}
.OTHRFOSL {fill: #888888; background-color: #888888;}
.WSTHTOTPUR {fill: #aa0000; background-color: #aa0000;}
</style>
</svg>