Timeline Experiment

A visualization of Cassandra DTCS SSTables

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="timeline" style="height: 680px;"></div>

JavaScript

google.charts.load('current', {'packages':['timeline']});
google.charts.setOnLoadCallback(drawSheetName);

function drawSheetName() {
  var queryString = encodeURIComponent('SELECT A, K, G, I LIMIT 50');
  var query = new google.visualization.Query(
    'https://docs.google.com/spreadsheets/d/1x_eLtbA1juefolmVFsC63qnZye-BTrLB96aykxBIUcE/gviz/tq?sheet=cooked&headers=1&tq=' + queryString);
  query.send(handleSampleDataQueryResponse);
}

function handleSampleDataQueryResponse(response) {
  if (response.isError()) {
    alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage());
    return;
  }
  
  var container = document.getElementById('timeline');
  var chart = new google.visualization.Timeline(container);
  var data = response.getDataTable();
  chart.draw(data);
}