Lars Kotthoff larskotthoff

These donut charts are constructed from a CSV file storing the populations of various age groups in different states. (As a practical note, a normalized stacked area chart facilitates easier comparison of values.) The chart employs a number of D3 features:

d3.csv - load and parse data
d3.scale.ordinal - color encoding
d3.keys - compute column names
d3.svg.arc - display arcs
d3.layout.pie - compute arc angles from data

This line chart is constructed from a TSV file storing the daily average temperatures of New York, San Francisco and Austin over the last year. The chart employs conventional margins and a number of D3 features:

d3.tsv - load and parse data
d3.time.format - parse dates
d3.time.scale - x-position encoding
d3.scale.linear - y-position encoding
d3.scale.category10, a d3.scale.ordinal - color encoding
d3.extent, d3.min and d3.max - compute domains
[d3.k

Adapting d3.geo.tile to show OpenStreetMap vector tiles. See also the static example.

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<style type="text/css">
	.axis path,
	.axis line {
	fill: none;
	stroke: black;
	shape-rendering: crispEdges;

	Code derived from the d3.js 'force' example:

	The miserables.json file contains the weighted network of coappearances of
	characters in Victor Hugo's novel /Les Miserables/. Nodes represent characters
	as indicated by the labels, and edges connect any pair of characters that
	appear in the same chapter of the book. The values on the edges are the number
	of such coappearances. The data on coappearances were taken from D. E. Knuth,
	"The Stanford GraphBase: A Platform for Combinatorial Computing",
	Addison-Wesley, Reading, MA (1993).