Vue.js bar chart

A very simplistic bar chart made with Vue.js.

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Vue.js Bar Chart</title>
  <link type="text/css" href="index.css" rel="stylesheet"/>
  <script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>
  
  <div id="app">
    <button v-on:click="add_random_datapoint">
      Add
    </button>
    <svg>
      <rect
        class="bar"
        v-for="(d, i) in values"
        :x="i*10"
        :y="300-d"
        width="9"
        :height="d"
      />
    </svg>
  </div>
  
  <script src="index.js"></script>
</body>
</html>
    

https://unpkg.com/vue/dist/vue.js