       legend: { hide: true }
     })
 
-    duration_data = gon.raw_run.history.map((time) -> return time)
+    duration_data = gon.run.history.map((time) -> return time)
     duration_data.unshift "Run Length"
     c3.generate({
       bindto: "#run-duration-graph",
       title: { text: "Run Duration Over Time" }
-      data: { columns: [duration_data] },
+      data: {
+        columns: [duration_data],
+        color: (color, d) -> return default_color
+      },
       axis: {
         x: {
+          type: "category",
+          categories: index + 1 for split, index in gon.run.history,
           tick: {
-            culling: false
+            culling: true,
+            multiline: false
           }
         },
         y: {

      legend: { hide: true }
    })

    if gon.raw_run.program isnt "livesplit"
      return

    split_history_data = ["Mean - Gold"]
    split_history_ticks = []
    $.each gon.raw_run.splits, (i, split) ->
      if split.history is [] or split.history is null
        return
      mean = d3.round(d3.mean(split.history) - split.best, 2)
      if mean < 5
        return
      split_history_data.push d3.round(d3.mean(split.history) - split.best, 2)
      split_history_ticks.push split.name
    c3.generate({
      bindto: "#split-history-graph",
      title: { text: "Split History Mean vs Golds" },
      data: {
        columns: [split_history_data],
        type: "bar"
      },
      axis: {
        x: {

$ ->
  if gon.run.raw_splits?
    colors_obj = {}
    $(".timeline").children(".split").each (index) ->
      color = $(this).css("background-color")
      return if color is "rgba(0, 0, 0, 0)"
      colors_obj[$(this).children()[0].innerHTML] = color
    default_color = $(".timeline").children(".split").first().css("background-color")


    pb_graph_data = ["PB - Gold"]
    pb_graph_ticks = []
    $.each gon.run.splits, (i, split) ->
      time = d3.round(split.duration - split.best, 2)
      return if time <= 0
      pb_graph_data.push time
      pb_graph_ticks.push split.name
    pb_graph = c3.generate({
      bindto: "#pb-graph",
      title: { text: "PB vs Golds" },
      data: {
        columns: [pb_graph_data],
        type: "bar",
        color: (color, d) -> return default_color
      },
      axis: {
        x: {
