Skip to content

Instantly share code, notes, and snippets.

@danharr
danharr / index.html
Last active August 29, 2015 13:57
History of WWE title holders
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>WWE Title reigns visualised using d3.js</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
<script src="http://d3js.org/d3.v3.min.js"></script>
@danharr
danharr / index.html
Last active August 29, 2015 13:57
Passing the ball
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Lines using D3.js</title>
<script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<style type="text/css">
@danharr
danharr / cities.csv
Last active August 29, 2015 13:57
Passes during a game
name latitude longitude population color
Aguero 37.7244 -122.421 0.083884 #3BB9FF
Barry 37.7107 -122.4372 0.058439 #3BB9FF
Cahill 37.697 -122.4534 0.032994 #0000A0
Davies 37.6833 -122.4696 0.007549 #0000A0
Dzeko 37.6696 -122.4858 -0.017896 #3BB9FF
Eagles 37.6559 -122.502 -0.043341 #0000A0
Hart 37.6422 -122.5182 -0.068786 #3BB9FF
Jaaskelainen 37.6285 -122.5344 -0.094231 #0000A0
Johnson 37.6148 -122.5506 -0.119676 #3BB9FF
@danharr
danharr / index.html
Last active August 29, 2015 13:57
Swimlanes for media plans
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>Media Plan</title>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.v2.js"></script>
<style type="text/css">
@font-face{font-family:danx;src:url('http://www.24-the-movie.com/dandelion in the spring.ttf')}
@danharr
danharr / d3.parsets.css
Last active August 29, 2015 13:57
Web Site Visits (via Jason Davies)
.dimension { cursor: ns-resize; }
.category { cursor: ew-resize; }
.dimension tspan.name { font-size: 1.5em; fill: #333; font-weight: bold; }
.dimension tspan.sort { fill: #000; cursor: pointer; opacity: 0; }
.dimension tspan.sort:hover { fill: #333; }
.dimension:hover tspan.name { fill: #000; }
.dimension:hover tspan.sort { opacity: 1; }
line { stroke: #000; }
rect { fill: #fff; fill-opacity: 0; }
.dimension rect, .category rect { stroke: none; }
@danharr
danharr / index.html
Last active August 29, 2015 13:57
Day Parting
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Social Dashboard</title>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.v2.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
<style type="text/css">
@danharr
danharr / index.html
Last active August 29, 2015 13:57
BrainViz
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>quick brain demo</title>
@danharr
danharr / data.csv
Last active August 29, 2015 13:57
Path to Conversion
anon2-anon2-anon2-anon2-anon2-anon2 35
anon2-anon2-anon2-anon2-anon2-Programmatic 2
anon2-anon2-anon2-anon2-anon2-Other 1
anon2-anon2-anon2-anon2-anon2-LinkedIn 1
anon2-anon2-anon2-anon2-anon2-Google Organic 1
anon2-anon2-anon2-anon2-anon2 5
anon2-anon2-anon2-anon2-Programmatic-anon2 1
anon2-anon2-anon2-anon2-Other 1
anon2-anon2-anon2-anon2-Google Organic-Google PPC 1
anon2-anon2-anon2-anon2 4
@danharr
danharr / index.html
Last active August 29, 2015 13:57
Web Site Flow
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Artemis Path Analysis</title>
<script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
<style type="text/css">
@danharr
danharr / index.html
Last active August 29, 2015 13:57
Circles as volumes
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Which UK postal areas have most customers etc.</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
<script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script>