template.html

<html>
  <head>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load("current", {packages:["corechart"]});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Count', 'Email Addresses'],
          ~1~
        ]);

        var options = {
          title: 'Sources of Your Emails',
          pieHole: 0.4,
        };

        var chart = new google.visualization.PieChart(document.getElementById('donutchart'));
        chart.draw(data, options);
      }
    </script>
  </head>
  <body>
    <h1>EyeOnThePie Analysis</h1>
    <div id="donutchart" style="width: 900px; height: 500px;"></div>
    <div>
	    <h2>Command-line Output:</h2>
	    <pre>~2~</pre>
    </div>
  </body>
</html>