Skip to content

Instantly share code, notes, and snippets.

@romsson
Created January 17, 2020 07:12
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save romsson/2ff1ee674420b71dc1d3c9731c19ee46 to your computer and use it in GitHub Desktop.
Save romsson/2ff1ee674420b71dc1d3c9731c19ee46 to your computer and use it in GitHub Desktop.
line chart (100% svg using path)
license: mit
<!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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment