Skip to content

Instantly share code, notes, and snippets.

View jasondavies's full-sized avatar
💭
💡

Jason Davies jasondavies

💭
💡
3.2k followers · 41 following
View GitHub Profile
@jasondavies
jasondavies / index.html
Created July 23, 2011 10:02 — forked from hperantunes/index.html
hexagons test
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>Hexagons Test</title>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.min.js"></script>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.behavior.min.js"></script>
<style type="text/css">
svg {
border: solid 1px #aaa;
@jasondavies
jasondavies / index.html
Created July 27, 2011 16:54
Paths Example for r43ch
<!DOCTYPE html>
<html>
<head>
<title>Paths</title>
<script src="http://mbostock.github.com/d3/d3.min.js"></script>
<style>
body {
font: 10px sans-serif;
}
@jasondavies
jasondavies / index.html
Created September 4, 2011 16:32
Geographic projections
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://raw.github.com/mbostock/d3/master/d3.min.js"></script>
<script type="text/javascript" src="https://raw.github.com/mbostock/d3/master/d3.geo.min.js"></script>
<script type="text/javascript" src="https://raw.github.com/mbostock/d3/master/d3.layout.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<style type="text/css">
text {
font: 10px sans;
@jasondavies
jasondavies / README.md
Created October 13, 2011 11:49
Zoom/Pan Map Example

Demonstrates using d3.behavior.zoom with a geographic projection. Based on an example by Iain Dillingham.

@jasondavies
jasondavies / index.html
Created October 16, 2011 16:10 — forked from mbostock/.block
Force Layout with fixed Mouseover Labels
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js?2.1.3"></script>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.geom.js?2.1.3"></script>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.layout.js?2.1.3"></script>
<style type="text/css">
.link {
stroke: #ccc;
@jasondavies
jasondavies / button.css
Created October 19, 2011 19:13
button {
font: 14px Helvetica Neue;
background-color: #222;
background-image: -moz-linear-gradient(top, rgba(255,255,255,.25), rgba(255,255,255,.11));
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(255,255,255,.25)),color-stop(1, rgba(255,255,255,.11)));
background-image: -webkit-linear-gradient(rgba(255,255,255,.25), rgba(255,255,255,.11));
color: #fff;
text-rendering: optimizeLegibility;
text-shadow: 0 -1px 1px #222;
padding: 6px 10px 6px 10px;
@jasondavies
jasondavies / index.html
Created October 20, 2011 06:45 — forked from ZJONSSON/index.html
Contour Test using Jason Davies' implementation with D3
<html>
<head>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"></script>
<script type="text/javascript" src="https://raw.github.com/jasondavies/conrec.js/master/conrec.js"></script>
<script type="text/javascript" src="multiplot.js"></script>
</head>
<body>
<script type="text/javascript">
var c = new Conrec(),
xs = d3.range(0, data[0].length),
@jasondavies
jasondavies / index.html
Created October 27, 2011 14:45
Counties of the United Kingdom
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<link type="text/css" rel="stylesheet" href="style.css"/>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"></script>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.csv.js"></script>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.layout.js"></script>
<style type="text/css">
@jasondavies
jasondavies / .block
Last active June 5, 2025 09:53 — forked from mbostock/.block
Parallel Coordinates
license: gpl-3.0
@jasondavies
jasondavies / index.html
Created December 31, 2011 12:22
Fast highlighting in D3
<!DOCTYPE html>
<head>
<title>Fast highlighting in D3</title>
<style>
circle { fill: #fff; stroke: #000; }
.highlight { fill: #fc0; }
</style>
<script src="http://d3js.org/d3.v2.min.js"></script>
</head>
<body>