Miss C
HTML
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="table"></div>
<div id="chart"></div>
CSS
body {
background: #20262E;
padding: 20px;
font-family: Helvetica;
}
JavaScript
$(document).ready(function() {
$.ajax({
url: "https://api.massrelevance.com/v1/polls.json?poll=4SE",
dataType: "json",
success: function(returnedData) {
var queefs = [];
var i;
for (i in returnedData.data.polls[0].options) {
n = queefs.length;
queefs.push(new Array());
queefs[n].push(returnedData.data.polls[0].options[i].text);
queefs[n].push(returnedData.data.polls[0].options[i].count.total);
}
google.charts.load('current', {
'packages': ['corechart']
});
google.charts.load('current', {
'packages': ['table']
});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Queen');
data.addColumn('number', 'Votes');
var numRows = queefs.length;
for (var m = 0; m < numRows; m++) {
data.addRow(queefs[m]);
}
data.sort([{
column: 1,
desc: true
}]);
var options = {
'height': 600
};
var chart = new google.visualization.ColumnChart(document.getElementById('chart'));
chart.draw(data, options);
var table = new google.visualization.Table(document.getElementById('table'));
table.draw(data, {
showRowNumber: true,
width: '100%'
});
}
}
});
});