title: Raphael.js bar chart with tutorial
body: <p>I'm currently working on my portfolio website and on the about me page I would like to display this in the form of an info-graphic (text, images/illustrations, charts etc).</p>
  
  <p>I've been following <a href="http://tympanus.net/codrops/2011/04/22/animated-skills-diagram/" rel="nofollow">this tutorial</a> to create a diagram, with the help of <a href="http://raphaeljs.com/" rel="nofollow">Raphaël.js</a> and everything seems to be fine, however, I am now at the stage of creating another chart, only this time in the form of a bar graph. It needs to have the same characteristics as the first (color-wise and on-hover effects) but I have no idea how to do this.</p>
  
  <p>I know of <a href="http://g.raphaeljs.com/" rel="nofollow">gRaphaël</a> and in those examples, you don't get the same effect and I'm finding it even harder to stylize.</p>