Skip to content

Instantly share code, notes, and snippets.

@d3byex
d3byex / index.html
Created December 14, 2015 01:36
D3byEX 12.9: Clipped Orthographic
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="D3byEX 12.9" />
<meta charset="utf-8">
</head>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="http://d3js.org/topojson.v1.min.js"></script>
@d3byex
d3byex / index.html
Last active November 30, 2015 01:33
D3byEX 10.9: Sankey Diagram
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="D3byEX 10.9" />
<meta charset="utf-8">
</head>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="sankey.js"></script>
<script>
@d3byex
d3byex / sankey.js
Created November 30, 2015 01:03
Sankey plugin
console.log("what?");
d3.sankey = function () {
var sankey = {},
nodeWidth = 24,
nodePadding = 8,
size = [1, 1],
nodes = [],
links = [];
@d3byex
d3byex / index.html
Created November 29, 2015 23:55
D3byEX 10.8: Streamgraph
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="D3byEX 10.8" />
<meta charset="utf-8">
</head>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
var url = 'https://gist.githubusercontent.com/d3byex/25129228aa50c30ef01f/raw/4393a0e579cbfd9bb20a431ce93c72fb1ea23537/streamgraph.json';
@d3byex
d3byex / index.html
Last active December 14, 2015 00:57
D3byEX 10.7: Chord Diagram
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="D3byEX 10.7" />
<meta charset="utf-8">
</head>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
var width = 960, height = 500;
@d3byex
d3byex / index.html
Last active December 14, 2015 00:54
D3byEX 10.6: Packed Bubbles
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="D3byEX 10.6" />
<meta charset="utf-8">
</head>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
url = 'https://gist.githubusercontent.com/d3byex/25129228aa50c30ef01f/raw/11fe9418fba81e254ad0f629b592f9e33c3241c6/sales_rollup.json';
@d3byex
d3byex / index.html
Created November 29, 2015 03:30
D3byEX 12.5: Cluster Dendrogram
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="D3byEX 10.5" />
<meta charset="utf-8">
</head>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
var url = 'https://gist.githubusercontent.com/d3byex/25129228aa50c30ef01f/raw/2f8664d0eb75ef606f412f9647116954ff0af41d/radial.json'; //url='https://gist.githubusercontent.com/d3byex/25129228aa50c30ef01f/raw/ddc1d7cf560f8fff84dd9005e5bdbdd43b39a91f/flare.json';
@d3byex
d3byex / index.html
Last active November 29, 2015 02:10
D3byEX 10.4: Tree Diagram
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="D3byEX 10.4" />
<meta charset="utf-8">
</head>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
var url = 'https://gist.githubusercontent.com/d3byex/25129228aa50c30ef01f/raw/c1c3ad9fa745c42c5410fba29cefccac47cd0ec7/familytree.json';
@d3byex
d3byex / index.html
Last active November 28, 2015 23:33
D3byEX 10.3: Expanded Area Graph
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="D3byEX 10.3" />
<meta charset="utf-8">
</head>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
var url = 'https://gist.githubusercontent.com/d3byex/25129228aa50c30ef01f/raw/17838a0a03d94328a529de1dd768e956ce217af1/stacked_bars.csv';
@d3byex
d3byex / index.html
Last active December 14, 2015 01:19
D3byEX 10.2: Stacked Area Graph
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="D3byEX 10.2" />
<meta charset="utf-8">
</head>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
var url = 'https://gist.githubusercontent.com/d3byex/25129228aa50c30ef01f/raw/17838a0a03d94328a529de1dd768e956ce217af1/stacked_bars.csv';