Skip to content

Instantly share code, notes, and snippets.

@colliand

colliand/accumulate.html

Last active August 29, 2015 14:11
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 colliand/a9d5be22fae23f8b816b to your computer and use it in GitHub Desktop.
Save colliand/a9d5be22fae23f8b816b to your computer and use it in GitHub Desktop.
Download ZIP
Raw
accumulate.html
<!DOCTYPE html>
<meta charset="utf-8">
<style>
<head>
<title>Fall 2014 Crowdmark Grading Data</title>
</head>
body {
font: 10px sans-serif;
}
.axis path,
.axis line {
fill: none;
stroke: #000;
shape-rendering: crispEdges;
}
.dot {
stroke: #000;
}
</style>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
var margin = {top: 20, right: 20, bottom: 30, left: 40},
width = 960 - margin.left - margin.right,
height = 500 - margin.top - margin.bottom;
// var xScale = d3.time.scale()
// .domain([new Date(dataset[0][0].time),d3.time.day.offset(new Date(dataset[0][dataset[0].length-1].time),8)])
// .rangeRound([0, w-padding.left-padding.right]);
// var x = d3.scale.linear()
// .range([0, width]);
var parseDate = d3.time.format("%Y-%m-%d").parse;
var x = d3.time.scale()
.range([0, width - 100]);
var y = d3.scale.linear()
.range([height, 0]);
var color = d3.scale.category20();
var radius = d3.scale.linear()
.range([0, 0.5 * height])
var xAxis = d3.svg.axis()
.scale(x)
.orient("bottom");
var yAxis = d3.svg.axis()
.scale(y)
.orient("right");
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.tsv("grouped.tsv", function(error, data) {
// data.forEach(function(d) {
// d.UploadedPages = +d.UploadedPages;
// d.GradingEndDate = +d.GradingEndDate;
// });
d3.tsv("grouped.tsv", function(error, data) {
data.forEach(function(d) {
d.GradingEndDate = parseDate(d.GradingEndDate);
d.UploadedPages = +d.UploadedPages;
d.AccumulatedUploadedPages = +d.AccumulatedUploadedPages;
});
x.domain(d3.extent(data, function(d) { return d.GradingEndDate; })).nice();
y.domain(d3.extent(data, function(d) { return d.AccumulatedUploadedPages ; })).nice();
radius.domain(d3.extent(data, function(d) { return d.UploadedPages; })).nice();
svg.append("g")
.attr("class", "x axis")
.attr("transform", "translate(0," + height + ")")
.call(xAxis)
.append("text")
.attr("class", "label")
.attr("x", width)
.attr("y", -6)
.style("text-anchor", "end")
.text("Sent Date (Day of Year)");
svg.append("g")
.attr("class", "y axis")
.call(yAxis)
.append("text")
.attr("class", "label")
.attr("transform", "rotate(-90)")
.attr("y", 6)
.attr("dy", ".71em")
.style("text-anchor", "end")
.text("Page Images Uploaded")
svg.selectAll(".dot")
.data(data)
.enter().append("circle")
.attr("class", "dot")
.attr("r", function(d) {return Math.sqrt(radius(d.UploadedPages)); })
// .attr("r", 3.5)
.attr("cx", function(d) { return x(d.GradingEndDate); })
.attr("cy", function(d) { return y(d.AccumulatedUploadedPages); })
.style("fill", function(d) { return color(d.Enterprise); })
.append("svg:title")
.text(function(d){ return " " + d.Enterprise + "\n " + d.Course + "\n " + d.UploadedPages + " " + "pages" + "\n " +d.ReturnInterval + " " + "days" + "\n" +d.AccumulatedUploadedPages + " " + "pages accumulated"});
// svg.selectAll(".dot")
// .data(data)
// .enter().append("circle")
// .attr("class", "dot")
// .attr("r", 3.5)
// .attr("cx", function(d) { return x(d.GradingEndDate); })
// .attr("cy", function(d) { return y(d.UploadedPages); })
// .style("fill", function(d) { return color(d.Enterprise); });
var legend = svg.selectAll(".legend")
.data(color.domain())
.enter().append("g")
.attr("class", "legend")
.attr("transform", function(d, i) { return "translate(0," + i * 20 + ")"; });
legend.append("rect")
.attr("x", width - 18)
.attr("width", 18)
.attr("height", 18)
.style("fill", color);
legend.append("text")
.attr("x", width - 24)
.attr("y", 9)
.attr("dy", ".35em")
.style("text-anchor", "end")
.text(function(d) { return d; });
});
</script>
<h1> Grading Performance Visualizations </h1>
<h2>
<a href="index.html">Grading Velocity vs. Day of Year</a><br>
<a href="return.html">Return Inteval vs. Day of Year</a><br>
<a href="uploaded.html">Uploaded Pages vs. Day of Year</a><br>
</h2>
Raw
evaluated.html
<!DOCTYPE html>
<meta charset="utf-8">
<style>
<head>
<title>Fall 2014 Crowdmark Grading Data</title>
</head>
body {
font: 10px sans-serif;
}
.axis path,
.axis line {
fill: none;
stroke: #000;
shape-rendering: crispEdges;
}
.dot {
stroke: #000;
}
</style>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
var margin = {top: 20, right: 20, bottom: 30, left: 40},
width = 960 - margin.left - margin.right,
height = 500 - margin.top - margin.bottom;
// var xScale = d3.time.scale()
// .domain([new Date(dataset[0][0].time),d3.time.day.offset(new Date(dataset[0][dataset[0].length-1].time),8)])
// .rangeRound([0, w-padding.left-padding.right]);
// var x = d3.scale.linear()
// .range([0, width]);
var parseDate = d3.time.format("%Y-%m-%d").parse;
var x = d3.time.scale()
.range([0, width - 100]);
var y = d3.scale.linear()
.range([height, 0]);
var color = d3.scale.category20();
var radius = d3.scale.linear()
.range([0, 0.5 * height])
var xAxis = d3.svg.axis()
.scale(x)
.orient("bottom");
var yAxis = d3.svg.axis()
.scale(y)
.orient("right");
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.tsv("grouped.tsv", function(error, data) {
// data.forEach(function(d) {
// d.UploadedPages = +d.UploadedPages;
// d.GradingEndDate = +d.GradingEndDate;
// });
d3.tsv("grouped.tsv", function(error, data) {
data.forEach(function(d) {
d.GradingEndDate = parseDate(d.GradingEndDate);
d.UploadedPages = +d.UploadedPages;
d.AccumulatedEvaluatedPages = +d.AccumulatedEvaluatedPages;
});
x.domain(d3.extent(data, function(d) { return d.GradingEndDate; })).nice();
y.domain(d3.extent(data, function(d) { return d.AccumulatedEvaluatedPages ; })).nice();
radius.domain(d3.extent(data, function(d) { return d.UploadedPages; })).nice();
svg.append("g")
.attr("class", "x axis")
.attr("transform", "translate(0," + height + ")")
.call(xAxis)
.append("text")
.attr("class", "label")
.attr("x", width)
.attr("y", -6)
.style("text-anchor", "end")
.text("Sent Date (Day of Year)");
svg.append("g")
.attr("class", "y axis")
.call(yAxis)
.append("text")
.attr("class", "label")
.attr("transform", "rotate(-90)")
.attr("y", 6)
.attr("dy", ".71em")
.style("text-anchor", "end")
.text("Page Images Uploaded")
svg.selectAll(".dot")
.data(data)
.enter().append("circle")
.attr("class", "dot")
.attr("r", function(d) {return Math.sqrt(radius(d.UploadedPages)); })
// .attr("r", 3.5)
.attr("cx", function(d) { return x(d.GradingEndDate); })
.attr("cy", function(d) { return y(d.AccumulatedEvaluatedPages); })
.style("fill", function(d) { return color(d.Enterprise); })
.append("svg:title")
.text(function(d){ return " " + d.Enterprise + "\n " + d.UploadedPages + " " + "pages" + "\n " +d.ReturnInterval + " " + "days" + "\n" +d.AccumulatedEvaluatedPages + " " + "pages accumulated"});
// svg.selectAll(".dot")
// .data(data)
// .enter().append("circle")
// .attr("class", "dot")
// .attr("r", 3.5)
// .attr("cx", function(d) { return x(d.GradingEndDate); })
// .attr("cy", function(d) { return y(d.UploadedPages); })
// .style("fill", function(d) { return color(d.Enterprise); });
var legend = svg.selectAll(".legend")
.data(color.domain())
.enter().append("g")
.attr("class", "legend")
.attr("transform", function(d, i) { return "translate(0," + i * 20 + ")"; });
legend.append("rect")
.attr("x", width - 18)
.attr("width", 18)
.attr("height", 18)
.style("fill", color);
legend.append("text")
.attr("x", width - 24)
.attr("y", 9)
.attr("dy", ".35em")
.style("text-anchor", "end")
.text(function(d) { return d; });
});
</script>
<h1> Grading Performance Visualizations </h1>
<h2>
<a href="index.html">Grading Velocity vs. Day of Year</a><br>
<a href="return.html">Return Inteval vs. Day of Year</a><br>
<a href="uploaded.html">Uploaded Pages vs. Day of Year</a><br>
</h2>
Raw
grouped.tsv
Enterprise Course Slug UploadedPages Hours Assessments UnevaluatedPagesPerBook EvaluatedPages GradingStartDate GradingEndDate Velocity ReturnInterval AccumulatedUploadedPages AccumulatedEvaluatedPages
Armstrong Infosys110 infosys110-test-s2-2014 7823 113.96 978 1 6845 2014-09-19 2014-09-22 1.001082251 3 7823 6845
Aldrin Math 135 math-135-f14-assignment-1 265 4.93 53 1 212 2014-09-16 2014-09-24 0.716700473 8 8088 7057
Conrad MAT 172 Conrad-mat172-exam-1--3 2045 23.16 256 2 1533 2014-09-19 2014-09-26 1.103195164 7 10133 8590
Shepard MIE262 mie262-tutorial-assignment-2 116 2.03 116 0 116 2014-09-23 2014-09-28 0.952380952 5 10249 8706
Aldrin Stat 230 tutorial-test-1-v1--2 896 13.46 224 1 672 2014-09-26 2014-09-28 0.832095097 2 11145 9378
Aldrin Stat 230 tutorial-test-1-v2 929 15.24 232 1 697 2014-09-26 2014-09-28 0.762248469 2 12074 10075
Aldrin Stat 230 tutorial-test-1-v3 856 10.21 214 1 642 2014-09-26 2014-09-28 1.047992165 2 12930 10717
Aldrin Stat 230 tutorial-test-1-v4 852 9.48 213 1 639 2014-09-26 2014-09-28 1.123417722 2 13782 11356
Aldrin Math 135 math-135-f14-assignment-2 315 4.29 53 1 262 2014-09-23 2014-10-01 1.017871018 8 14097 11618
Bean EE457 spring2014_ee457lx_quiz1 1160 30.11 145 1 1015 2014-09-29 2014-10-02 0.56182885 4 15257 12633
Aldrin CS 135 cs135_midterm1 11004 137.25 917 4 7336 2014-09-29 2014-10-03 0.890831815 4 26261 19969
Shepard MIE262 mie262-tutorial-assignment-4 232 1.81 116 0 232 2014-10-07 2014-10-09 2.136279926 2 26493 20201
Scott Math 140 mth-140-fall-2014-test-1--2 10780 98.8 1079 3 7543 2014-10-07 2014-10-10 1.272435897 3 37273 27744
Schmitt Math1013 test1-math-1013-f2014 2172 20.28 181 7 905 2014-10-06 2014-10-10 0.772044199 4 39445 28649
Schmitt Math1013 test-1-section-d 2016 12.47 168 7 840 2014-10-06 2014-10-10 0.831785714 4 41461 29489
Aldrin Math 135 math-135-f14-assignment-3 265 3.66 53 1 212 2014-09-30 2014-10-10 0.965391621 10 41726 29701
Shepard MAT188 mat188test1 9618 66.51 962 2 7694 2014-10-06 2014-10-11 1.928030873 5 51344 37395
Bean AME309 ame309-fall2014 680 8.75 85 3 425 2014-10-07 2014-10-14 0.80952381 7 52024 37820
Bean CS561 f14-midterm1--2 2600 30.49 325 1 2275 2014-09-30 2014-10-14 1.243577129 15 54624 40095
Shepard MAT292 mat292-test-1-45f64 2544 14.56 159 5 1749 2014-10-09 2014-10-14 2.00206044 5 57168 41844
Aldrin Math 136 midterm-math-136 4666 48.75 317 3 3715 2014-10-06 2014-10-14 1.27008547 8 61834 45559
Aldrin Stat 230 midterm-test-1-c0293 6653 88.22 868 2 4917 2014-10-09 2014-10-14 0.928927681 5 68487 50476
Mitchell Math 263 quiz1-1 498 3.8 83 2 332 2014-10-06 2014-10-15 1.456140351 9 68985 50808
Mitchell Math 263 quiz1-2 517 3.54 87 2 343 2014-10-06 2014-10-15 1.614877589 9 69502 51151
Mitchell Math 263 quiz1-3 474 4.22 79 2 316 2014-10-06 2014-10-15 1.248025276 9 69976 51467
Mitchell Math 263 quiz1-4 396 3.56 66 2 264 2014-10-06 2014-10-15 1.235955056 9 70372 51731
Shepard MAT186 mat186test1 9079 62.62 908 2 7263 2014-10-09 2014-10-16 1.93308847 7 79451 58994
Aldrin PM 465 hw2-pm465-665 64 1.89 16 0 64 2014-10-03 2014-10-16 0.564373898 13 79515 59058
Aldrin PM 465 hw3-pm465-665 102 3.23 17 0 102 2014-10-10 2014-10-16 0.526315789 6 79617 59160
Irwin Math52 mid1 410 7.05 41 1 369 2014-10-16 2014-10-17 0.872340426 1 80027 59529
Aldrin Math 135 math-135-f14-001-midterm-986d5 620 7.15 62 3 434 2014-10-06 2014-10-17 1.011655012 11 80647 59963
Aldrin Math 135 math-135-f14-002-midterm 2040 33.24 204 3 1428 2014-10-06 2014-10-17 0.716004813 11 82687 61391
Aldrin Math 135 math-135-f14-003-midterm 1930 23.73 193 3 1351 2014-10-06 2014-10-17 0.948869223 11 84617 62742
Aldrin Math 135 math-135-f14-004-midterm 2000 22.27 200 3 1400 2014-10-06 2014-10-17 1.047747343 11 86617 64142
Aldrin Math 135 math-135-f14-005-midterm 1869 19.13 186 3 1311 2014-10-06 2014-10-17 1.14218505 11 88486 65453
Aldrin Math 135 math-135-f14-006-midterm 2200 21.29 220 3 1540 2014-10-06 2014-10-17 1.205573822 11 90686 66993
Aldrin Math 135 math-135-f14-007-midterm 1899 23.21 189 3 1332 2014-10-06 2014-10-17 0.956484274 11 92585 68325
Aldrin Math 135 math-135-f14-008-midterm 2040 23.77 204 3 1428 2014-10-06 2014-10-17 1.001262095 11 94625 69753
Aldrin Math 135 math-135-f14-009-midterm 1180 14.73 118 3 826 2014-10-06 2014-10-17 0.934600588 11 95805 70579
Aldrin Math 217 m217mid 576 8.82 72 2 432 2014-10-15 2014-10-19 0.816326531 4 96381 71011
Irwin Math51 math51-exam1-10ea4 3376 30.73 305 2 2766 2014-10-17 2014-10-20 1.500162707 3 99757 73777
Young MAT 230 Young-math-230-test-1 4640 52.41 464 1 4176 2014-10-21 2014-10-21 1.327990841 0 104397 77953
Duke Math 121 math_121_test01 1604 17.4 401 1 1203 2014-10-03 2014-10-21 1.152298851 18 106001 79156
Shepard MIE365 mie365-2014-test1 752 5.59 47 1 705 2014-10-01 2014-10-21 2.1019678 20 106753 79861
Aldrin CS 240 cs240_midterm 1750 15.32 125 4 1250 2014-10-16 2014-10-21 1.359878155 5 108503 81111
Aldrin Math 116 math-116-midterm-fall-2014 9544 104.78 542 3 7918 2014-10-14 2014-10-21 1.259464274 7 118047 89029
Aldrin Stat 202 midterm-1 6872 52.8 490 4 4912 2014-10-09 2014-10-21 1.550505051 12 124919 93941
Aldrin Stat 901 midterm-1-c6282 198 3.12 33 2 132 2014-10-16 2014-10-21 0.705128205 5 125117 94073
Young MAT 220 math-220-test-1-fall-2014-e510c 2900 25.72 290 1 2610 2014-10-22 2014-10-22 1.691290824 0 128017 96683
Aldrin Math 135 math-135-f14-assignment-4 336 4.93 56 1 280 2014-10-15 2014-10-22 0.946585531 7 128353 96963
Aldrin Math 135 math-135-f14-assignment-5 336 3.69 56 1 280 2014-10-22 2014-10-22 1.264679313 0 128689 97243
Irwin Math42 fall-14-math-42-exam-1 1200 20.99 75 5 825 2014-10-21 2014-10-23 0.655073845 2 129889 98068
Bean ISE460 ise460_midterm_fall-2014 1008 7.39 126 1 882 2014-10-21 2014-10-23 1.98917456 2 130897 98950
Aldrin Math 137 m137mid01 600 8.25 60 3 420 2014-10-20 2014-10-24 0.848484848 4 131497 99370
Aldrin Math 137 m137mid02-5 1796 18.85 178 3 1262 2014-10-20 2014-10-24 1.115826702 4 133293 100632
Aldrin Math 137 m137mid03 2036 24.14 202 3 1430 2014-10-20 2014-10-24 0.987296327 4 135329 102062
Aldrin Math 137 m137mid04 1454 21.2 143 3 1025 2014-10-20 2014-10-24 0.80581761 4 136783 103087
Aldrin Math 137 m137mid05 1880 21.83 188 3 1316 2014-10-20 2014-10-24 1.004733547 4 138663 104403
Aldrin Math 137 m137mid06 1630 20.7 163 3 1141 2014-10-20 2014-10-24 0.918679549 4 140293 105544
Aldrin Math 137 m137mid07 1580 19.12 158 3 1106 2014-10-20 2014-10-24 0.964086471 4 141873 106650
Aldrin Math 137 m137mid09 1518 21.41 151 3 1065 2014-10-20 2014-10-24 0.829051845 4 143391 107715
Aldrin Math 137 m137mid8 1880 25.36 188 3 1316 2014-10-20 2014-10-24 0.864879075 4 145271 109031
Conrad MAT 172 2014-Conrad-mat-172-exam-2 2525 30.35 303 1 2222 2014-10-15 2014-10-25 1.220208677 10 147796 111253
Duke APSC 171 apsc-171-test-1 7170 79.31 717 2 5736 2014-10-21 2014-10-25 1.205396545 4 154966 116989
Shepard MIE262 mie262-fall-2014-term-test-1 1148 16.04 115 3 803 2014-10-21 2014-10-25 0.834372402 4 156114 117792
Duke Math 121 math_121_test02-1f2ac 936 9.08 234 1 702 2014-10-10 2014-10-28 1.288546256 18 157050 118494
Shepard MAT137 mat137-test-1-october-2014 9420 59.93 942 3 6594 2014-10-23 2014-10-28 1.833806107 5 166470 125088
Shepard MIE250 mie250-fall-2014-midterm-aeb09 720 11.65 120 2 480 2014-10-24 2014-10-28 0.686695279 4 167190 125568
Shepard MAT137 mat137-test1-october2014-mu 210 2.45 21 3 147 2014-10-25 2014-10-28 1 3 167400 125715
Aldrin PM 465 midterm-pm465-665-f14 128 2.82 16 1 112 2014-10-17 2014-10-28 0.661938534 11 167528 125827
Aldrin Math 217 m217q2 281 2.83 70 1 211 2014-10-29 2014-10-29 1.242638398 0 167809 126038
Scott PCS 120 pcs120-midterm-test-long-answers-part/ 4267 25.88 463 4 2415 2014-10-25 2014-10-30 1.555255023 5 172076 128453
Shepard MIE262 mie262-tutorial-assignment-6 222 1.28 111 0 222 2014-10-21 2014-10-31 2.890625 10 172298 128675
Shepard AST101 midterm-56b55 8099 53.44 1350 2 5399 2014-10-30 2014-10-31 1.68381986 1 180397 134074
Aldrin CS 116 cs116-f14-midterm 3162 37.89 225 4 2262 2014-10-27 2014-10-31 0.994985484 4 183559 136336
Aldrin CS 135 cs135_midterm2 14000 140.99 875 4 10500 2014-10-27 2014-10-31 1.241222782 4 197559 146836
Young MAT 220 math-220-fall-2014-worksheet-4-04893 1130 4.77 283 1 847 2014-10-30 2014-11-01 2.959468903 4 198689 147683
Aldrin Stat 230 tutorial-test-2-v1 896 11.34 224 1 672 2014-10-31 2014-11-02 0.987654321 2 199585 148355
Aldrin Stat 230 tutorial-test-2-v2 896 9.89 224 1 672 2014-10-31 2014-11-02 1.132457027 2 200481 149027
Aldrin Stat 230 tutorial-test-2-v3 788 6.11 197 1 591 2014-10-31 2014-11-02 1.612111293 2 201269 149618
Aldrin Stat 230 tutorial-test-2-v4 792 9.21 198 1 594 2014-10-31 2014-11-02 1.074918567 2 202061 150212
Shepard ECO200 eco-200-t1 2226 9.92 159 1 2067 2014-10-31 2014-11-03 3.472782258 3 204287 152279
Duke Math 121 math_121_test03 1572 13.32 393 1 1179 2014-10-17 2014-11-04 1.475225225 18 205859 153458
Aldrin Math 237 m237-001 490 7.73 49 1 441 2014-10-28 2014-11-05 0.95084088 8 206349 153899
Aldrin Math 237 m237-002 950 16.44 106 1 844 2014-10-28 2014-11-05 0.855636659 8 207299 154743
Aldrin Math 237 m237-003 1020 13.66 102 1 918 2014-10-28 2014-11-05 1.120058565 8 208319 155661
Aldrin Math 237 m237-004 1090 13.42 109 1 981 2014-10-28 2014-11-05 1.218330849 8 209409 156642
Aldrin Math 237 m237-005 470 6.08 47 1 423 2014-10-28 2014-11-05 1.159539474 8 209879 157065
Schmitt Math1013 test-2-section-d 1704 11.71 142 8 568 2014-11-04 2014-11-06 0.808425847 2 211583 157633
Shepard ECO206 eco-206-midterm-1-section-101 1708 10.09 122 4 1220 2014-10-24 2014-11-06 2.015196564 13 213291 158853
Shepard ECO206 eco-206-midterm-1-section-501 2192 14.26 137 4 1644 2014-10-24 2014-11-06 1.921458626 13 215483 160497
Aldrin Math 217 m217q3 447 4.5 73 2 301 2014-11-05 2014-11-06 1.114814815 1 215930 160798
Schmitt Math1013 test-2-section-a 1908 17.09 159 8 636 2014-11-04 2014-11-07 0.620245758 3 217838 161434
Young MAT 220 math-220-fall-2014-worksheet-5 1056 3.04 264 1 792 2014-11-06 2014-11-07 4.342105263 1 218894 162226
Bean EE457Lx ee457lx_midterm_fall2014 1400 20.8 140 1 1260 2014-11-03 2014-11-08 1.009615385 5 220294 163486
Aldrin Math 245 math245mid-fall2014 330 1.53 22 6 198 2014-11-04 2014-11-09 2.156862745 5 220624 163684
Scott Math 140 mth-140-fall-2014-test-2 10397 88.16 1040 3 7277 2014-11-03 2014-11-10 1.375718391 23 231021 170961
Irwin Math51 math51-exam2 3472 27.54 305 2 2862 2014-11-07 2014-11-10 1.732026144 3 234493 173823
Aldrin Math 135 math-135-f14-assignment-6 312 3.99 52 1 260 2014-10-29 2014-11-10 1.086048454 12 234805 174083
Aldrin Math 135 math-135-f14-assignment-7 342 2.07 57 1 285 2014-11-05 2014-11-10 2.29468599 5 235147 174368
Aldrin Math 239 math-239-midterm-f14 5208 52.69 372 3 4092 2014-11-06 2014-11-11 1.294363257 5 240355 178460
Shepard ECO200 eco200-2014-15-test-1 1088 20.7 136 2 816 2014-11-03 2014-11-12 0.657004831 9 241443 179276
Irwin Math42 fall-14-math-42-exam-2 1136 14.1 71 5 781 2014-11-07 2014-11-13 0.923167849 6 242579 180057
Cernan M3342 math-3342-ode-fall-2014-exam-2 576 7.59 48 1 528 2014-11-12 2014-11-13 1.15942029 1 243155 180585
Mitchell Math 263 quiz2-1 632 5.08 79 4 316 2014-11-03 2014-11-13 1.036745407 10 243787 180901
Mitchell Math 263 quiz2-2 663 3.83 83 4 331 2014-11-03 2014-11-13 1.440382942 10 244450 181232
Mitchell Math 263 quiz2-3 606 4.04 76 4 302 2014-11-03 2014-11-13 1.245874587 10 245056 181534
Mitchell Math 263 quiz2-4 512 3.01 64 4 256 2014-11-03 2014-11-13 1.417497231 10 245568 181790
Bean AME309 ame309-fall2014-2-7710b 656 6.41 82 3 410 2014-11-11 2014-11-13 1.066042642 2 246224 182200
Shepard MAT335 mat335-hw-4 605 4.84 121 0 605 2014-10-29 2014-11-13 2.083333333 15 246829 182805
Aldrin Math 249 math249mid0-fall2014 432 2.23 32 7 208 2014-11-06 2014-11-13 1.554559043 7 247261 183013
Aldrin Stat 202 midterm-2 7188 41.92 483 4 5256 2014-11-06 2014-11-13 2.089694656 7 254449 188269
Bean CSCI570 fall2014_csci570_exam1a_wed 3278 63.2 327 1 2951 2014-10-02 2014-11-14 0.7782173 43 257727 191220
Bean CSCI570 fall2014_csci570_2014-exam-1_thursday 2048 42.07 256 1 1792 2014-10-03 2014-11-14 0.709927898 42 259775 193012
Shepard MAT292 mat292-test-2 3158 8.53 158 4 2526 2014-11-07 2014-11-14 4.935521688 7 262933 195538
Young MAT 220 math-220-fall-2014-worksheet-6 1056 2.81 264 1 792 2014-11-14 2014-11-15 4.697508897 1 263989 196330
Shepard MIE365 mie365-2014-test2 450 4.16 45 2 360 2014-10-30 2014-11-16 1.442307692 17 264439 196690
Aldrin Stat 230 midterm-test-2-6e456 6588 74.95 847 2 4894 2014-11-13 2014-11-16 1.088281076 3 271027 201584
Irwin Math52 mid2-ce24e 545 7.75 39 3 428 2014-11-14 2014-11-17 0.920430108 3 271572 202012
Cernan M1231 math-1231-f-2014-exam-2 1152 12.5 96 2 960 2014-11-12 2014-11-17 1.28 5 272724 202972
Bean CS561 561-f14-midterm2-350dc 3210 28 321 2 2568 2014-11-04 2014-11-17 1.528571429 13 275934 205540
Shepard MAT188 mat188test2 9579 74.31 958 2 7663 2014-11-08 2014-11-17 1.718700938 9 285513 213203
Aldrin Math 135 math-135-f14-assignment-8 330 1.65 55 1 275 2014-11-11 2014-11-17 2.777777778 6 285843 213478
Young MAT 230 Young-math-230-test-2 4178 45.86 418 1 3760 2014-11-18 2014-11-18 1.366477686 0 290021 217238
Young MAT 220 math-220-fall-2014-test-2 2710 23.28 271 1 2439 2014-11-19 2014-11-19 1.746134021 0 292731 219677
Shepard MIE262 mie262-term-test-2 920 8.7 115 3 575 2014-11-14 2014-11-19 1.101532567 5 293651 220252
Aldrin Stat 901 midterm-2-4129a 256 3.34 32 1 224 2014-11-13 2014-11-20 1.117764471 7 293907 220476
Shepard MAT186 mat186test2 8898 55.98 890 2 7118 2014-11-14 2014-11-21 2.119209241 7 302805 227594
Shepard MAT335 mat335-hw-5 872 6.28 109 0 872 2014-11-12 2014-11-21 2.314225053 9 303677 228466
Duke Math 121 math_121_test04 1576 13.42 394 1 1182 2014-10-24 2014-11-22 1.467958271 29 305253 229648
Duke Math 121 math_121_test05 908 9.69 227 1 681 2014-10-31 2014-11-22 1.17131063 23 306161 230329
Shepard MIE566 mie566-midterm-2014 552 11.82 46 2 460 2014-10-30 2014-11-24 0.648618161 25 306713 230789
Bean CSCI570 fall2014_csci570_exam2b_thurs-7bb00 2488 35.31 249 1 2239 2014-11-07 2014-11-25 1.056829982 18 309201 233028
Aldrin Math 135 math-135-f14-assignment-9 330 2.62 55 2 220 2014-11-18 2014-11-25 1.399491094 7 309531 233248
Aldrin Math 217 m217q4 426 4.34 71 1 355 2014-11-24 2014-11-25 1.36328725 1 309957 233603
Duke APSC 171 apsc-171-test-2 7039 84.91 706 3 4921 2014-11-26 2014-11-28 0.965924705 2 316996 238524
Shepard ECO204 midterm-one-71913 7854 141.96 561 4 5610 2014-11-08 2014-11-28 0.658636236 20 324850 244134
Duke Math 121 math_121_test_08 908 4.09 227 1 681 2014-11-21 2014-11-29 2.775061125 8 325758 244815
Shepard MIE262 mie262-tutorial-assignment-7 222 0.88 111 0 222 2014-10-28 2014-11-30 4.204545455 33 325980 245037
Shepard MIE262 mie262-tutorial-assignment-8 212 0.85 106 0 212 2014-11-04 2014-11-30 4.156862745 26 326192 245249
Shepard MAT137 mat137-test2-november-2014 8776 84.86 878 3 6142 2014-11-27 2014-11-30 1.206300573 3 334968 251391
Shepard MAT137 mat137-test2-mu-november-2014 216 4.47 18 3 162 2014-11-29 2014-11-30 0.604026846 1 335184 251553
Aldrin Stat 230 tutorial-test-3-v1 844 5.65 211 1 633 2014-11-28 2014-11-30 1.867256637 2 336028 252186
Aldrin Stat 230 tutorial-test-3-v2 836 6.62 209 1 627 2014-11-28 2014-11-30 1.578549849 2 336864 252813
Aldrin Stat 230 tutorial-test-3-v3 780 4.71 195 1 585 2014-11-28 2014-11-30 2.070063694 2 337644 253398
Conrad MAT 172 2014-Conrad-mat-172-exam-3 2128 25.63 266 1 1862 2014-11-13 2014-12-01 1.210820653 18 339772 255260
Cernan M1231 quiz3_a-967c8 280 2.03 35 1 245 2014-11-18 2014-12-01 2.011494253 13 340052 255505
Cernan M1231 quiz3_b 240 4.05 30 1 210 2014-11-18 2014-12-01 0.864197531 13 340292 255715
Bean CSCI570 fall2014_csci570_exam2a_wed-3e34d 2507 60.22 314 1 2193 2014-11-07 2014-12-02 0.606941216 25 342799 257908
Duke Math 121 math_121_test06 1524 9.94 381 1 1143 2014-11-07 2014-12-02 1.916498994 25 344323 259051
Aldrin Math 135 math-135-f14-assignment-10-e7069 276 1.7 49 1 227 2014-11-26 2014-12-02 2.225490196 6 344599 259278
Schmitt Math1013 test-3-section-a 1918 15.28 160 8 638 2014-11-27 2014-12-03 1.096551724 6 346517 259916
Schmitt Math1013 test-3-section-d 1524 6.88 127 8 508 2014-11-27 2014-12-03 1.377165354 6 348041 260424
Duke Math 121 math_121_test07 1564 6.57 391 1 1173 2014-12-02 2014-12-03 2.97564688 1 349605 261597
Shepard MAT335 mat335-hw-6 760 6.83 95 0 760 2014-11-26 2014-12-05 1.854563202 9 350365 262357
Aldrin Stat 230 tutorial-test-3-v4 680 5.36 170 1 510 2014-11-28 2014-12-06 1.585820896 8 351045 262867
Shepard MIE365 mie365-2014-test3-5a610 492 6.49 41 1 451 2014-11-27 2014-12-07 1.15819209 10 351537 263318
Cernan M1231 exam2a-a3692 340 1.98 34 3 238 2014-12-04 2014-12-08 2.003367003 4 351877 263556
Cernan M1231 exam2b-9ff77 310 1.44 31 3 217 2014-12-04 2014-12-08 2.511574074 4 352187 263773
Irwin Math52 final 532 7.07 38 2 456 2014-12-09 2014-12-10 1.074964639 1 352719 264229
Young MAT 220 math-220-fall-2014-final-exam 5340 49.8 267 1 5073 2014-12-10 2014-12-10 1.697791165 0 358059 269302
Duke PHYS104 phys104-6-dec-2014-group 588 5.28 49 4 392 2014-12-10 2014-12-10 1.237373737 0 358647 269694
Duke PHYS104 phys104-6-dec-2014-ind 2304 16.07 192 4 1536 2014-12-10 2014-12-10 1.593030492 0 360951 271230
Aldrin Math 137 m137final 13670 180.57 1367 2 10936 2014-12-05 2014-12-10 1.009396171 5 374621 282166
Irwin Math51 math51-final 5729 54.34 299 5 4234 2014-12-09 2014-12-11 1.298613667 2 380350 286400
Young MAT 230 Young-math-230-final-exam 7560 79.05 420 2 6720 2014-12-10 2014-12-11 1.416824794 1 387910 293120
Aldrin Math 116 math-116-final-exam-fall-2014 14294 118.87 816 3 11846 2014-12-05 2014-12-11 1.66091809 6 402204 304966
Aldrin Math 136 math-136-final-f14 5908 37.03 332 1 5576 2014-12-10 2014-12-11 2.509676839 0 408112 310542
Aldrin PM 465 f04-final-pm465 224 3.84 15 4 164 2014-12-08 2014-12-11 0.711805556 3 408336 310706
Scott CHY 103 chy103-final-exam-2014 5210 30.36 522 3 3644 2014-12-08 2014-12-12 2.000439174 4 413546 314350
Scott Math 140 mth-140-fall-2014-final-exam 9517 72.45 952 3 6661 2014-12-04 2014-12-12 1.532321141 8 423063 321011
Shepard MIE250 mie250-fall-2014-final-exam-b3bcc 648 6.4 108 1 540 2014-12-09 2014-12-13 1.40625 4 423711 321551
Shepard MAT188 mat188exam 9478 77.85 948 2 7582 2014-12-09 2014-12-13 1.623207022 4 433189 329133
Cernan M1231 math-1231-final-fall-2014 1104 11.9 92 1 1012 2014-12-11 2014-12-14 1.417366947 3 434293 330145
Aldrin Math 135 math135fall2014finalexam 20690 171.58 1478 3 16256 2014-12-09 2014-12-14 1.579049617 5 454983 346401
Aldrin Math 245 math245final-fall14 380 3.05 24 7 212 2014-12-09 2014-12-14 1.158469945 5 455363 346613
Aldrin Stat 230 final-exam-d0464 11454 59.1 835 2 9784 2014-12-13 2014-12-14 2.759165257 1 466817 356397
Cernan M1231 finala-87d22 407 4.31 34 2 339 2014-12-11 2014-12-15 1.310904872 4 467224 356736
Cernan M1231 finalb-98126 384 3.52 32 2 320 2014-12-11 2014-12-15 1.515151515 4 467608 357056
Bean CSCI570 fall2014_csci570_exam3a_wed 2616 54.61 327 2 1962 2014-12-04 2014-12-15 0.59879143 11 470224 359018
Duke Math 121 math_121_test09 1508 10.03 377 1 1131 2014-11-28 2014-12-15 1.879361914 17 471732 360149
Shepard MAT292 mat292-finale-2014 2848 21.52 162 4 2200 2014-12-05 2014-12-15 1.703841388 10 474580 362349
Aldrin CS 116 cs116-f14-finalexam-new 3972 49.54 221 4 3088 2014-12-12 2014-12-15 1.038891132 3 478552 365437
Aldrin CS 240 cs240_fe-a18cd 1920 10.62 120 4 1440 2014-12-13 2014-12-15 2.259887006 3 480472 366877
Aldrin Math 237 m237-exam-003 1580 20.87 100 4 1180 2014-12-11 2014-12-15 0.942341479 4 482052 368057
Aldrin Math 237 m237-exam-all 4882 56.32 309 4 3646 2014-12-11 2014-12-15 1.078953598 4 486934 371703
Aldrin Stat 202 final-stat-202-f14 11303 60.05 484 11 5979 2014-12-13 2014-12-15 1.659450458 2 498237 377682
Irwin Math42 fall-14-math-42-final-exam 1562 23.97 71 6 1136 2014-12-09 2014-12-16 0.789876234 7 499799 378818
Bean ISE460 fall2014_ise460_final 504 3.01 42 4 336 2014-12-16 2014-12-16 1.860465116 0 500303 379154
Aldrin CS 135 cs135_fe 18612 183.24 846 5 14382 2014-12-12 2014-12-16 1.308120498 4 518915 393536
Aldrin Stat 901 final-exam-84ad9 384 8.62 32 2 320 2014-12-12 2014-12-16 0.618716164 4 519299 393856
Cernan M3342 math3342-ode-fall-2014-final 564 6.24 47 1 517 2014-12-16 2014-12-17 1.380876068 1 519863 394373
Bean CSCI570 fall2014_csci570_exam3b_thurs 1992 47.03 249 2 1494 2014-12-05 2014-12-17 0.529449288 12 521855 395867
Bean CS561 561-f14-final-097ba 4151 24.77 346 3 3113 2014-12-11 2014-12-17 2.094603687 6 526006 398980
Bean AME309 ame309-finalversion1 320 1.96 40 4 160 2014-12-16 2014-12-17 1.360544218 1 526326 399140
Bean AME309 ame309-finalversion2 328 1.57 41 4 164 2014-12-16 2014-12-17 1.740976645 1 526654 399304
Shepard MIE262 mie262-fall-2014-final-exam 1090 12.64 109 1 981 2014-12-11 2014-12-17 1.293512658 6 527744 400285
Aldrin Math 217 m217final 1064 10 76 2 912 2014-12-15 2014-12-17 1.52 2 528808 401197
Shepard MIE365 mie365-2014-final 840 9.83 42 12 336 2014-12-10 2014-12-18 0.569684639 9 529648 401533
Shepard ECO200 eco200-2014-15-test-2 1278 19.12 128 3 894 2014-12-13 2014-12-18 0.779288703 5 530926 402427
Shepard MAT186 mat186exam 8889 72.5 889 2 7111 2014-12-16 2014-12-21 1.634712644 5 539815 409538
Shepard MIE566 mie566-2014-final 658 8.75 47 8 282 2014-12-13 2014-12-21 0.537142857 8 540473 409820
Aldrin Math 239 math-239-final-f14 6528 60.08 363 5 4713 2014-12-08 2014-12-21 1.307423435 13 547001 414533
Mitchell Math 263 math-263-final 5038 32.99 315 7 2833 2014-12-16 2014-12-21 1.43124179 5 552039 417366
Bean EE457 ee457lx_final_fall2014 1608 29.1 134 4 1072 2014-12-17 2014-12-21 0.6139748 4 553647 418438
Duke APSC 171 apsc171-final 9840 92.02 703 4 7028 2014-12-09 2014-12-22 1.272911686 13 563487 425466
Duke Math 121 math-121-cds-december-exam-80c81 1040 6.69 65 3 845 2014-12-15 2014-12-25 2.105132038 10 564527 426311
Duke Math 121 math-121-oncampus-dec 18320 116.71 1018 4 14248 2014-12-15 2014-12-31 2.034672836 16 582847 440559
Schmitt Math1013 finalexamb 13090 106.2 655 9 7195 2014-12-19 2014-12-31 1.12915882 12 595937 447754
Raw
index.html
<!DOCTYPE html>
<meta charset="utf-8">
<style>
<head>
<title>Fall 2014 Crowdmark Grading Data</title>
</head>
body {
font: 10px sans-serif;
}
.axis path,
.axis line {
fill: none;
stroke: #000;
shape-rendering: crispEdges;
}
.dot {
stroke: #000;
}
</style>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
var margin = {top: 20, right: 20, bottom: 30, left: 40},
width = 960 - margin.left - margin.right,
height = 500 - margin.top - margin.bottom;
// var xScale = d3.time.scale()
// .domain([new Date(dataset[0][0].time),d3.time.day.offset(new Date(dataset[0][dataset[0].length-1].time),8)])
// .rangeRound([0, w-padding.left-padding.right]);
// var x = d3.scale.linear()
// .range([0, width]);
var parseDate = d3.time.format("%Y-%m-%d").parse;
var x = d3.time.scale()
.range([0, width - 100]);
var y = d3.scale.linear()
.range([height, 0]);
var radius = d3.scale.linear()
.range([0, 0.5 * height])
var color = d3.scale.category20();
// var tip = d3.tip()
// .attr('class', 'd3-tip')
// .offset([-10, 10])
// .html(function(d) {
// return "<strong>Uploaded:</strong> <span style='color:red'>" + d.UploadedPages + "</span>";
// })
var xAxis = d3.svg.axis()
.scale(x)
.orient("bottom");
var yAxis = d3.svg.axis()
.scale(y)
.orient("left");
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.tsv("grouped.tsv", function(error, data) {
// data.forEach(function(d) {
// d.Velocity = +d.Velocity;
// d.GradingEndDate = +d.GradingEndDate;
// });
d3.tsv("grouped.tsv", function(error, data) {
data.forEach(function(d) {
d.GradingEndDate = +parseDate(d.GradingEndDate);
d.Velocity = +d.Velocity;
d.UploadedPages = +d.UploadedPages
});
x.domain(d3.extent(data, function(d) { return d.GradingEndDate; })).nice();
y.domain(d3.extent(data, function(d) { return d.Velocity; })).nice();
radius.domain(d3.extent(data, function(d) { return d.UploadedPages; })).nice();
// Define x axis
svg.append("g")
.attr("class", "x axis")
.attr("transform", "translate(0," + height + ")")
.call(xAxis)
.append("text")
.attr("class", "label")
.attr("x", width)
.attr("y", -6)
.style("text-anchor", "end")
.text("Grading End Date (Day of Year)");
// Define y axis
svg.append("g")
.attr("class", "y axis")
.call(yAxis)
.append("text")
.attr("class", "label")
.attr("transform", "rotate(-90)")
.attr("y", 6)
.attr("dy", ".71em")
.style("text-anchor", "end")
.text("Velocity (pages/minute");
// chart title
svg.append("text")
.attr("x", (width + (margin.left + margin.right) )/ 4)
.attr("y", 0 + margin.top)
.attr("text-anchor", "middle")
.style("font-size", "16px")
// .style("font-family", "sans-serif")
.text("Grading Velocity vs. Day of Year");
//Define dots of data on the grid
svg.selectAll(".dot")
.data(data)
.enter().append("circle")
.attr("class", "dot")
.attr("r", function(d) {return Math.sqrt(radius(d.UploadedPages)); })
// .attr("r", 3.5)
.attr("cx", function(d) { return x(d.GradingEndDate); })
.attr("cy", function(d) { return y(d.Velocity); })
.style("fill", function(d) { return color(d.Enterprise); })
.append("svg:title")
.text(function(d){ return " " + d.Enterprise + "\n " + d.UploadedPages + " " + "pages uploaded" + "\n " +d.ReturnInterval + " " + "days"});
// .text(function(d) { return "Slug:" + d.Slug ;})
var legend = svg.selectAll(".legend")
.data(color.domain())
.enter().append("g")
.attr("class", "legend")
.attr("transform", function(d, i) { return "translate(0," + i * 20 + ")"; });
legend.append("rect")
.attr("x", width - 18)
.attr("width", 18)
.attr("height", 18)
.style("fill", color);
legend.append("text")
.attr("x", width - 24)
.attr("y", 9)
.attr("dy", ".35em")
.style("text-anchor", "end")
.text(function(d) { return d; });
});
</script>
<h1> Grading Performance Visualizations </h1>
<h2>
<a href="index.html">Grading Velocity vs. Day of Year</a><br>
<a href="return.html">Return Inteval vs. Day of Year</a><br>
<a href="uploaded.html">Uploaded Pages vs. Day of Year</a><br>
</h2>
Raw
return.html
<!DOCTYPE html>
<meta charset="utf-8">
<style>
<head>
<title>Fall 2014 Crowdmark Grading Data</title>
</head>
body {
font: 10px sans-serif;
}
.axis path,
.axis line {
fill: none;
stroke: #000;
shape-rendering: crispEdges;
}
.dot {
stroke: #000;
}
</style>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
var margin = {top: 20, right: 20, bottom: 30, left: 40},
width = 960 - margin.left - margin.right,
height = 500 - margin.top - margin.bottom;
// var xScale = d3.time.scale()
// .domain([new Date(dataset[0][0].time),d3.time.day.offset(new Date(dataset[0][dataset[0].length-1].time),8)])
// .rangeRound([0, w-padding.left-padding.right]);
// var x = d3.scale.linear()
// .range([0, width]);
var parseDate = d3.time.format("%Y-%m-%d").parse;
var x = d3.time.scale()
.range([0, width - 100]);
var y = d3.scale.linear()
.range([height, 0]);
var radius = d3.scale.linear()
.range([0, 0.5 * height])
var color = d3.scale.category20();
// var tip = d3.tip()
// .attr('class', 'd3-tip')
// .offset([-10, 10])
// .html(function(d) {
// return "<strong>Uploaded:</strong> <span style='color:red'>" + d.UploadedPages + "</span>";
// })
var xAxis = d3.svg.axis()
.scale(x)
.orient("bottom");
var yAxis = d3.svg.axis()
.scale(y)
.orient("left");
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.tsv("grouped.tsv", function(error, data) {
// data.forEach(function(d) {
// d.Velocity = +d.Velocity;
// d.GradingEndDate = +d.GradingEndDate;
// });
d3.tsv("grouped.tsv", function(error, data) {
data.forEach(function(d) {
d.GradingEndDate = parseDate(d.GradingEndDate);
d.ReturnInterval = +d.ReturnInterval;
});
x.domain(d3.extent(data, function(d) { return d.GradingEndDate; })).nice();
y.domain(d3.extent(data, function(d) { return d.ReturnInterval; })).nice();
radius.domain(d3.extent(data, function(d) { return d.UploadedPages; })).nice();
// Define x axis
svg.append("g")
.attr("class", "x axis")
.attr("transform", "translate(0," + height + ")")
.call(xAxis)
.append("text")
.attr("class", "label")
.attr("x", width)
.attr("y", -6)
.style("text-anchor", "end")
.text("Grading End Date (Day of Year)");
// chart title
svg.append("text")
.attr("x", (width + (margin.left + margin.right) )/ 4)
.attr("y", 0 + margin.top)
.attr("text-anchor", "middle")
.style("font-size", "16px")
// .style("font-family", "sans-serif")
.text("Days Spent Grading vs. Day of Year");
// Define y axis
svg.append("g")
.attr("class", "y axis")
.call(yAxis)
.append("text")
.attr("class", "label")
.attr("transform", "rotate(-90)")
.attr("y", 6)
.attr("dy", ".71em")
.style("text-anchor", "end")
.text("Return (days)")
//Define dots of data on the grid
svg.selectAll(".dot")
.data(data)
.enter().append("circle")
.attr("class", "dot")
.attr("r", function(d) {return Math.sqrt(radius(d.UploadedPages)); })
// .attr("r", 3.5)
.attr("cx", function(d) { return x(d.GradingEndDate); })
.attr("cy", function(d) { return y(d.ReturnInterval); })
.style("fill", function(d) { return color(d.Enterprise); })
.append("svg:title")
.text(function(d){ return " " + d.Enterprise + "\n " + d.UploadedPages + " " + "pages uploaded" + "\n " +d.ReturnInterval + " " + "days"});
// .text(function(d) { return "Slug:" + d.Slug ;})
// svg.selectAll(".dot")
// .data(data)
// .enter().append("circle")
// .attr("class", "dot")
// .attr("r", 5)
// .attr("cx", function(d) { return x(d.GradingEndDate); })
// .attr("cy", function(d) { return y(d.ReturnInterval); })
// .style("fill", function(d) { return color(d.Enterprise); });
var legend = svg.selectAll(".legend")
.data(color.domain())
.enter().append("g")
.attr("class", "legend")
.attr("transform", function(d, i) { return "translate(0," + i * 20 + ")"; });
legend.append("rect")
.attr("x", width - 18)
.attr("width", 18)
.attr("height", 18)
.style("fill", color);
legend.append("text")
.attr("x", width - 24)
.attr("y", 9)
.attr("dy", ".35em")
.style("text-anchor", "end")
.text(function(d) { return d; });
});
</script>
<h1> Grading Performance Visualizations </h1>
<h2>
<a href="index.html">Grading Velocity vs. Day of Year</a><br>
<a href="return.html">Return Inteval vs. Day of Year</a><br>
<a href="uploaded.html">Uploaded Pages vs. Day of Year</a><br>
</h2>
Raw
uploaded.html
<!DOCTYPE html>
<meta charset="utf-8">
<style>
<head>
<title>Fall 2014 Crowdmark Grading Data</title>
</head>
body {
font: 10px sans-serif;
}
.axis path,
.axis line {
fill: none;
stroke: #000;
shape-rendering: crispEdges;
}
.dot {
stroke: #000;
}
</style>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
var margin = {top: 20, right: 10, bottom: 30, left: 10},
width = 660 - margin.left - margin.right,
height = 460 - margin.top - margin.bottom;
// var xScale = d3.time.scale()
// .domain([new Date(dataset[0][0].time),d3.time.day.offset(new Date(dataset[0][dataset[0].length-1].time),8)])
// .rangeRound([0, w-padding.left-padding.right]);
// var x = d3.scale.linear()
// .range([0, width]);
var parseDate = d3.time.format("%Y-%m-%d").parse;
var x = d3.time.scale()
.range([0, width - 100]);
var y = d3.scale.linear()
.range([height, 0]);
var color = d3.scale.category20();
var radius = d3.scale.linear()
.range([0, 0.5 * height])
var xAxis = d3.svg.axis()
.scale(x)
.orient("bottom").ticks(7);
var yAxis = d3.svg.axis()
.scale(y)
.orient("right");
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.tsv("grouped.tsv", function(error, data) {
// data.forEach(function(d) {
// d.UploadedPages = +d.UploadedPages;
// d.GradingEndDate = +d.GradingEndDate;
// });
d3.tsv("grouped.tsv", function(error, data) {
data.forEach(function(d) {
d.GradingEndDate = parseDate(d.GradingEndDate);
d.UploadedPages = +d.UploadedPages;
d.AccumulatedUploadedPages = +d.AccumulatedUploadedPages;
});
x.domain(d3.extent(data, function(d) { return d.GradingEndDate; })).nice();
y.domain(d3.extent(data, function(d) { return d.AccumulatedUploadedPages ; })).nice();
radius.domain(d3.extent(data, function(d) { return d.UploadedPages; })).nice();
svg.append("g")
.attr("class", "x axis")
.attr("transform", "translate(0," + height + ")")
.call(xAxis)
.append("text")
.attr("class", "label")
.attr("x", width)
.attr("y", -6)
.style("text-anchor", "end")
.text("Grading End Date");
svg.append("g")
.attr("class", "y axis")
.call(yAxis)
.append("text")
.attr("class", "label")
.attr("transform", "rotate(-90)")
.attr("y", 6)
.attr("dy", ".71em")
.style("text-anchor", "end")
// .text("Page Images Uploaded")
// chart title
svg.append("text")
.attr("x", (width + (margin.left + margin.right) )/ 2.7)
.attr("y", 0 + margin.top)
.attr("text-anchor", "middle")
.style("font-size", "16px")
// .style("font-family", "sans-serif")
.text("Page Images Uploaded vs. Day of Year");
svg.selectAll(".dot")
.data(data)
.enter().append("circle")
.attr("class", "dot")
.attr("r", function(d) {return Math.sqrt(radius(d.UploadedPages)); })
// .attr("r", 3.5)
.attr("cx", function(d) { return x(d.GradingEndDate); })
.attr("cy", function(d) { return y(d.AccumulatedUploadedPages); })
.style("fill", function(d) { return color(d.Enterprise); })
.append("svg:title")
.text(function(d){ return " " + d.Enterprise + "\n " + d.UploadedPages + " " + "pages uploaded" + "\n " + "Grading Start:" + " " + d.GradingStartDate + "\n " + d.EvaluatedPages + " " + "pages evaluated" + "\n " + d.ReturnInterval + " " + "days" + "\n" + d.AccumulatedUploadedPages + " " + "pages accumulated"});
// svg.selectAll(".dot")
// .data(data)
// .enter().append("circle")
// .attr("class", "dot")
// .attr("r", 3.5)
// .attr("cx", function(d) { return x(d.GradingEndDate); })
// .attr("cy", function(d) { return y(d.UploadedPages); })
// .style("fill", function(d) { return color(d.Enterprise); });
var legend = svg.selectAll(".legend")
.data(color.domain())
.enter().append("g")
.attr("class", "legend")
.attr("transform", function(d, i) { return "translate(0," + i * 20 + ")"; });
legend.append("rect")
.attr("x", width - 18)
.attr("width", 18)
.attr("height", 18)
.style("fill", color);
legend.append("text")
.attr("x", width - 24)
.attr("y", 9)
.attr("dy", ".35em")
.style("text-anchor", "end")
.text(function(d) { return d; });
});
</script>
Raw
uploaded2.html
<!DOCTYPE html>
<meta charset="utf-8">
<style>
<head>
<title>Fall 2014 Crowdmark Grading Data</title>
</head>
body {
font: 10px sans-serif;
}
.axis path,
.axis line {
fill: none;
stroke: #000;
shape-rendering: crispEdges;
}
.dot {
stroke: #000;
}
</style>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
var margin = {top: 20, right: 20, bottom: 30, left: 40},
width = 960 - margin.left - margin.right,
height = 500 - margin.top - margin.bottom;
// var xScale = d3.time.scale()
// .domain([new Date(dataset[0][0].time),d3.time.day.offset(new Date(dataset[0][dataset[0].length-1].time),8)])
// .rangeRound([0, w-padding.left-padding.right]);
// var x = d3.scale.linear()
// .range([0, width]);
var parseDate = d3.time.format("%Y-%m-%d").parse;
var x = d3.time.scale()
.range([0, width - 100]);
var y = d3.scale.linear()
.range([height, 0]);
var color = d3.scale.category20();
var xAxis = d3.svg.axis()
.scale(x)
.orient("bottom");
var yAxis = d3.svg.axis()
.scale(y)
.orient("right");
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.tsv("grouped.tsv", function(error, data) {
// data.forEach(function(d) {
// d.UploadedPages = +d.UploadedPages;
// d.GradingEndDate = +d.GradingEndDate;
// });
d3.tsv("grouped.tsv", function(error, data) {
data.forEach(function(d) {
d.GradingEndDate = parseDate(d.GradingEndDate);
d.UploadedPages = +d.UploadedPages;
});
x.domain(d3.extent(data, function(d) { return d.GradingEndDate; })).nice();
y.domain(d3.extent(data, function(d) { return d.UploadedPages ; })).nice();
svg.append("g")
.attr("class", "x axis")
.attr("transform", "translate(0," + height + ")")
.call(xAxis)
.append("text")
.attr("class", "label")
.attr("x", width)
.attr("y", -6)
.style("text-anchor", "end")
.text("Sent Date (Day of Year)");
svg.append("g")
.attr("class", "y axis")
.call(yAxis)
.append("text")
.attr("class", "label")
.attr("transform", "rotate(-90)")
.attr("y", 6)
.attr("dy", ".71em")
.style("text-anchor", "end")
.text("Page Images Uploaded")
svg.selectAll(".dot")
.data(data)
.enter().append("circle")
.attr("class", "dot")
// .attr("r", function(d) {return Math.sqrt(radius(d.UploadedPages)); })
.attr("r", 3.5)
.attr("cx", function(d) { return x(d.GradingEndDate); })
.attr("cy", function(d) { return y(d.UploadedPages); })
.style("fill", function(d) { return color(d.Enterprise); })
.append("svg:title")
.text(function(d){ return " " + d.Enterprise + "\n " + d.Slug + "\n " + d.UploadedPages + " " + "pages" + "\n " +d.ReturnInterval + " " + "days"});
// svg.selectAll(".dot")
// .data(data)
// .enter().append("circle")
// .attr("class", "dot")
// .attr("r", 3.5)
// .attr("cx", function(d) { return x(d.GradingEndDate); })
// .attr("cy", function(d) { return y(d.UploadedPages); })
// .style("fill", function(d) { return color(d.Enterprise); });
var legend = svg.selectAll(".legend")
.data(color.domain())
.enter().append("g")
.attr("class", "legend")
.attr("transform", function(d, i) { return "translate(0," + i * 20 + ")"; });
legend.append("rect")
.attr("x", width - 18)
.attr("width", 18)
.attr("height", 18)
.style("fill", color);
legend.append("text")
.attr("x", width - 24)
.attr("y", 9)
.attr("dy", ".35em")
.style("text-anchor", "end")
.text(function(d) { return d; });
});
</script>
<h1> Grading Performance Visualizations </h1>
<h2>
<a href="index.html">Grading Velocity vs. Day of Year</a><br>
<a href="return.html">Return Inteval vs. Day of Year</a><br>
<a href="uploaded.html">Uploaded Pages vs. Day of Year</a><br>
</h2>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment