Random frequency graph

by Daedalus

HTML

<script src="//www.google.com/jsapi"></script>
<textarea></textarea>
<div id="visualization"></div>

JavaScript

google.load('visualization', '1', {
    packages: ['corechart']
});

$(function () {
    $("textarea").blur(function () {
        var $this = $(this);
        var lines = $this.val().split("\n");
        var data = [];
        $.each(lines, function (i, v) {
            var line = v.split(" ");
            var freq = parseInt(line[0], 10);
            var num = parseInt(line[1].split("s")[0], 10);
            data.push([num, freq]);
        });
        drawVisualization(data);
    });
});

function drawVisualization(arr) {
    // Create and populate the data table.
    var data = google.visualization.arrayToDataTable(arr, true);

    // Create and draw the visualization.
    new google.visualization.ColumnChart(document.getElementById('visualization')).
    draw(data, {
        title: "Random number distribution",
        width: 600,
        height: 400,
        hAxis: {
            title: "Number"
        },
        vAxis: {
            title: "Frequency"
        }
    })
}