D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
DanielAguirre
Full window
Github gist
shapes d3.line
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; } </style> </head> <body> <svg> </svg> <script> var data = [ {date: new Date(2007, 3, 24), value: 93.24}, {date: new Date(2007, 3, 25), value: 95.35}, {date: new Date(2007, 3, 26), value: 98.84}, {date: new Date(2007, 3, 27), value: 99.92}, {date: new Date(2007, 3, 30), value: 99.80}, {date: new Date(2007, 4, 1), value: 99.47}, ] var line = d3.line() .x((d) => d.date) .y((d) => d.value) d3.select('svg') .append('path') .attr('d', line(data)); </script> </body>
https://d3js.org/d3.v4.min.js