title: Multiple Area Charts with D3.js
body: <p>I am integrating a few d3js libraries inmy project and in this step I want to draw a multiple area graph showing values(between 0 and 100%) of 5(x,y,z,r,e) points in function of the time just like this:<a href="http://tympanus.net/Tutorials/MultipleAreaChartsD3/" rel="nofollow">http://tympanus.net/Tutorials/MultipleAreaChartsD3/</a>  ...In my case input is an array  </p>
  
  <pre><code>var data =  
   [{"Year":"2011","x":"63.4","y":"62.7","z":"12.2","t":"44.2","e":"22.2"},              
   {"Year":"2012","x":"75.4","y":"32.7","z":"78.2","t":"82.2","e":"92.2"},  
   {"Year":"2013","x":"773.4","y":"20.7","z":"92.2","t":"75.4","e":"52.2"}];
  </code></pre>
  
  <p>as defined in my code:<a href="http://jsfiddle.net/amani1988/cfk8Y/" rel="nofollow">http://jsfiddle.net/amani1988/cfk8Y/</a> I just edited some lines of the original code but there is problems when showing y,z,r,e values also css issues ..question is how to read data proprely from array form?</p>