exp_activity6

exp_activity6/project.json

+{
+	"title": "Activity 6: Winning Streaks in Illini Football",
+	"index": 20170212,
+	"type": "Experience"
+}

exp_activity6/py/compute.py

+import csv
+import json
+
+# There's no need for any Python here.

exp_activity6/web/index.html

+{% extends "static/templates/projectBase.html" %}
+{% block projectContent %}
+
+<h2>Winning Streaks in Illini Football</h2>
+<div id="chart"></div>
+
+<script src="web/vis.js"></script>
+
+{% endblock %}

exp_activity6/web/vis.js

+"use strict";
+
+/* Boilerplate jQuery */
+$(function() {
+  d3.csv("res/illiniFootballScores_streak.csv", function (data) {
+    visualize(data);
+  });
+});
+
+/* Visualize the data in the visualize function */
+var visualize = function(data) {
+  console.log(data);
+
+  // == BOILERPLATE ==
+  var margin = { top: 50, right: 50, bottom: 50, left: 50 },
+     width = 800 - margin.left - margin.right,
+     height = (data.length * 20);
+
+  var svg = d3.select("#chart")
+              .append("svg")
+              .attr("width", width + margin.left + margin.right)
+              .attr("height", height + margin.top + margin.bottom)
+              .style("width", width + margin.left + margin.right)
+              .style("height", height + margin.top + margin.bottom)
+              .append("g")
+              .attr("transform", "translate(" + margin.left + "," + margin.top + ")");
+
+
+
+  // == Your code! :) ==
+
+};