var width = 450,
height = 300;

var charCount = 0;

d3.select('body')
  .append('h2')
  .text("Plane Crash Stats")
  .attr("class","mainhead");

function draw(data){

  makeCh(data, "Fatalities");

  makeCh(data, "Accidents");



}


function makeCh(data, field){

  var svg = d3.select("body").append("svg")
    .attr("width", width)
    .attr("height", height)
    .append("g")
    .attr("class", "chart"+charCount);


    var myChart = new dimple.chart(svg, data);

    var x = myChart.addTimeAxis("x", "Year");
    var y = myChart.addMeasureAxis("y", field);

    x.dateParseFormat ="%Y";
    x.tickFormat = "%Y";
    x.timeInterval = (5);

    myChart.setBounds("10%", "10%", "80%", "80%");




    myChart.addSeries(null, dimple.plot.line);

    myChart.draw();


  charCount++;
}



d3.csv("http://bl.ocks.org/mpmckenna8/raw/fbbd31c7da81af4c4176/Accidents.csv", draw)