//   atmospheric.csv

//   underground.csv

//   totals.csv

​

var table

​

async function setup(){

  createCanvas(2120, 150, SVG)

  background("white")

  // pick one of the three data files to work with and call it 'table'

  table = await csvData("data/YearWars.csv")

}

​

function draw(){

  // log the whole dataset to the console so we can poke around in it

  print(table.cols)

  print(table.rows.length)

  print(table.stats('Year'))

  // set up typography

  textFont("Rokkitt")

  textSize(16)

  fill("black")

  noStroke()

​

  var x = 200

  var y = 100

  var rowHeight = 60

  var colWidth = 40

​

  // draw country name labels on the left edge of the table

  textStyle(BOLD)

  textAlign(RIGHT)

  let Wars = table.cols.slice(1)

  for (let wars of Wars){

    text(wars, x-colWidth, y)

    y += rowHeight

  }

​

  // draw year labels in the header row

  x = 200

  y = 100

  textStyle(NORMAL)

  textAlign(CENTER)

  for (let row of table.rows){

    let year = row.Year

    text(year, x, y-rowHeight)

    x += colWidth

  }

  // print out the total for each country, one column at a time

  x = 200

  for (let row of table.rows){

    for (let c of Wars){

      print(c, row[c])

      let value = row[c]

      let size = map(value, 0, 30, 3, 33)

      let y = 100 - size

      //text(value, x, y)

      circle(x, y, size)

      y += rowHeight

    }

    x += colWidth

  }

  save("YearWars.svg"); // give file name

  print("saved svg");

  noLoop(); // we just want to export once

}