chart.html

<!-- #canvas is to store the generated SVG information -->
<canvas id="canvas" style="display:none;"></canvas>

<div class="title">
  Religion Population 2010
  <span class="download individual" title="download chart"></span>
  <span class="share individual" title="share chart"></span>    
</div>

<div class="chart">
  <div class="highcharts-container" id="highcharts-0" style="position: relative; overflow: hidden; width: 700px; height: 460px; text-align: left; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; font-size: 12px;">
    <svg>here is the generated svg data.....</svg>
  </div>
</div>

<!-- hidden_container is to save a temp HTML contents which will be convert to a canvas -->
<div class="hidden_container"></div>