D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
basilesimon
Full window
Github gist
Vertical line chart with labels
<!DOCTYPE html> <meta charset="utf-8"> <style> body { background-color: #fff; } .axis { font: 10px sans-serif; } .axis path, .axis line { fill: none; stroke: lightgrey; stroke-width: 0px; shape-rendering: crispEdges; } .line { fill: none; stroke: #0074D9; stroke-width: 3px; } .label { background-color: #fff; font-family: sans-serif; font-size: 12px; } .zero { stroke: lightgrey; stroke-width: 1px; } </style> <body> <svg width="400" height="500"></svg> <script src="https://d3js.org/d3.v4.min.js"></script> <script src="script.js"></script> </body> </html>
https://d3js.org/d3.v4.min.js