function createRandomData() {
    var numDataItems = Math.floor((Math.random() * 10) + 1);
    var d = [];
    for(var i = 0; i < numDataItems; i++) {
        d.push(Math.floor((Math.random() * 50) + 1));
    }
    return d;
}

var data = createRandomData();

var visElement = document.getElementById('vis');

for(i = 0; i < data.length; i++) {

    var bar = document.createElement('div');
    var textContent = document.createTextNode(data[i]);
    bar.appendChild(textContent);
    bar.className += 'bar';

    bar.style.width = (data[i] * 10) + 'px';

    visElement.appendChild(bar);

}