Built with blockbuilder.org
forked from romsson's block: pure svg bar chart
license: mit |
Built with blockbuilder.org
forked from romsson's block: pure svg bar chart
<!DOCTYPE html> | |
<head> | |
<meta charset="utf-8"> | |
<script src="https://d3js.org/d3.v4.min.js"></script> | |
<style> | |
body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; } | |
rect { | |
fill: none; | |
stroke: black; | |
stroke-width: 1px; | |
} | |
</style> | |
</head> | |
<body> | |
<svg width="960" height="500"> | |
<rect y="178" x="50" width="50" height="22"></rect> | |
<rect y="168" x="100" width="50" height="32"></rect> | |
<rect y="179" x="150" width="50" height="21"></rect> | |
<rect y="177" x="200" width="50" height="23"></rect> | |
<rect y="190" x="250" width="50" height="10"></rect> | |
<rect y="178" x="300" width="50" height="22"></rect> | |
<rect y="189" x="350" width="50" height="11"></rect> | |
<rect y="181" x="400" width="50" height="19"></rect> | |
<rect y="170" x="450" width="50" height="30"></rect> | |
<rect y="150" x="500" width="50" height="50"></rect> | |
</svg> | |
</body> |