This stacked bar chart is constructed from a CSV file storing the populations of different states by age group. The chart employs conventional margins and a number of D3 features:

d3.csv - load and parse data
d3.scale.ordinal - x-position encoding and color encoding
d3.scale.linear - y-position encoding
d3.format - SI prefix formatting (e.g., "10M" for 10,000,000)
d3.max - compute domains
d3.keys - compute column names
d3.svg.axis - display axes

@jgoodall

jgoodall / README.md

Created March 7, 2014 02:11

This script will download web pages and spit out the title, url, and text in a separate file

This script will download web pages and spit out the title, url, and text in a separate file.

Usage:

Create a file articles with newline separated list of URLs to download
Run python extract.py

Prerequisite: newspaper is used for text extraction. Install: pip install newspaper

@jgoodall

jgoodall / index.js

Last active December 27, 2015 02:19

[redis sorted sets](http://redis.io/commands#sorted_set) speed testing with [node-redis](https://github.com/mranney/node_redis). npm install -d node index.js

/* globals require, console, process, setInterval */

'use strict';

var async = require('async')

, redis = require('redis')

, client = redis.createClient();

client.on('error', function(err) {

console.error(err);

});

@jgoodall

jgoodall / index.html

Created September 12, 2013 15:52

intro to d3: scatterplot with transitions

<!DOCTYPE html>

<style>

.circle {

fill: steelblue;

stroke: '#fff';

}

.label {

fill: #777;

}

@jgoodall

jgoodall / index.html

Last active December 22, 2015 22:28

intro to d3: scatterplot using scales and axes

<!DOCTYPE html>

<style>

.circle {

fill: steelblue;

stroke: '#fff';

}

.label {

fill: #777;

}

@jgoodall

jgoodall / index.html

Created September 12, 2013 15:50

intro to d3: basic scatterplot

<!DOCTYPE html>

<style>

.circle {

fill: steelblue;

stroke: '#fff';

}

</style>

<body>

@jgoodall

jgoodall / index.html

Last active December 22, 2015 22:09

intro to d3: dynamic properties

<!DOCTYPE html>

<body>

// 1. select all p elements (there are none)

// 2. then bind some data to the elements - data always expects an [array],

// d3's selectAll returns a placeholder since there are no p elements yet

// 3. do something with incoming data via the enter() method. since there are

@jgoodall

jgoodall / index.html

Last active December 22, 2015 22:09

intro to d3: skeleton

<!DOCTYPE html>

<body>

console.log('append the svg to the body of the page');

var svg = d3.select("body")

.append("svg")

NewerOlder