This example demonstrates loading of CSV data, which is then quantized into a diverging color scale. The values are visualized as colored cells per day. Days are arranged into columns by week, then grouped by month and years. Colors by Cynthia Brewer. Layout inspired by Rick Wicklin and Robert Allison. Dow Jones historical data copyright Yahoo! Finance or independent data provider; fair use for educational purposes.
| DATE | SNOWDEPTH_INCHES | |
|---|---|---|
| 1964-12-01 | 0.0 | |
| 1964-12-02 | 0.2 | |
| 1964-12-03 | 0.3 | |
| 1964-12-04 | 0.6 | |
| 1964-12-05 | 0.7 | |
| 1964-12-06 | 0.7 | |
| 1964-12-07 | 0.6 | |
| 1964-12-08 | 0.6 | |
| 1964-12-09 | 0.5 |
This example demonstrates loading of CSV data, which is then quantized into a diverging color scale. The values are visualized as colored cells per day. Days are arranged into columns by week, then grouped by month and years. Colors by Cynthia Brewer. Layout inspired by Rick Wicklin and Robert Allison. Dow Jones historical data copyright Yahoo! Finance or independent data provider; fair use for educational purposes.
| license: gpl-3.0 | |
| height: 2910 | |
| border: no |
This example demonstrates loading of CSV data, which is then quantized into a diverging color scale. The values are visualized as colored cells per day. Days are arranged into columns by week, then grouped by month and years. Colors by Cynthia Brewer. Layout inspired by Rick Wicklin and Robert Allison. Dow Jones historical data copyright Yahoo! Finance or independent data provider; fair use for educational purposes.
Inspired by Trulia Trends - but with code and using SVG.
Example data shows concurrent user sessions over time, taken from a development environment.
| endpoints=(sizes regions images ssh_keys) | |
| for i in "${endpoints[@]}"; do | |
| url=`printf "https://api.digitalocean.com/%s/?client_id=%s&api_key=%s" $i $DO_CLIENT_ID $DO_API_KEY` | |
| curl --silent $url | python -mjson.tool | |
| done |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta http-equiv="Content-type" content="text/html; charset=utf-8"> | |
| <title>Mobile Patent Suits</title> | |
| <script src="http://d3js.org/d3.v3.min.js"></script> | |
| <style type="text/css"> | |
| path.link { | |
| fill: none; |
This.
| from time import sleep | |
| import json | |
| import csv | |
| import re | |
| import requests | |
| from omgsecrets import MAPQUEST_APP_KEY | |
| DIVVY_STATIONS_URL = 'http://divvybikes.com/stations/json' | |
| MAPQUEST_URL = 'http://open.mapquestapi.com/directions/v2/routematrix?key={appkey}' |