D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
romsson
Full window
Github gist
line chart (100% svg using path)
Built with
blockbuilder.org
<!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; } .line { fill: none; stroke: black; stroke-width: 1px; } </style> </head> <body> <svg width="960" height="500"> <path class="line" d="M0,221.31790878128209C0,221.31790878128209,42,152.63988940835372,63,142.5502919139289C84,132.46069441950408,105,153.32124319906183,126,160.7803238147331C147,168.23940443040436,168,200.58016818083925,189,187.30477560795643C210,174.0293830350736,231,98.56164609494432,252,81.1279683774361C273,63.69429065992789,294,59.06546374527511,315,82.70270930290712C336,106.33995486053914,357,216.65536789172694,378,222.95144172322819C399,229.24751555472943,420,122.64581969482833,441,120.47915229191455C462,118.31248488900076,483,213.38818448890925,504,209.95143730574546C525,206.51469012258167,567,99.8586691929319,567,99.8586691929319"></path> </svg> </body>
https://d3js.org/d3.v4.min.js