Skip to content

Instantly share code, notes, and snippets.

@johnmdonahue

johnmdonahue/.block

Forked from mbostock/.block
Last active March 20, 2016 23:21
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 johnmdonahue/a4d4d2a4b8919060f6f8 to your computer and use it in GitHub Desktop.
Save johnmdonahue/a4d4d2a4b8919060f6f8 to your computer and use it in GitHub Desktop.
Download ZIP
Line Chart
Raw
.block
license: gpl-3.0
Raw
README.md
Raw
data.csv
date close
2015-03-21T13:54:48-07:00 3967
2015-03-22T00:00:33-07:00 2281
2015-03-23T00:22:29-07:00 4797
2015-03-24T01:48:08-07:00 5976
2015-03-25T00:39:00-07:00 3651
2015-03-26T00:21:51-07:00 4897
2015-03-27T00:09:09-07:00 2918
2015-03-28T09:40:54-07:00 2802
2015-03-29T00:25:46-07:00 7369
2015-03-30T06:43:45-07:00 3485
2015-03-31T00:48:21-07:00 4444
2015-04-01T00:21:50-07:00 7450
2015-04-02T00:08:17-07:00 5036
2015-04-03T00:06:19-07:00 2803
2015-04-04T00:24:06-07:00 6795
2015-04-04T23:56:50-07:00 2966
2015-04-06T00:06:36-07:00 2935
2015-04-07T10:57:27-07:00 2659
2015-04-08T09:33:26-07:00 3695
2015-04-09T00:02:13-07:00 5142
2015-04-10T00:54:39-07:00 3469
2015-04-11T00:37:27-07:00 1745
2015-04-12T06:30:29-07:00 2438
2015-04-13T00:12:35-07:00 3637
2015-04-14T08:06:03-07:00 3227
2015-04-15T00:32:58-07:00 5311
2015-04-16T00:02:01-07:00 6412
2015-04-16T23:58:07-07:00 3690
2015-04-18T11:07:13-07:00 2790
2015-04-19T00:01:38-07:00 3936
2015-04-20T09:31:36-07:00 3447
2015-04-21T00:36:26-07:00 1469
2015-04-22T01:47:57-07:00 2258
2015-04-23T09:20:16-07:00 4152
2015-04-24T08:37:48-07:00 5355
2015-04-24T23:56:28-07:00 5686
2015-04-26T00:10:09-07:00 2584
2015-04-27T09:10:15-07:00 3940
2015-04-28T00:03:32-07:00 2673
2015-04-29T01:13:54-07:00 1891
2015-04-30T00:57:20-07:00 3435
2015-05-01T00:13:09-07:00 3907
2015-05-02T00:26:18-07:00 3797
2015-05-03T00:07:26-07:00 3516
2015-05-04T09:41:24-07:00 5840
2015-05-05T00:05:39-07:00 7125
2015-05-06T00:46:02-07:00 3677
2015-05-07T00:32:43-07:00 4895
2015-05-08T10:33:56-07:00 6016
2015-05-09T00:11:51-07:00 7314
2015-05-10T00:01:41-07:00 11688
2015-05-11T05:28:31-07:00 5239
2015-05-12T10:48:41-07:00 6843
2015-05-13T00:20:19-07:00 4933
2015-05-14T00:08:44-07:00 6358
2015-05-15T09:30:31-07:00 4203
2015-05-16T00:05:43-07:00 2934
2015-05-17T10:26:09-07:00 2597
2015-05-18T09:08:58-07:00 4526
2015-05-19T07:50:44-07:00 10637
2015-05-20T00:02:04-07:00 4814
2015-05-21T09:57:40-07:00 3652
2015-05-22T00:19:25-07:00 4797
2015-05-23T00:24:27-07:00 4642
2015-05-24T10:38:51-07:00 3316
2015-05-25T00:26:22-07:00 7015
2015-05-26T01:24:05-07:00 5616
2015-05-27T10:26:53-07:00 4995
2015-05-28T09:16:21-07:00 4531
2015-05-29T10:27:33-07:00 6656
2015-05-29T23:55:31-07:00 5605
2015-05-30T23:58:35-07:00 4165
2015-06-01T04:10:26-07:00 18224
2015-06-02T00:13:14-07:00 14412
2015-06-03T01:00:47-07:00 14832
2015-06-04T00:15:20-07:00 14924
2015-06-05T03:51:59-07:00 13818
2015-06-06T02:06:21-07:00 16062
2015-06-06T23:56:30-07:00 10581
2015-06-08T01:37:19-07:00 8936
2015-06-09T00:26:44-07:00 14647
2015-06-10T00:37:31-07:00 10480
2015-06-11T02:16:42-07:00 15541
2015-06-12T00:31:58-07:00 4252
2015-06-13T00:25:19-07:00 11275
2015-06-14T00:26:06-07:00 3239
2015-06-15T09:09:44-07:00 4152
2015-06-15T23:58:30-07:00 5378
2015-06-17T09:42:55-07:00 3451
2015-06-18T00:06:19-07:00 3380
2015-06-19T05:40:32-07:00 6858
2015-06-19T23:55:30-07:00 6773
2015-06-21T00:27:35-07:00 1836
2015-06-22T09:42:33-07:00 4468
2015-06-23T08:23:51-07:00 3418
2015-06-24T11:37:30-07:00 2926
2015-06-25T09:21:08-07:00 3965
2015-06-26T10:24:48-07:00 2936
2015-06-27T01:09:26-07:00 3347
2015-06-28T00:00:58-07:00 3921
2015-06-29T09:56:29-07:00 1839
2015-06-30T09:05:24-07:00 3566
2015-07-01T10:01:39-07:00 3862
2015-07-02T00:00:18-07:00 3920
2015-07-03T00:04:39-07:00 929
2015-07-04T10:09:20-07:00 5166
2015-07-05T00:23:32-07:00 2901
2015-07-06T09:33:04-07:00 2012
2015-07-07T10:42:26-07:00 2761
2015-07-08T07:33:48-07:00 1869
2015-07-09T10:39:00-07:00 5148
2015-07-10T00:12:33-07:00 2858
2015-07-11T00:06:50-07:00 5648
2015-07-12T13:04:11-07:00 6156
2015-07-13T00:19:59-07:00 5312
2015-07-14T09:08:53-07:00 2699
2015-07-15T00:02:25-07:00 4198
2015-07-16T10:11:17-07:00 2155
2015-07-17T09:19:54-07:00 5787
2015-07-18T00:33:26-07:00 3973
2015-07-19T00:30:19-07:00 2726
2015-07-20T04:05:23-07:00 2333
2015-07-21T10:18:50-07:00 3775
2015-07-22T10:21:07-07:00 2149
2015-07-23T10:34:55-07:00 3995
2015-07-24T03:33:50-07:00 1832
2015-07-25T00:18:29-07:00 3324
2015-07-26T11:03:06-07:00 1489
2015-07-27T08:21:22-07:00 4243
2015-07-28T10:08:17-07:00 3596
2015-07-29T08:53:00-07:00 2468
2015-07-30T03:27:57-07:00 1988
2015-07-31T09:17:45-07:00 858
2015-08-01T02:33:20-07:00 3405
2015-08-02T10:17:14-07:00 1413
2015-08-03T01:03:39-07:00 1725
2015-08-04T08:01:12-07:00 2656
2015-08-05T10:40:17-07:00 1803
2015-08-06T01:22:55-07:00 2516
2015-08-07T00:31:07-07:00 7350
2015-08-08T10:55:53-07:00 4857
2015-08-09T01:40:30-07:00 3980
2015-08-10T00:56:33-07:00 3003
2015-08-11T03:37:20-07:00 1626
2015-08-12T08:58:20-07:00 3415
2015-08-13T09:10:02-07:00 4127
2015-08-14T00:09:34-07:00 2348
2015-08-15T00:49:57-07:00 3600
2015-08-16T09:41:40-07:00 3635
2015-08-17T09:12:41-07:00 5495
2015-08-18T09:45:51-07:00 4809
2015-08-19T09:06:50-07:00 5721
2015-08-20T09:48:31-07:00 5348
2015-08-21T10:10:50-07:00 4575
2015-08-22T00:02:11-07:00 218
2015-08-23T13:49:17-07:00 1959
2015-08-24T00:54:35-07:00 4728
2015-08-25T00:08:40-07:00 4343
2015-08-26T10:14:35-07:00 4353
2015-08-27T10:05:42-07:00 4392
2015-08-28T09:58:07-07:00 10963
2015-08-28T23:58:00-07:00 8734
2015-08-30T00:36:42-07:00 2753
2015-08-31T10:31:19-07:00 4265
2015-09-01T09:55:43-07:00 3717
2015-09-02T00:07:56-07:00 5601
2015-09-03T00:00:15-07:00 4597
2015-09-04T00:02:31-07:00 1843
2015-09-05T05:15:07-07:00 6813
2015-09-06T00:15:47-07:00 2481
2015-09-07T00:06:15-07:00 5163
2015-09-08T01:35:05-07:00 3310
2015-09-09T00:03:31-07:00 7054
2015-09-10T04:32:04-07:00 17892
2015-09-11T00:27:51-07:00 26164
2015-09-12T04:42:11-07:00 13029
2015-09-13T04:50:35-07:00 8856
2015-09-13T23:57:07-07:00 8760
2015-09-15T01:43:17-07:00 10856
2015-09-16T03:07:08-07:00 16394
2015-09-17T01:47:06-07:00 8964
2015-09-18T00:57:27-07:00 18200
2015-09-19T00:17:58-07:00 3037
2015-09-20T01:38:33-07:00 25566
2015-09-20T23:58:07-07:00 7637
2015-09-22T08:01:48-07:00 4614
2015-09-23T07:58:45-07:00 5413
2015-09-24T07:23:50-07:00 5151
2015-09-25T00:11:07-07:00 7601
2015-09-26T09:22:46-07:00 8049
2015-09-27T00:03:56-07:00 7147
2015-09-28T09:37:16-07:00 4374
2015-09-29T08:34:15-07:00 3806
2015-09-30T00:09:55-07:00 5230
2015-10-01T00:05:01-07:00 7038
2015-10-02T00:30:01-07:00 3814
2015-10-03T00:00:52-07:00 6428
2015-10-04T11:11:57-07:00 3691
2015-10-05T00:39:41-07:00 4062
2015-10-06T09:10:49-07:00 3241
2015-10-07T09:16:12-07:00 1964
2015-10-08T09:41:22-07:00 4569
2015-10-09T00:00:52-07:00 6568
2015-10-10T00:21:38-07:00 5670
2015-10-11T00:33:40-07:00 5328
2015-10-12T09:22:33-07:00 3150
2015-10-13T09:51:26-07:00 1891
2015-10-14T10:40:27-07:00 1873
2015-10-15T01:05:17-07:00 4604
2015-10-16T00:16:05-07:00 3831
2015-10-17T12:24:03-07:00 4179
2015-10-18T00:13:15-07:00 5757
2015-10-19T11:10:32-07:00 2616
2015-10-20T09:41:06-07:00 3733
2015-10-21T00:53:03-07:00 1289
2015-10-22T09:09:18-07:00 1996
2015-10-23T10:17:01-07:00 3223
2015-10-24T00:19:34-07:00 3273
2015-10-25T11:30:43-07:00 3681
2015-10-26T09:12:09-07:00 2495
2015-10-27T13:40:46-07:00 1299
2015-10-28T08:38:13-07:00 6713
2015-10-29T00:08:11-07:00 2247
2015-10-30T08:05:46-07:00 6412
2015-10-31T10:25:45-07:00 6362
2015-10-31T23:54:56-07:00 8669
2015-11-02T16:40:45-08:00 2866
2015-11-03T09:57:24-08:00 4601
2015-11-04T09:54:48-08:00 1909
2015-11-05T00:08:03-08:00 4089
2015-11-06T02:18:04-08:00 1335
2015-11-07T10:02:39-08:00 4457
2015-11-08T03:01:51-08:00 342
2015-11-09T08:14:13-08:00 2764
2015-11-10T10:17:41-08:00 3518
2015-11-11T00:27:10-08:00 3312
2015-11-12T01:27:40-08:00 2811
2015-11-13T00:57:18-08:00 3113
2015-11-14T11:53:53-08:00 7304
2015-11-15T10:40:56-08:00 1310
2015-11-16T10:16:20-08:00 2646
2015-11-17T07:35:19-08:00 931
2015-11-18T01:52:42-08:00 675
2015-11-19T10:48:47-08:00 1576
2015-11-20T00:16:25-08:00 4733
2015-11-21T00:22:25-08:00 3717
2015-11-22T13:21:08-08:00 1551
2015-11-23T05:35:42-08:00 4056
2015-11-24T08:24:06-08:00 250
2015-11-25T10:04:48-08:00 4314
2015-11-26T00:02:22-08:00 3383
2015-11-27T15:34:48-08:00 38
2015-11-28T11:18:38-08:00 2154
2015-11-28T23:58:26-08:00 3264
2015-11-30T09:27:40-08:00 1627
2015-12-01T09:46:29-08:00 6462
2015-12-02T10:06:52-08:00 3199
2015-12-03T09:07:49-08:00 4745
2015-12-04T00:02:44-08:00 5826
2015-12-05T08:39:09-08:00 5078
2015-12-06T00:07:38-08:00 6943
2015-12-07T01:33:25-08:00 82
2015-12-08T09:31:10-08:00 4011
2015-12-09T00:02:28-08:00 4121
2015-12-10T00:35:01-08:00 2615
2015-12-11T00:34:02-08:00 2233
2015-12-12T00:11:10-08:00 4695
2015-12-13T00:24:17-08:00 1150
2015-12-14T00:57:39-08:00 3050
2015-12-15T13:38:46-08:00 1526
2015-12-16T00:25:10-08:00 3015
2015-12-17T10:58:06-08:00 1290
2015-12-18T01:06:11-08:00 989
2015-12-20T12:43:43-08:00 6171
2015-12-21T07:38:10-08:00 7494
2015-12-22T06:26:43-08:00 4679
2015-12-23T07:44:10-08:00 10537
2015-12-24T07:55:51-08:00 2768
2015-12-25T06:53:44-08:00 1741
2015-12-26T06:57:39-08:00 6721
2015-12-27T00:12:06-08:00 3003
2015-12-28T09:21:00-08:00 2798
2015-12-29T06:19:10-08:00 3727
2015-12-30T00:02:37-08:00 4329
2015-12-31T10:56:45-08:00 4080
2016-01-01T00:17:44-08:00 6014
2016-01-02T11:53:41-08:00 3201
2016-01-03T00:05:57-08:00 3255
2016-01-04T09:26:52-08:00 3015
2016-01-05T08:33:54-08:00 2979
2016-01-06T09:53:30-08:00 2998
2016-01-07T09:14:04-08:00 10514
2016-01-08T08:39:39-08:00 7053
2016-01-09T11:16:21-08:00 2134
2016-01-10T12:46:06-08:00 1837
2016-01-11T00:20:06-08:00 5902
2016-01-12T10:19:37-08:00 4738
2016-01-13T10:01:01-08:00 2414
2016-01-14T02:52:29-08:00 3329
2016-01-15T06:11:35-08:00 6781
2016-01-15T23:56:52-08:00 9107
2016-01-17T00:01:57-08:00 4164
2016-01-18T01:56:29-08:00 4145
2016-01-19T09:16:08-08:00 4331
2016-01-20T00:06:28-08:00 3530
2016-01-21T00:02:25-08:00 5757
2016-01-22T09:27:27-08:00 3055
2016-01-23T09:04:35-08:00 7397
2016-01-24T10:32:40-08:00 1214
2016-01-25T09:42:04-08:00 3883
2016-01-26T02:11:24-08:00 2962
2016-01-27T09:27:01-08:00 3016
2016-01-28T09:00:28-08:00 6900
2016-01-29T00:05:20-08:00 4000
2016-01-30T00:03:40-08:00 2094
2016-01-31T01:21:54-08:00 1557
2016-02-01T01:18:44-08:00 4019
2016-02-02T09:34:25-08:00 790
2016-02-03T09:03:03-08:00 5801
2016-02-04T00:06:55-08:00 3561
2016-02-05T08:47:10-08:00 6488
2016-02-06T00:00:42-08:00 3724
2016-02-07T12:51:59-08:00 2207
2016-02-08T00:32:30-08:00 4508
2016-02-09T00:00:51-08:00 1041
2016-02-10T06:57:36-08:00 2589
2016-02-11T00:27:14-08:00 6610
2016-02-12T08:14:06-08:00 5840
2016-02-13T00:10:58-08:00 4419
2016-02-14T12:11:51-08:00 2375
2016-02-15T12:10:59-08:00 3754
2016-02-16T07:43:07-08:00 4914
2016-02-17T08:35:40-08:00 3654
2016-02-18T00:40:22-08:00 5033
2016-02-19T10:33:41-08:00 4993
2016-02-19T23:59:26-08:00 4375
2016-02-21T03:31:06-08:00 1006
2016-02-22T09:50:49-08:00 4285
2016-02-23T09:10:18-08:00 2092
2016-02-24T09:12:15-08:00 4662
2016-02-25T00:51:43-08:00 5867
2016-02-25T23:55:42-08:00 4203
2016-02-27T09:49:13-08:00 3937
2016-02-28T00:10:54-08:00 2539
2016-02-29T00:40:07-08:00 5652
2016-03-01T00:16:57-08:00 3571
2016-03-02T09:44:47-08:00 5846
2016-03-03T00:30:44-08:00 2551
2016-03-04T10:13:08-08:00 2552
2016-03-05T02:34:54-08:00 3938
2016-03-06T00:32:25-08:00 2826
2016-03-07T00:30:13-08:00 4027
2016-03-08T10:37:24-08:00 2210
2016-03-09T02:09:15-08:00 1945
2016-03-10T00:10:21-08:00 3935
2016-03-11T00:14:56-08:00 3718
2016-03-11T23:56:09-08:00 8211
2016-03-13T11:42:31-07:00 769
2016-03-14T00:16:40-07:00 3478
2016-03-15T07:11:49-07:00 4609
2016-03-16T10:56:36-07:00 2256
2016-03-17T00:01:17-07:00 6801
2016-03-18T04:09:15-07:00 2381
2016-03-19T01:06:53-07:00 6710
Raw
index.html
<!DOCTYPE html>
<meta charset="utf-8">
<style>
body {
font: 10px sans-serif;
}
.axis path,
.axis line {
fill: none;
stroke: #000;
shape-rendering: crispEdges;
}
.x.axis path {
display: none;
}
.line {
fill: none;
stroke: steelblue;
stroke-width: 1.5px;
}
</style>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
var margin = {top: 20, right: 20, bottom: 30, left: 50},
width = 960 - margin.left - margin.right,
height = 500 - margin.top - margin.bottom;
var formatDate = d3.time.format.iso;
var x = d3.time.scale()
.range([0, width]);
var y = d3.scale.linear()
.range([height, 0]);
var xAxis = d3.svg.axis()
.scale(x)
.orient("bottom");
var yAxis = d3.svg.axis()
.scale(y)
.orient("left");
var line = d3.svg.line()
.x(function(d) { return x(d.date); })
.y(function(d) { return y(d.close); });
var svg = d3.select("body").append("svg")
.attr("width", width + margin.left + margin.right)
.attr("height", height + margin.top + margin.bottom)
.append("g")
.attr("transform", "translate(" + margin.left + "," + margin.top + ")");
d3.csv("data.csv", type, function(error, data) {
if (error) throw error;
x.domain(d3.extent(data, function(d) { return d.date; }));
y.domain(d3.extent(data, function(d) { return d.close; }));
svg.append("g")
.attr("class", "x axis")
.attr("transform", "translate(0," + height + ")")
.call(xAxis);
svg.append("g")
.attr("class", "y axis")
.call(yAxis)
.append("text")
.attr("transform", "rotate(-90)")
.attr("y", 6)
.attr("dy", ".71em")
.style("text-anchor", "end")
.text("Price ($)");
svg.append("path")
.datum(data)
.attr("class", "line")
.attr("d", line);
});
function type(d) {
d.date = formatDate.parse(d.date);
d.close = +d.close;
return d;
}
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment