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:

View meteor_servercall.html
{{> simple}}
{{> passData}}
<template name="simple">
View gist:9279692
<!DOCTYPE article SYSTEM "journalpub-oasis3.dtd">
<article xmlns:xlink="" xmlns:mml="" xmlns:oasis="" article-type="research-article" dtd-version="3.0" xml:lang="EN">
<def-list id="DL1">
<title>Abbreviations: </title>
View Solarized High Contrast Dark.itermcolors
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "">
<plist version="1.0">
<key>Ansi 0 Color</key>
<key>Blue Component</key>
<key>Green Component</key>
View .tmux.conf.local
#bind S source-file ~/.tmux/session1
#bind s source-file ~/.tmux/session2
# improve colors
set -g default-terminal 'screen-16color'
# renumber windows sequentially after closing any of them
# set -g renumber-windows on
View fiddle.css
* a good excuse to play with gists
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
View index.html
<head profile="">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="shortcut icon" href="" type="image/">
<meta name="Generator" content="Drupal 7 (">
<link rel="alternate" type="application/rss+xml" title="Front page feed" href="">
<title>Ecology Action of Texas</title>
<style type="text/css" media="all">@import url("");
@import url("");
@import url("");
View dabblet.css
View rwd.css
/* */
/* Landscape phones and down */
@media (max-width: 480px) { ... }
/* Landscape phone to portrait tablet */
@media (max-width: 768px) { ... }
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 940px) { ... }