Visualisation without D3 (Data: randomly generated)

A simple example of visualising some data using div elements, sized by CSS.

This is an alternative to creating SVG elements using D3

xxxxxxxxxx
 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Visualisation without D3</title>
    <style>
        #vis {
            width: 500px;
            height: 500px;
        }
​
        .bar {
            background-color: red;
            text-align: right;
            color: white;
            padding: 3px;
            margin: 1px;
        }
    </style>
  </head>
  <body>
    <div id="vis">
​
    </div>
    <script src="script.js"></script>
  </body>
</html>
    