View README.md
View README.md
View gist:b5175f84352b31cc9f9297e5a28dac3b
<!DOCTYPE html>
<meta charset="utf-8">
<title>2015-04-06</title>
<body>
<script src="/animations/d3.v3.min.js"></script>
<style>
html, body {
height: 100%;
background: #222;
View .block
license: gpl-3.0
license: gpl-3.0
View .block
license: gpl-3.0
View aggregateData.js
// everything after here can take daily data and plot it, so would work for "real" data too
function aggregateData() {
var dateFormat = d3.time.format("%Y-%m-%d")
var granularity = '';
var data = [];
// incoming data object
var dailyData = {};
var days = [];
var getQuarterFloor = function(date) {
View README.md

One of three visualizations designed to show the basic building blocks needed in almost all D3 projects:

loading data, svg, format data, data join, use data to define visual attributes, axis + labels, styling

View README.md