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.
This force-directed graph is based on the very nice example provided by Mike Bostock. Instead of character co-occurence in Les Misérables, this shows linking of PHP files within the MediaWiki v1.21.2 source code.
Check it out here.
- Add arrows to show that graph is directed.
# Author: Cifro Nix, http://about.me/Cifro | |
# | |
# usage: | |
# ./create-thumbnails.sh | |
# will produce thumbnails with name "<id>.jpg" with size 220x122 | |
# | |
# different size: | |
# ./create-thumbnails.sh 640x360 -big | |
# will produce thumbnails with name "<id>-big.jpg" with size 640x360 |
@@ oooo ooo
@@ $ $ $ $
@@ "o $ $ o""
@@ o " "ooooo
@@ oo "" o$
@@ o o oo "
@@ $$ $o$""$o ooo$
@@ $"$ o $ "$ $
@@ o$o $ "$ $ $ $ $
@@ $$$o $$ "$ o$ $ o $o