Skip to content

Instantly share code, notes, and snippets.

@osoken

osoken/d3.radialline.js

Last active March 19, 2016 16:30
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 osoken/6b718f771e891dd55d86 to your computer and use it in GitHub Desktop.
Save osoken/6b718f771e891dd55d86 to your computer and use it in GitHub Desktop.
Download ZIP
Radial line chart
Raw
readme.md

線グラフを円状に変形したレイアウタ。

Raw
d3.radialline.js
!(function(d3)
{
var constant = function(d)
{
return function constant()
{
return d;
}
}
var radialline = function()
{
var _angle = function(d){return d[0];};
var _radius = function(d){return d[1];};
var _radiusRange = constant([0,1]);
var _angleRange = constant([0, Math.PI*2]);
var _clockwise = constant(true);
var _interpolate = constant('basis-closed');
var _angleDomain = d3.extent;
var _radiusDomain = d3.extent;
var _angleScale = function(){return d3.scale.linear();};
var _radiusScale = function(){return d3.scale.linear();};
function _radialline(data)
{
var c = !!_clockwise.apply(this, arguments);
var i = ''+_interpolate.apply(this, arguments);
var af = _angle;
var rf = _radius;
var as = _angleScale.apply(this, arguments).range(_angleRange.apply(this,arguments)).domain(_angleDomain(data,af));
var rs = _radiusScale.apply(this, arguments).range(_radiusRange.apply(this,arguments)).domain(_radiusDomain(data,rf));
if (c)
{
return d3.svg.line()
.x(function(d){return rs(rf(d))*Math.cos(as(af(d)));})
.y(function(d){return rs(rf(d))*Math.sin(as(af(d)));})
.interpolate(i)(data);
}
else
{
return d3.svg.line()
.x(function(d){return rs(rf(d))*Math.cos(-as(af(d)));})
.y(function(d){return rs(rf(d))*Math.sin(-as(af(d)));})
.interpolate(i)(data);
}
};
_radialline.angle = function(_) {
return arguments.length ? (_angle = typeof _ === "function" ? _ : constant(+_), _radialline) : _angle;
};
_radialline.angleScale = function(_) {
return arguments.length ? (_angleScale = typeof _ === "function" ? _ : constant(+_), _radialline) : _angleScale;
};
_radialline.radius = function(_) {
return arguments.length ? (_radius = typeof _ === "function" ? _ : constant(+_), _radialline) : _radius;
};
_radialline.radiusScale = function(_) {
return arguments.length ? (_radiusScale = typeof _ === "function" ? _ : constant(+_), _radialline) : _radiusScale;
};
_radialline.interpolate = function(_) {
return arguments.length ? (_interpolate = typeof _ === "function" ? _ : constant(''+_), _radialline) : _interpolate;
};
_radialline.clockwise = function(_) {
return arguments.length ? (_clockwise = typeof _ === "function" ? _ : constant(!!_), _radialline ): _clockwise;
};
_radialline.radiusDomain = function(_)
{
return arguments.length ? (_radiusDomain = typeof _ === 'function' ? _ : constant(_), _radialline ): _radiusDomain;
};
_radialline.radiusRange = function(_)
{
return arguments.length ? (_radiusRange = typeof _ === 'function' ? _ : constant(_), _radialline ): _radiusRange;
};
_radialline.angleDomain = function(_)
{
return arguments.length ? (_angleDomain = typeof _ === 'function' ? _ : constant(_), _radialline ): _angleDomain;
};
_radialline.angleRange = function(_)
{
return arguments.length ? (_angleRange = typeof _ === 'function' ? _ : constant(_), _radialline ): _angleRange;
};
return _radialline;
}
d3.radialline = radialline;
}(d3));
Raw
data.csv
time value
00:00:00 72
00:01:00 71
00:02:00 68
00:03:00 68
00:04:00 66
00:05:00 66
00:06:00 67
00:07:00 68
00:08:00 69
00:09:00 67
00:10:00 66
00:11:00 66
00:12:00 67
00:13:00 68
00:14:00 67
00:15:00 66
00:16:00 65
00:17:00 64
00:18:00 62
00:19:00 61
00:20:00 60
00:21:00 63
00:22:00 61
00:23:00 64
00:24:00 61
00:25:00 61
00:26:00 62
00:27:00 59
00:28:00 60
00:29:00 59
00:30:00 59
00:31:00 59
00:32:00 58
00:33:00 59
00:34:00 59
00:35:00 60
00:36:00 60
00:37:00 61
00:38:00 64
00:39:00 61
00:40:00 64
00:41:00 64
00:42:00 61
00:43:00 58
00:44:00 60
00:45:00 60
00:46:00 60
00:47:00 62
00:48:00 59
00:49:00 61
00:50:00 62
00:51:00 62
00:52:00 62
00:53:00 65
00:54:00 65
00:55:00 63
00:56:00 64
00:57:00 65
00:58:00 65
00:59:00 66
01:00:00 65
01:01:00 64
01:02:00 64
01:03:00 64
01:04:00 66
01:05:00 67
01:06:00 64
01:07:00 64
01:08:00 64
01:09:00 64
01:10:00 67
01:11:00 67
01:12:00 67
01:13:00 67
01:14:00 65
01:15:00 66
01:16:00 66
01:17:00 65
01:18:00 66
01:19:00 63
01:20:00 63
01:21:00 66
01:22:00 64
01:23:00 63
01:24:00 65
01:25:00 66
01:26:00 65
01:27:00 68
01:28:00 67
01:29:00 65
01:30:00 61
01:31:00 65
01:32:00 63
01:33:00 67
01:34:00 64
01:35:00 69
01:36:00 67
01:37:00 64
01:38:00 65
01:39:00 64
01:40:00 64
01:41:00 64
01:42:00 64
01:43:00 65
01:44:00 65
01:45:00 65
01:46:00 65
01:47:00 67
01:48:00 67
01:49:00 65
01:50:00 63
01:51:00 65
01:52:00 64
01:53:00 62
01:54:00 62
01:55:00 64
01:56:00 65
01:57:00 66
01:58:00 65
01:59:00 59
02:00:00 59
02:01:00 60
02:02:00 57
02:03:00 57
02:04:00 58
02:05:00 57
02:06:00 60
02:07:00 57
02:08:00 57
02:09:00 57
02:10:00 56
02:11:00 56
02:12:00 56
02:13:00 56
02:14:00 56
02:15:00 82
02:16:00 100
02:17:00 82
02:18:00 59
02:19:00 65
02:20:00 58
02:21:00 56
02:22:00 56
02:23:00 57
02:24:00 56
02:25:00 60
02:26:00 60
02:27:00 59
02:28:00 59
02:29:00 59
02:30:00 58
02:31:00 58
02:32:00 58
02:33:00 60
02:34:00 61
02:35:00 60
02:36:00 61
02:37:00 63
02:38:00 60
02:39:00 61
02:40:00 60
02:41:00 60
02:42:00 58
02:43:00 57
02:44:00 57
02:45:00 59
02:46:00 57
02:47:00 61
02:48:00 59
02:49:00 56
02:50:00 57
02:51:00 60
02:52:00 57
02:53:00 57
02:54:00 55
02:55:00 53
02:56:00 55
02:57:00 54
02:58:00 55
02:59:00 55
03:00:00 55
03:01:00 55
03:02:00 54
03:03:00 55
03:04:00 54
03:05:00 56
03:06:00 59
03:07:00 61
03:08:00 66
03:09:00 66
03:10:00 57
03:11:00 57
03:12:00 55
03:13:00 54
03:14:00 54
03:15:00 58
03:16:00 54
03:17:00 54
03:18:00 54
03:19:00 54
03:20:00 55
03:21:00 55
03:22:00 56
03:23:00 56
03:24:00 63
03:25:00 60
03:26:00 58
03:27:00 57
03:28:00 58
03:29:00 58
03:30:00 57
03:31:00 58
03:32:00 59
03:33:00 67
03:34:00 53
03:35:00 54
03:36:00 55
03:37:00 55
03:38:00 55
03:39:00 56
03:40:00 56
03:41:00 68
03:42:00 54
03:43:00 61
03:44:00 58
03:45:00 54
03:46:00 55
03:47:00 54
03:48:00 54
03:49:00 55
03:50:00 55
03:51:00 54
03:52:00 54
03:53:00 54
03:54:00 54
03:55:00 54
03:56:00 54
03:57:00 54
03:58:00 54
03:59:00 54
04:00:00 54
04:01:00 54
04:02:00 54
04:03:00 53
04:04:00 64
04:05:00 57
04:06:00 55
04:07:00 60
04:08:00 54
04:09:00 53
04:10:00 54
04:11:00 53
04:12:00 58
04:13:00 59
04:14:00 62
04:15:00 63
04:16:00 62
04:17:00 61
04:18:00 60
04:19:00 61
04:20:00 62
04:21:00 63
04:22:00 66
04:23:00 65
04:24:00 63
04:25:00 62
04:26:00 59
04:27:00 61
04:28:00 60
04:29:00 60
04:30:00 64
04:31:00 62
04:32:00 61
04:33:00 63
04:34:00 67
04:35:00 68
04:36:00 65
04:37:00 56
04:38:00 56
04:39:00 57
04:40:00 56
04:41:00 55
04:42:00 57
04:43:00 57
04:44:00 57
04:45:00 57
04:46:00 57
04:47:00 60
04:48:00 67
04:49:00 64
04:50:00 57
04:51:00 60
04:52:00 61
04:53:00 55
04:54:00 58
04:55:00 55
04:56:00 55
04:57:00 59
04:58:00 60
04:59:00 55
05:00:00 61
05:01:00 56
05:02:00 51
05:03:00 54
05:04:00 59
05:05:00 58
05:06:00 59
05:07:00 59
05:08:00 59
05:09:00 64
05:10:00 60
05:11:00 60
05:12:00 63
05:13:00 62
05:14:00 65
05:15:00 60
05:16:00 59
05:17:00 63
05:18:00 55
05:19:00 55
05:20:00 56
05:21:00 59
05:22:00 58
05:23:00 59
05:24:00 56
05:25:00 58
05:26:00 59
05:27:00 58
05:28:00 58
05:29:00 58
05:30:00 59
05:31:00 61
05:32:00 68
05:33:00 56
05:34:00 51
05:35:00 51
05:36:00 51
05:37:00 51
05:38:00 51
05:39:00 59
05:40:00 62
05:41:00 50
05:42:00 55
05:43:00 51
05:44:00 52
05:45:00 52
05:46:00 53
05:47:00 53
05:48:00 54
05:49:00 54
05:50:00 54
05:51:00 53
05:52:00 54
05:53:00 54
05:54:00 54
05:55:00 54
05:56:00 54
05:57:00 54
05:58:00 54
05:59:00 65
06:00:00 55
06:01:00 55
06:02:00 56
06:03:00 56
06:04:00 56
06:05:00 60
06:06:00 61
06:07:00 60
06:08:00 58
06:09:00 60
06:10:00 62
06:11:00 62
06:12:00 67
06:13:00 67
06:14:00 63
06:15:00 55
06:16:00 54
06:17:00 53
06:18:00 52
06:19:00 53
06:20:00 54
06:21:00 53
06:22:00 52
06:23:00 53
06:24:00 53
06:25:00 52
06:26:00 53
06:27:00 53
06:28:00 53
06:29:00 54
06:30:00 53
06:31:00 54
06:32:00 54
06:33:00 54
06:34:00 54
06:35:00 54
06:36:00 54
06:37:00 54
06:38:00 53
06:39:00 53
06:40:00 54
06:41:00 53
06:42:00 53
06:43:00 53
06:44:00 53
06:45:00 54
06:46:00 53
06:47:00 53
06:48:00 60
06:49:00 61
06:50:00 56
06:51:00 53
06:52:00 53
06:53:00 53
06:54:00 53
06:55:00 53
06:56:00 54
06:57:00 55
06:58:00 55
06:59:00 54
07:00:00 55
07:01:00 55
07:02:00 54
07:03:00 60
07:04:00 56
07:05:00 55
07:06:00 55
07:07:00 55
07:08:00 55
07:09:00 61
07:10:00 67
07:11:00 54
07:12:00 55
07:13:00 54
07:14:00 55
07:15:00 57
07:16:00 61
07:17:00 62
07:18:00 65
07:19:00 63
07:20:00 62
07:21:00 61
07:22:00 62
07:23:00 62
07:24:00 63
07:25:00 60
07:26:00 56
07:27:00 57
07:28:00 57
07:29:00 58
07:30:00 58
07:31:00 55
07:32:00 58
07:33:00 60
07:34:00 59
07:35:00 59
07:36:00 56
07:37:00 57
07:38:00 57
07:39:00 57
07:40:00 55
07:41:00 55
07:42:00 56
07:43:00 57
07:44:00 56
07:45:00 55
07:46:00 56
07:47:00 56
07:48:00 55
07:49:00 56
07:50:00 52
07:51:00 56
07:52:00 59
07:53:00 52
07:54:00 54
07:55:00 55
07:56:00 53
07:57:00 52
07:58:00 55
07:59:00 55
08:00:00 55
08:01:00 49
08:02:00 50
08:03:00 50
08:04:00 51
08:05:00 52
08:06:00 52
08:07:00 52
08:08:00 52
08:09:00 51
08:10:00 51
08:11:00 51
08:12:00 51
08:13:00 50
08:14:00 49
08:15:00 55
08:16:00 56
08:17:00 56
08:18:00 56
08:19:00 56
08:20:00 58
08:21:00 59
08:22:00 56
08:23:00 54
08:24:00 54
08:25:00 54
08:26:00 55
08:27:00 55
08:28:00 53
08:29:00 54
08:30:00 57
08:31:00 56
08:32:00 56
08:33:00 59
08:34:00 55
08:35:00 56
08:36:00 55
08:37:00 56
08:38:00 56
08:39:00 57
08:40:00 63
08:41:00 69
08:42:00 71
08:43:00 68
08:44:00 65
08:45:00 65
08:46:00 66
08:47:00 63
08:48:00 59
08:49:00 60
08:50:00 61
08:51:00 65
08:52:00 66
08:53:00 63
08:54:00 66
08:55:00 66
08:56:00 64
08:57:00 64
08:58:00 65
08:59:00 68
09:00:00 67
09:01:00 68
09:02:00 65
09:03:00 66
09:04:00 71
09:05:00 69
09:06:00 75
09:07:00 69
09:08:00 71
09:09:00 69
09:10:00 70
09:11:00 71
09:12:00 78
09:13:00 82
09:14:00 83
09:15:00 85
09:16:00 96
09:17:00 100
09:18:00 90
09:19:00 89
09:20:00 80
09:21:00 71
09:22:00 76
09:23:00 76
09:24:00 71
09:25:00 70
09:26:00 71
09:27:00 77
09:28:00 79
09:29:00 81
09:30:00 91
09:31:00 97
09:32:00 91
09:33:00 85
09:34:00 84
09:35:00 89
09:36:00 101
09:37:00 104
09:38:00 86
09:39:00 79
09:40:00 77
09:41:00 74
09:42:00 70
09:43:00 69
09:44:00 70
09:45:00 74
09:46:00 70
09:47:00 71
09:48:00 70
09:49:00 73
09:50:00 74
09:51:00 68
09:52:00 67
09:53:00 69
09:54:00 75
09:55:00 75
09:56:00 75
09:57:00 70
09:58:00 73
09:59:00 76
10:00:00 79
10:01:00 95
10:02:00 98
10:03:00 105
10:04:00 93
10:05:00 84
10:06:00 84
10:07:00 83
10:08:00 84
10:09:00 84
10:10:00 85
10:11:00 84
10:12:00 88
10:13:00 87
10:14:00 76
10:15:00 88
10:16:00 94
10:17:00 104
10:18:00 107
10:19:00 113
10:20:00 107
10:21:00 98
10:22:00 104
10:23:00 100
10:24:00 88
10:25:00 103
10:26:00 97
10:27:00 91
10:28:00 108
10:29:00 117
10:30:00 111
10:31:00 99
10:32:00 103
10:33:00 99
10:34:00 101
10:35:00 91
10:36:00 90
10:37:00 94
10:38:00 97
10:39:00 90
10:40:00 84
10:41:00 80
10:42:00 74
10:43:00 81
10:44:00 82
10:45:00 79
10:46:00 82
10:47:00 85
10:48:00 83
10:49:00 81
10:50:00 81
10:51:00 91
10:52:00 89
10:53:00 87
10:54:00 94
10:55:00 91
10:56:00 89
10:57:00 89
10:58:00 91
10:59:00 87
11:00:00 86
11:01:00 85
11:02:00 85
11:03:00 86
11:04:00 86
11:05:00 84
11:06:00 86
11:07:00 83
11:08:00 86
11:09:00 89
11:10:00 84
11:11:00 85
11:12:00 85
11:13:00 81
11:14:00 81
11:15:00 87
11:16:00 83
11:17:00 87
11:18:00 89
11:19:00 87
11:20:00 93
11:21:00 89
11:22:00 89
11:23:00 94
11:24:00 95
11:25:00 90
11:26:00 85
11:27:00 84
11:28:00 82
11:29:00 82
11:30:00 79
11:31:00 87
11:32:00 80
11:33:00 81
11:34:00 84
11:35:00 87
11:36:00 84
11:37:00 81
11:38:00 87
11:39:00 83
11:40:00 84
11:41:00 79
11:42:00 86
11:43:00 83
11:44:00 80
11:45:00 79
11:46:00 78
11:47:00 79
11:48:00 79
11:49:00 80
11:50:00 76
11:51:00 78
11:52:00 81
11:53:00 81
11:54:00 79
11:55:00 80
11:56:00 76
11:57:00 77
11:58:00 80
11:59:00 77
12:00:00 75
12:01:00 78
12:02:00 77
12:03:00 76
12:04:00 82
12:05:00 80
12:06:00 79
12:07:00 76
12:08:00 76
12:09:00 81
12:10:00 78
12:11:00 79
12:12:00 79
12:13:00 79
12:14:00 78
12:15:00 80
12:16:00 79
12:17:00 78
12:18:00 78
12:19:00 77
12:20:00 78
12:21:00 75
12:22:00 74
12:23:00 85
12:24:00 91
12:25:00 88
12:26:00 92
12:27:00 87
12:28:00 82
12:29:00 81
12:30:00 77
12:31:00 82
12:32:00 88
12:33:00 87
12:34:00 90
12:35:00 90
12:36:00 82
12:37:00 75
12:38:00 77
12:39:00 79
12:40:00 77
12:41:00 73
12:42:00 73
12:43:00 74
12:44:00 74
12:45:00 73
12:46:00 77
12:47:00 78
12:48:00 76
12:49:00 75
12:50:00 78
12:51:00 75
12:52:00 78
12:53:00 77
12:54:00 69
12:55:00 68
12:56:00 79
12:57:00 81
12:58:00 78
12:59:00 81
13:00:00 77
13:01:00 82
13:02:00 83
13:03:00 88
13:04:00 90
13:05:00 84
13:06:00 86
13:07:00 89
13:08:00 90
13:09:00 91
13:10:00 89
13:11:00 90
13:12:00 96
13:13:00 96
13:14:00 87
13:15:00 86
13:16:00 85
13:17:00 88
13:18:00 93
13:19:00 97
13:20:00 94
13:21:00 91
13:22:00 84
13:23:00 80
13:24:00 77
13:25:00 80
13:26:00 86
13:27:00 87
13:28:00 89
13:29:00 88
13:30:00 86
13:31:00 88
13:32:00 90
13:33:00 99
13:34:00 96
13:35:00 103
13:36:00 98
13:37:00 95
13:38:00 94
13:39:00 89
13:40:00 92
13:41:00 96
13:42:00 99
13:43:00 85
13:44:00 88
13:45:00 91
13:46:00 96
13:47:00 101
13:48:00 94
13:49:00 88
13:50:00 84
13:51:00 88
13:52:00 84
13:53:00 86
13:54:00 87
13:55:00 88
13:56:00 87
13:57:00 89
13:58:00 85
13:59:00 96
14:00:00 101
14:01:00 111
14:02:00 101
14:03:00 88
14:04:00 78
14:05:00 83
14:06:00 99
14:07:00 112
14:08:00 113
14:09:00 106
14:10:00 110
14:11:00 109
14:12:00 114
14:13:00 112
14:14:00 111
14:15:00 107
14:16:00 106
14:17:00 100
14:18:00 92
14:19:00 89
14:20:00 85
14:21:00 85
14:22:00 102
14:23:00 116
14:24:00 108
14:25:00 111
14:26:00 96
14:27:00 83
14:28:00 93
14:29:00 99
14:30:00 112
14:31:00 111
14:32:00 104
14:33:00 105
14:34:00 110
14:35:00 113
14:36:00 115
14:37:00 115
14:38:00 114
14:39:00 110
14:40:00 117
14:41:00 116
14:42:00 106
14:43:00 100
14:44:00 100
14:45:00 101
14:46:00 101
14:47:00 107
14:48:00 110
14:49:00 94
14:50:00 106
14:51:00 116
14:52:00 116
14:53:00 108
14:54:00 110
14:55:00 112
14:56:00 102
14:57:00 89
14:58:00 86
14:59:00 88
15:00:00 89
15:01:00 89
15:02:00 99
15:03:00 96
15:04:00 91
15:05:00 105
15:06:00 86
15:07:00 114
15:08:00 101
15:09:00 110
15:10:00 97
15:11:00 91
15:12:00 98
15:13:00 97
15:14:00 97
15:15:00 98
15:16:00 98
15:17:00 94
15:18:00 93
15:19:00 93
15:20:00 93
15:21:00 93
15:22:00 94
15:23:00 89
15:24:00 92
15:25:00 93
15:26:00 92
15:27:00 92
15:28:00 89
15:29:00 88
15:30:00 88
15:31:00 88
15:32:00 85
15:33:00 86
15:34:00 82
15:35:00 88
15:36:00 89
15:37:00 90
15:38:00 87
15:39:00 89
15:40:00 93
15:41:00 95
15:42:00 94
15:43:00 91
15:44:00 90
15:45:00 94
15:46:00 95
15:47:00 92
15:48:00 89
15:49:00 93
15:50:00 96
15:51:00 97
15:52:00 94
15:53:00 96
15:54:00 97
15:55:00 100
15:56:00 104
15:57:00 94
15:58:00 86
15:59:00 89
16:00:00 88
16:01:00 93
16:02:00 98
16:03:00 87
16:04:00 85
16:05:00 90
16:06:00 89
16:07:00 86
16:08:00 92
16:09:00 89
16:10:00 88
16:11:00 83
16:12:00 80
16:13:00 90
16:14:00 97
16:15:00 91
16:16:00 90
16:17:00 93
16:18:00 91
16:19:00 89
16:20:00 95
16:21:00 90
16:22:00 88
16:23:00 88
16:24:00 91
16:25:00 89
16:26:00 88
16:27:00 89
16:28:00 84
16:29:00 84
16:30:00 85
16:31:00 85
16:32:00 87
16:33:00 90
16:34:00 86
16:35:00 77
16:36:00 85
16:37:00 89
16:38:00 89
16:39:00 86
16:40:00 83
16:41:00 87
16:42:00 85
16:43:00 91
16:44:00 87
16:45:00 83
16:46:00 88
16:47:00 93
16:48:00 95
16:49:00 91
16:50:00 80
16:51:00 75
16:52:00 74
16:53:00 78
16:54:00 80
16:55:00 80
16:56:00 80
16:57:00 79
16:58:00 79
16:59:00 79
17:00:00 76
17:01:00 78
17:02:00 80
17:03:00 75
17:04:00 72
17:05:00 70
17:06:00 70
17:07:00 75
17:08:00 75
17:09:00 78
17:10:00 78
17:11:00 73
17:12:00 75
17:13:00 81
17:14:00 79
17:15:00 76
17:16:00 76
17:17:00 76
17:18:00 77
17:19:00 78
17:20:00 76
17:21:00 71
17:22:00 77
17:23:00 76
17:24:00 82
17:25:00 82
17:26:00 77
17:27:00 76
17:28:00 80
17:29:00 79
17:30:00 77
17:31:00 75
17:32:00 75
17:33:00 75
17:34:00 79
17:35:00 80
17:36:00 81
17:37:00 83
17:38:00 79
17:39:00 76
17:40:00 78
17:41:00 73
17:42:00 73
17:43:00 70
17:44:00 75
17:45:00 78
17:46:00 78
17:47:00 74
17:48:00 75
17:49:00 81
17:50:00 76
17:51:00 75
17:52:00 82
17:53:00 77
17:54:00 81
17:55:00 80
17:56:00 78
17:57:00 79
17:58:00 79
17:59:00 75
18:00:00 80
18:01:00 82
18:02:00 92
18:03:00 89
18:04:00 88
18:05:00 92
18:06:00 96
18:07:00 89
18:08:00 87
18:09:00 84
18:10:00 81
18:11:00 82
18:12:00 83
18:13:00 82
18:14:00 79
18:15:00 75
18:16:00 78
18:17:00 79
18:18:00 79
18:19:00 77
18:20:00 81
18:21:00 71
18:22:00 67
18:23:00 71
18:24:00 69
18:25:00 69
18:26:00 72
18:27:00 67
18:28:00 72
18:29:00 75
18:30:00 74
18:31:00 75
18:32:00 75
18:33:00 79
18:34:00 80
18:35:00 77
18:36:00 73
18:37:00 72
18:38:00 72
18:39:00 72
18:40:00 72
18:41:00 74
18:42:00 73
18:43:00 74
18:44:00 75
18:45:00 76
18:46:00 75
18:47:00 77
18:48:00 76
18:49:00 77
18:50:00 75
18:51:00 75
18:52:00 76
18:53:00 75
18:54:00 75
18:55:00 73
18:56:00 77
18:57:00 73
18:58:00 72
18:59:00 78
19:00:00 75
19:01:00 73
19:02:00 74
19:03:00 81
19:04:00 73
19:05:00 73
19:06:00 72
19:07:00 73
19:08:00 70
19:09:00 69
19:10:00 72
19:11:00 66
19:12:00 67
19:13:00 64
19:14:00 65
19:15:00 65
19:16:00 64
19:17:00 65
19:18:00 67
19:19:00 65
19:20:00 68
19:21:00 65
19:22:00 68
19:23:00 68
19:24:00 70
19:25:00 72
19:26:00 74
19:27:00 78
19:28:00 93
19:29:00 99
19:30:00 77
19:31:00 66
19:32:00 67
19:33:00 67
19:34:00 69
19:35:00 69
19:36:00 69
19:37:00 70
19:38:00 71
19:39:00 72
19:40:00 72
19:41:00 71
19:42:00 71
19:43:00 72
19:44:00 72
19:45:00 73
19:46:00 71
19:47:00 68
19:48:00 68
19:49:00 71
19:50:00 70
19:51:00 70
19:52:00 70
19:53:00 69
19:54:00 70
19:55:00 69
19:56:00 70
19:57:00 72
19:58:00 70
19:59:00 74
20:00:00 72
20:01:00 69
20:02:00 71
20:03:00 75
20:04:00 73
20:05:00 72
20:06:00 71
20:07:00 74
20:08:00 75
20:09:00 74
20:10:00 74
20:11:00 74
20:12:00 71
20:13:00 85
20:14:00 92
20:15:00 97
20:16:00 90
20:17:00 86
20:18:00 85
20:19:00 84
20:20:00 82
20:21:00 89
20:22:00 101
20:23:00 97
20:24:00 93
20:25:00 89
20:26:00 115
20:27:00 117
20:28:00 103
20:29:00 97
20:30:00 94
20:31:00 107
20:32:00 105
20:33:00 98
20:34:00 91
20:35:00 83
20:36:00 85
20:37:00 82
20:38:00 74
20:39:00 77
20:40:00 79
20:41:00 79
20:42:00 80
20:43:00 82
20:44:00 93
20:45:00 87
20:46:00 83
20:47:00 84
20:48:00 82
20:49:00 76
20:50:00 77
20:51:00 80
20:52:00 79
20:53:00 77
20:54:00 82
20:55:00 80
20:56:00 81
20:57:00 87
20:58:00 95
20:59:00 102
21:00:00 97
21:01:00 85
21:02:00 88
21:03:00 107
21:04:00 110
21:05:00 115
21:06:00 121
21:07:00 121
21:07:00 100
21:09:00 83
21:10:00 83
21:11:00 82
21:12:00 82
21:13:00 81
21:14:00 82
21:15:00 81
21:16:00 82
21:17:00 84
21:18:00 82
21:19:00 80
21:20:00 82
21:21:00 81
21:22:00 81
21:23:00 78
21:24:00 81
21:25:00 81
21:26:00 80
21:27:00 80
21:28:00 81
21:29:00 80
21:30:00 82
21:31:00 82
21:32:00 82
21:33:00 82
21:34:00 97
21:35:00 102
21:36:00 98
21:37:00 103
21:38:00 107
21:39:00 109
21:40:00 112
21:41:00 106
21:42:00 88
21:43:00 84
21:44:00 80
21:45:00 78
21:46:00 85
21:47:00 89
21:48:00 85
21:49:00 91
21:50:00 88
21:51:00 87
21:52:00 84
21:53:00 82
21:54:00 82
21:55:00 80
21:56:00 81
21:57:00 82
21:58:00 83
21:59:00 83
22:00:00 87
22:01:00 84
22:02:00 85
22:03:00 88
22:04:00 88
22:05:00 92
22:06:00 90
22:07:00 88
22:08:00 85
22:09:00 83
22:10:00 80
22:11:00 80
22:12:00 85
22:13:00 88
22:14:00 88
22:15:00 93
22:16:00 102
22:17:00 95
22:18:00 103
22:19:00 97
22:20:00 98
22:21:00 97
22:22:00 90
22:23:00 85
22:24:00 82
22:25:00 84
22:26:00 84
22:27:00 93
22:28:00 91
22:29:00 82
22:30:00 78
22:31:00 76
22:32:00 72
22:33:00 63
22:34:00 78
22:35:00 85
22:36:00 82
22:37:00 82
22:38:00 78
22:39:00 80
22:40:00 79
22:41:00 84
22:42:00 84
22:43:00 85
22:44:00 88
22:45:00 82
22:46:00 83
22:47:00 86
22:48:00 89
22:49:00 84
22:50:00 77
22:51:00 90
22:52:00 88
22:53:00 93
22:54:00 97
22:55:00 95
22:56:00 92
22:57:00 91
22:58:00 87
22:59:00 89
23:00:00 91
23:01:00 87
23:02:00 91
23:03:00 90
23:04:00 84
23:05:00 88
23:06:00 88
23:07:00 85
23:08:00 86
23:09:00 90
23:10:00 96
23:11:00 97
23:12:00 100
23:13:00 98
23:14:00 99
23:15:00 101
23:16:00 95
23:17:00 89
23:18:00 87
23:19:00 94
23:20:00 95
23:21:00 97
23:22:00 95
23:23:00 98
23:24:00 82
23:25:00 81
23:26:00 81
23:27:00 86
23:28:00 87
23:29:00 87
23:30:00 85
23:31:00 83
23:32:00 86
23:33:00 86
23:34:00 83
23:35:00 83
23:36:00 82
23:37:00 80
23:38:00 80
23:39:00 81
23:40:00 81
23:41:00 80
23:42:00 80
23:43:00 80
23:44:00 76
23:45:00 77
23:46:00 77
23:47:00 79
23:48:00 88
23:49:00 83
23:50:00 87
23:51:00 90
23:52:00 79
23:53:00 73
23:54:00 73
23:55:00 73
23:56:00 73
23:57:00 72
23:58:00 73
23:59:00 72
Raw
index.html
<!DOCTYPE html>
<meta charset="utf-8">
<script src="//d3js.org/d3.v3.min.js"></script>
<script src="d3.radialline.js"></script>
<body style='margin:0;padding:0;'>
<script>
var width = 960;
var height = 500;
var svg = d3.select('body').append('svg').attr('width', width).attr('height', height);
var axisLayer = svg.append('g').attr('transform','translate('+width/2+','+height/2+')');
var plotLayer = svg.append('g').attr('transform','translate('+width/2+','+height/2+')');
var timeFormat = d3.time.format('%H:%M:%S');
var hourFormat = d3.format('02.f');
var hourAngleScale = d3.scale.linear().range([-Math.PI/2,3/2*Math.PI]).domain([0,24]);
axisLayer.selectAll('circle').data(d3.range(50,300,50)).enter().append('circle')
.attr('stroke', '#888').attr('fill','none').attr('r',function(d){return d;});
axisLayer.selectAll('line').data([[[-height/2,0],[height/2,0]],[[0,-height/2],[0,height/2]]]).enter().append('line')
.attr('stroke', '#888').attr('fill','none')
.attr('x1',function(d){return d[0][0];})
.attr('x2',function(d){return d[1][0];})
.attr('y1',function(d){return d[0][1];})
.attr('y2',function(d){return d[1][1];});
axisLayer.selectAll('text').data(d3.range(0,24,3)).enter().append('text')
.attr('x',function(d){return 240*Math.cos(hourAngleScale(d));})
.attr('y',function(d){return 240*Math.sin(hourAngleScale(d));})
.attr('dominant-baseline','middle')
.attr('text-anchor', 'middle')
.attr('font-size', 16)
.attr('font-family', 'sans-serif')
.attr('fill', '#000')
.attr('stroke', 'none')
.text(function(d){return hourFormat(d);});
d3.csv('data.csv', function(err, data)
{
var layout = d3.radialline()
.radiusRange([0,250])
.radiusDomain(function(d,f){return [0, d3.max(d,f)];})
.angleRange([ - Math.PI/2, 3/2 * Math.PI ])
.interpolate('linear-closed')
.angle(function(d){return timeFormat.parse(d.time).getTime();})
.radius(function(d){return +d.value;});
plotLayer.append('path').datum(data).attr('fill','none').attr('stroke', 'steelblue').attr('stroke-width',2).attr('d',layout);
});
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment