title: How to switch from Google Chart Tools to D3.JS?
body: <p>I use <code>Google Charts</code> to visualize a match data, but I want to use <code>D3.JS</code> from now on because of its large community and rich graphic tools. I had written a code for <a href="http://en.wikipedia.org/wiki/Google_Chart_API" rel="nofollow">Google Chart</a>, which pulls data from database, parses it with <a href="http://en.wikipedia.org/wiki/JSON" rel="nofollow">JSON</a> format, and visualizes via a basic bar chart. I want to change my basic bar chart to a <a href="http://bl.ocks.org/mbostock/3886208" rel="nofollow">stacked bar chart</a>.</p>
  
  <ul>
  <li><p>Here is my <a href="http://pastebin.com/eJMGqe3t" rel="nofollow">script</a>.</p></li>
  <li><p><a href="http://imgur.com/xvlkykZ" rel="nofollow">My Google chart</a></p></li>
  </ul>
  
  <p>I looked around to find a solution, but I couldn't find exactly what I needed.</p>
  
  <p>How can I switch it to <code>D3.JS</code>?</p>