Skip to content

Instantly share code, notes, and snippets.

@lordkebab

lordkebab/index.html

Created August 14, 2019 14:51
Show Gist options
  • Save lordkebab/e58d1d7d560bf4d68dbbe5b586463bcf to your computer and use it in GitHub Desktop.
Save lordkebab/e58d1d7d560bf4d68dbbe5b586463bcf to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<meta charset="utf-8">
<body>
<div id="graph"></div>
<script>
var prices = [{'Date': '1993-01-29', 'AdjClose': '27.357281'}, {'Date': '1993-02-01', 'AdjClose': '27.551851'}, {'Date': '1993-02-02', 'AdjClose': '27.610189'}, {'Date': '1993-02-03', 'AdjClose': '27.902090'}, {'Date': '1993-02-04', 'AdjClose': '28.018848'}, {'Date': '1993-02-05', 'AdjClose': '27.999353'}, {'Date': '1993-02-08', 'AdjClose': '27.999353'}, {'Date': '1993-02-09', 'AdjClose': '27.804783'}, {'Date': '1993-02-10', 'AdjClose': '27.843691'}, {'Date': '1993-02-11', 'AdjClose': '27.979933'}, {'Date': '1993-02-12', 'AdjClose': '27.765852'}, {'Date': '1993-02-16', 'AdjClose': '27.065388'}, {'Date': '1993-02-17', 'AdjClose': '27.045967'}, {'Date': '1993-02-18', 'AdjClose': '27.026466'}, {'Date': '1993-02-19', 'AdjClose': '27.123787'}, {'Date': '1993-02-22', 'AdjClose': '27.221056'}, {'Date': '1993-02-23', 'AdjClose': '27.201637'}, {'Date': '1993-02-24', 'AdjClose': '27.551851'}, {'Date': '1993-02-25', 'AdjClose': '27.610189'}, {'Date': '1993-02-26', 'AdjClose': '27.649111'}, {'Date': '1993-03-01', 'AdjClose': '27.571295'}, {'Date': '1993-03-02', 'AdjClose': '27.979933'}, {'Date': '1993-03-03', 'AdjClose': '28.096674'}, {'Date': '1993-03-04', 'AdjClose': '27.941000'}, {'Date': '1993-03-05', 'AdjClose': '27.863173'}, {'Date': '1993-03-08', 'AdjClose': '28.485817'}, {'Date': '1993-03-09', 'AdjClose': '28.388502'}, {'Date': '1993-03-10', 'AdjClose': '28.446909'}, {'Date': '1993-03-11', 'AdjClose': '28.369072'}, {'Date': '1993-03-12', 'AdjClose': '28.077181'}, {'Date': '1993-03-15', 'AdjClose': '28.213421'}, {'Date': '1993-03-16', 'AdjClose': '28.213421'}, {'Date': '1993-03-17', 'AdjClose': '28.038273'}, {'Date': '1993-03-18', 'AdjClose': '28.213421'}, {'Date': '1993-03-19', 'AdjClose': '28.170700'}, {'Date': '1993-03-22', 'AdjClose': '28.014299'}, {'Date': '1993-03-23', 'AdjClose': '28.072968'}, {'Date': '1993-03-24', 'AdjClose': '28.072968'}, {'Date': '1993-03-25', 'AdjClose': '28.248873'}, {'Date': '1993-03-26', 'AdjClose': '28.092489'}, {'Date': '1993-03-29', 'AdjClose': '28.209787'}, {'Date': '1993-03-30', 'AdjClose': '28.287992'}, {'Date': '1993-03-31', 'AdjClose': '28.268467'}, {'Date': '1993-04-01', 'AdjClose': '28.170700'}, {'Date': '1993-04-02', 'AdjClose': '27.584202'}, {'Date': '1993-04-05', 'AdjClose': '27.721087'}, {'Date': '1993-04-06', 'AdjClose': '27.642895'}, {'Date': '1993-04-07', 'AdjClose': '27.740602'}, {'Date': '1993-04-08', 'AdjClose': '27.701502'}, {'Date': '1993-04-12', 'AdjClose': '28.092489'}, {'Date': '1993-04-13', 'AdjClose': '28.151163'}, {'Date': '1993-04-14', 'AdjClose': '28.112082'}, {'Date': '1993-04-15', 'AdjClose': '28.112082'}, {'Date': '1993-04-16', 'AdjClose': '28.112082'}, {'Date': '1993-04-19', 'AdjClose': '27.994770'}, {'Date': '1993-04-20', 'AdjClose': '27.857914'}, {'Date': '1993-04-21', 'AdjClose': '27.838383'}, {'Date': '1993-04-22', 'AdjClose': '27.486488'}, {'Date': '1993-04-23', 'AdjClose': '27.369196'}, {'Date': '1993-04-26', 'AdjClose': '27.154121'}, {'Date': '1993-04-27', 'AdjClose': '27.447376'}, {'Date': '1993-04-28', 'AdjClose': '27.388700'}, {'Date': '1993-04-29', 'AdjClose': '27.506012'}, {'Date': '1993-04-30', 'AdjClose': '27.545109'}, {'Date': '1993-05-03', 'AdjClose': '27.721087'}, {'Date': '1993-05-04', 'AdjClose': '27.818796'}, {'Date': '1993-05-05', 'AdjClose': '27.897003'}, {'Date': '1993-05-06', 'AdjClose': '27.799303'}, {'Date': '1993-05-07', 'AdjClose': '27.740602'}, {'Date': '1993-05-10', 'AdjClose': '27.799303'}, {'Date': '1993-05-11', 'AdjClose': '27.916580'}, {'Date': '1993-05-12', 'AdjClose': '27.877481'}, {'Date': '1993-05-13', 'AdjClose': '27.545109'}, {'Date': '1993-05-14', 'AdjClose': '27.525593'}, {'Date': '1993-05-17', 'AdjClose': '27.623306'}, {'Date': '1993-05-18', 'AdjClose': '27.603775'}, {'Date': '1993-05-19', 'AdjClose': '28.170700'}, {'Date': '1993-05-20', 'AdjClose': '28.248873'}, {'Date': '1993-05-21', 'AdjClose': '27.994770'}, {'Date': '1993-05-24', 'AdjClose': '28.112082'}, {'Date': '1993-05-25', 'AdjClose': '28.170700'}, {'Date': '1993-05-26', 'AdjClose': '28.522581'}, {'Date': '1993-05-27', 'AdjClose': '28.424871'}, {'Date': '1993-05-28', 'AdjClose': '28.287992'}, {'Date': '1993-06-01', 'AdjClose': '28.561689'}, {'Date': '1993-06-02', 'AdjClose': '28.522581'}, {'Date': '1993-06-03', 'AdjClose': '28.424871'}, {'Date': '1993-06-04', 'AdjClose': '28.327074'}, {'Date': '1993-06-07', 'AdjClose': '28.229364'}, {'Date': '1993-06-08', 'AdjClose': '27.975208'}, {'Date': '1993-06-09', 'AdjClose': '28.072968'}, {'Date': '1993-06-10', 'AdjClose': '28.092489'}, {'Date': '1993-06-11', 'AdjClose': '28.209787'}, {'Date': '1993-06-14', 'AdjClose': '28.170700'}, {'Date': '1993-06-15', 'AdjClose': '28.112082'}, {'Date': '1993-06-16', 'AdjClose': '28.170700'}, {'Date': '1993-06-17', 'AdjClose': '28.268467'}, {'Date': '1993-06-18', 'AdjClose': '28.035673'}, {'Date': '1993-06-21', 'AdjClose': '28.094721'}, {'Date': '1993-06-22', 'AdjClose': '28.114435'}, {'Date': '1993-06-23', 'AdjClose': '27.858448'}, {'Date': '1993-06-24', 'AdjClose': '28.232555'}, {'Date': '1993-06-25', 'AdjClose': '28.212835'}, {'Date': '1993-06-28', 'AdjClose': '28.527836'}, {'Date': '1993-06-29', 'AdjClose': '28.390066'}, {'Date': '1993-06-30', 'AdjClose': '28.390066'}, {'Date': '1993-07-01', 'AdjClose': '28.311317'}, {'Date': '1993-07-02', 'AdjClose': '28.153799'}, {'Date': '1993-07-06', 'AdjClose': '27.858448'}, {'Date': '1993-07-07', 'AdjClose': '27.937208'}, {'Date': '1993-07-08', 'AdjClose': '28.252207'}, {'Date': '1993-07-09', 'AdjClose': '28.330957'}, {'Date': '1993-07-12', 'AdjClose': '28.311317'}, {'Date': '1993-07-13', 'AdjClose': '28.291586'}, {'Date': '1993-07-14', 'AdjClose': '28.390066'}, {'Date': '1993-07-15', 'AdjClose': '28.271927'}, {'Date': '1993-07-16', 'AdjClose': '28.193182'}, {'Date': '1993-07-19', 'AdjClose': '28.173471'}, {'Date': '1993-07-20', 'AdjClose': '28.252207'}, {'Date': '1993-07-21', 'AdjClose': '28.232555'}, {'Date': '1993-07-22', 'AdjClose': '28.035673'}, {'Date': '1993-07-23', 'AdjClose': '28.173471'}, {'Date': '1993-07-26', 'AdjClose': '28.330957'}, {'Date': '1993-07-27', 'AdjClose': '28.311317'}, {'Date': '1993-07-28', 'AdjClose': '28.252207'}, {'Date': '1993-07-29', 'AdjClose': '28.409714'}, {'Date': '1993-07-30', 'AdjClose': '28.252207'}, {'Date': '1993-08-02', 'AdjClose': '28.330957'}, {'Date': '1993-08-03', 'AdjClose': '28.350676'}, {'Date': '1993-08-04', 'AdjClose': '28.350676'}, {'Date': '1993-08-05', 'AdjClose': '28.291586'}, {'Date': '1993-08-06', 'AdjClose': '28.330957'}, {'Date': '1993-08-09', 'AdjClose': '28.488474'}, {'Date': '1993-08-10', 'AdjClose': '28.468815'}, {'Date': '1993-08-11', 'AdjClose': '28.468815'}, {'Date': '1993-08-12', 'AdjClose': '28.390066'}, {'Date': '1993-08-13', 'AdjClose': '28.429434'}, {'Date': '1993-08-16', 'AdjClose': '28.586937'}, {'Date': '1993-08-17', 'AdjClose': '28.685349'}, {'Date': '1993-08-18', 'AdjClose': '28.842844'}, {'Date': '1993-08-19', 'AdjClose': '28.842844'}, {'Date': '1993-08-20', 'AdjClose': '28.862570'}, {'Date': '1993-08-23', 'AdjClose': '28.803476'}, {'Date': '1993-08-24', 'AdjClose': '29.118484'}, {'Date': '1993-08-25', 'AdjClose': '29.138199'}, {'Date': '1993-08-26', 'AdjClose': '29.157867'}, {'Date': '1993-08-27', 'AdjClose': '29.138199'}, {'Date': '1993-08-30', 'AdjClose': '29.256327'}, {'Date': '1993-08-31', 'AdjClose': '29.335085'}, {'Date': '1993-09-01', 'AdjClose': '29.295694'}, {'Date': '1993-09-02', 'AdjClose': '29.197235'}, {'Date': '1993-09-03', 'AdjClose': '29.216963'}, {'Date': '1993-09-07', 'AdjClose': '29.020079'}, {'Date': '1993-09-08', 'AdjClose': '28.921593'}, {'Date': '1993-09-09', 'AdjClose': '28.980701'}, {'Date': '1993-09-10', 'AdjClose': '29.236616'}, {'Date': '1993-09-13', 'AdjClose': '29.256327'}, {'Date': '1993-09-14', 'AdjClose': '29.138199'}, {'Date': '1993-09-15', 'AdjClose': '29.216963'}, {'Date': '1993-09-16', 'AdjClose': '29.098831'}, {'Date': '1993-09-17', 'AdjClose': '29.042404'}, {'Date': '1993-09-20', 'AdjClose': '28.804686'}, {'Date': '1993-09-21', 'AdjClose': '28.705593'}, {'Date': '1993-09-22', 'AdjClose': '28.943319'}, {'Date': '1993-09-23', 'AdjClose': '29.101797'}, {'Date': '1993-09-24', 'AdjClose': '29.022554'}, {'Date': '1993-09-27', 'AdjClose': '29.339523'}, {'Date': '1993-09-28', 'AdjClose': '29.280128'}, {'Date': '1993-09-29', 'AdjClose': '29.181047'}, {'Date': '1993-09-30', 'AdjClose': '29.121647'}, {'Date': '1993-10-01', 'AdjClose': '29.260281'}, {'Date': '1993-10-04', 'AdjClose': '29.299929'}, {'Date': '1993-10-05', 'AdjClose': '29.260281'}, {'Date': '1993-10-06', 'AdjClose': '29.240513'}, {'Date': '1993-10-07', 'AdjClose': '29.161276'}, {'Date': '1993-10-08', 'AdjClose': '29.200882'}, {'Date': '1993-10-11', 'AdjClose': '29.260281'}, {'Date': '1993-10-12', 'AdjClose': '29.299929'}, {'Date': '1993-10-13', 'AdjClose': '29.299929'}, {'Date': '1993-10-14', 'AdjClose': '29.676338'}, {'Date': '1993-10-15', 'AdjClose': '29.834812'}, {'Date': '1993-10-18', 'AdjClose': '29.755581'}, {'Date': '1993-10-19', 'AdjClose': '29.537640'}, {'Date': '1993-10-20', 'AdjClose': '29.577251'}, {'Date': '1993-10-21', 'AdjClose': '29.537640'}, {'Date': '1993-10-22', 'AdjClose': '29.398987'}, {'Date': '1993-10-25', 'AdjClose': '29.478237'}, {'Date': '1993-10-26', 'AdjClose': '29.458397'}, {'Date': '1993-10-27', 'AdjClose': '29.478237'}, {'Date': '1993-10-28', 'AdjClose': '29.696095'}, {'Date': '1993-10-29', 'AdjClose': '29.696095'}, {'Date': '1993-11-01', 'AdjClose': '29.775364'}, {'Date': '1993-11-02', 'AdjClose': '29.755581'}, {'Date': '1993-11-03', 'AdjClose': '29.379150'}, {'Date': '1993-11-04', 'AdjClose': '29.062193'}, {'Date': '1993-11-05', 'AdjClose': '29.200882'}, {'Date': '1993-11-08', 'AdjClose': '29.240513'}, {'Date': '1993-11-09', 'AdjClose': '29.260281'}, {'Date': '1993-11-10', 'AdjClose': '29.478237'}, {'Date': '1993-11-11', 'AdjClose': '29.398987'}, {'Date': '1993-11-12', 'AdjClose': '29.537640'}, {'Date': '1993-11-15', 'AdjClose': '29.517860'}, {'Date': '1993-11-16', 'AdjClose': '29.656502'}, {'Date': '1993-11-17', 'AdjClose': '29.498032'}];
// dimensions
var svgWidth = 700;
var svgHeight = 400;
var m = [80, 80, 80, 80];
var w = svgWidth - m[1] - m[3];
var h = svgHeight - m[0] - m[2];
// scales
var closeDates = [];
var closePrices = [];
prices.forEach((element) => {
closeDates.push(Date.parse(element['Date']));
closePrices.push(Number(element['AdjClose']));
});
var xScale = d3.scaleLinear()
.domain([0, prices.length])
.range([0, w]);
var yScale = d3.scaleLinear()
.domain([0, d3.max(closePrices)])
.range([h, 0]);
var line = d3.line()
.x(function(d, i) { return xScale(Date.parse(d.Date)) })
.y(function(d, i) { return yScale(d.AdjClose) });
// graph
d3.select('#graph')
.append('svg')
.attr('width', svgWidth)
.attr('height', svgHeight)
.append('g')
.attr('transform', 'translate(' + m[0] + ',' + m[3] + ')')
.append('path')
.attr('d', line(prices));
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment