<!DOCTYPE html>
<html>
<head>
<style>
div {
  width: 10px;
  height: 0px;
  background-color: black;
  float:left;
}
</style>
</head>
<body>
<div id="a0"></div>
<div id="a1"></div>
<div id="a2"></div>
<div id="a3"></div>
<div id="a4"></div>
<div id="a5"></div>
<div id="a6"></div>
 
<script>
var pole = [10, 15, 30, 36, 42, 54, 200]
for (var i=0;i<pole.length;i++){
document.getElementById('a'+i).style.height=pole[i]+'px'
}
</script>
</body>
</html>