Skip to content

Instantly share code, notes, and snippets.

View vlandham's full-sized avatar

Jim Vallandingham vlandham

524 followers · 42 following
View GitHub Profile
@vlandham
vlandham / README.md
Created December 5, 2012 14:37 — forked from mbostock/.block
Focus+Context via Brushing

This examples demonstrates how to use D3's brush component to implement focus + context zooming. Click and drag in the small chart below to pan or zoom.

@vlandham
vlandham / citysearch.py
Created December 6, 2012 15:02 — forked from MoritzStefaner/citysearch.py
Search where people are moving in Germany
# coding: utf-8
# requires: pattern http://www.clips.ua.ac.be/pages/pattern
from pattern.web import *
import csv
import sys
# yeah I know
reload(sys)
sys.setdefaultencoding("utf-8")
@vlandham
vlandham / README.md
Created January 11, 2013 21:11 — forked from mbostock/.block

Brushing makes more sense for quantitative dimensions. It’s possible to use a brush to select categorical values, as shown here, though I’d recommend using per-value toggles instead. This way, users can pick arbitrary sets of values, rather than being forced to pick contiguous ranges.

@vlandham
vlandham / README.md
Last active December 11, 2015 00:08
Simple Transition

Very simple example of using D3 transitions to move some circles and change their colors

@vlandham
vlandham / index.html
Last active December 14, 2015 07:29 — forked from ZJONSSON/index.html
<!DOCTYPE html>
<html>
<head>
<title>Testing d3.js in Leaflet.js</title>
<link rel="stylesheet" href="leaflet.css"></link>
<script src="http://mbostock.github.com/d3/d3.v2.js?2.8.1"></script>
<script src="http://cdn.leafletjs.com/leaflet-0.5/leaflet.js"></script>
<style type="text/css">
svg , g
@vlandham
vlandham / math_demo.js
Created February 28, 2013 21:02 — forked from tmcw/README.md
// Turning an angle into a point on a unit
// circle and then back again
// convert from degrees to radians
D2R = Math.PI / 180;
// convert from radians to degrees
R2D = 180 / Math.PI;
// our angle
angle = 30;
@vlandham
vlandham / index.html
Last active December 14, 2015 12:38
Simpler Force Directed Radial Layout
<!DOCTYPE html>
<meta charset="utf-8">
</style>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
D2R = Math.PI / 180;
@vlandham
vlandham / index.html
Last active December 15, 2015 01:59
the illusion of links in a force
<!DOCTYPE html>
<meta charset="utf-8">
</style>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
D2R = Math.PI / 180;
@vlandham
vlandham / vis.coffee
Created April 12, 2013 14:08
attempt to grow and shrink bubbles on mouse over not a very good solution - but it works
root = exports ? this
Bubbles = () ->
# standard variables accessible to
# the rest of the functions inside Bubbles
width = 900
height = 510
data = []
node = null
@vlandham
vlandham / README.md
Created April 12, 2013 17:53 — forked from mbostock/.block

Using d3.geo.tile to display raster image tiles underneath some TopoJSON vectors, and d3.behavior.zoom for pan & zoom.