Skip to content

Instantly share code, notes, and snippets.

View d3byex's full-sized avatar

d3byex

1 follower · 0 following
View GitHub Profile
@d3byex
d3byex / index.html
Last active December 14, 2015 01:18
D3byEX 10.1: Stacked Bars
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="D3byEX 10.1" />
<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 / familytree.json
Last active November 30, 2015 00:58
D3byEX: Data for Chapter 10
{
"name": "Mike and Marcia",
"children": [
{
"name": "Children",
"children": [
{ "name": "Mikael" }
]
},
{
@d3byex
d3byex / index.html
Last active November 28, 2015 03:13
D3byEX 11.6: Multiple Links
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="D3byEX 11.6">
<meta charset="utf-8">
<style>
.link {
fill: none;
stroke: #666;
stroke-width: 1.5px;
@d3byex
d3byex / index.html
Created November 28, 2015 00:25
D3byEX 11.5: Sticky Nodes
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="D3byEX 11.5">
<meta charset="utf-8">
</head>
<body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
<script>
@d3byex
d3byex / index.html
Created November 27, 2015 23:17
D3byEX 11.4: Labeled Nodes
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="D3byEX 11.4">
<meta charset="utf-8">
</head>
<body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
<script>
var url = 'https://gist.githubusercontent.com/d3byex/5a8267f90a0d215fcb3e/raw/b53d20a8a6a82fd8bab2c03e0ec5a96262b5c8da/uni_network.json';
@d3byex
d3byex / index.html
Last active November 27, 2015 22:53
D3byEX 11.3: Repulsion
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="D3byEX 11.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/5a8267f90a0d215fcb3e/raw/b53d20a8a6a82fd8bab2c03e0ec5a96262b5c8da/uni_network.json';
@d3byex
d3byex / index.html
Last active November 27, 2015 22:50
D3byEX 11.2: Increased Link Distance
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="D3byEX 11.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/5a8267f90a0d215fcb3e/raw/b53d20a8a6a82fd8bab2c03e0ec5a96262b5c8da/uni_network.json';
@d3byex
d3byex / index.html
Last active November 27, 2015 22:50
D3byEX 11.1: Simple Force-Directed Graph
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="D3byEX 11.1">
<meta charset="utf-8">
</head>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
var url = 'https://gist.githubusercontent.com/d3byex/5a8267f90a0d215fcb3e/raw/b53d20a8a6a82fd8bab2c03e0ec5a96262b5c8da/uni_network.json';
@d3byex
d3byex / multi_network.html
Last active November 28, 2015 02:48
Data for Chapter 11
{
"nodes": [
{ "name": "Mike" },
{ "name": "Marcia" },
{ "name": "Chrissy" },
{ "name": "Selena" },
{ "name": "William" },
{ "name": "Mikael" },
{ "name": "Bleu" },
{ "name": "Tagg" },
@d3byex
d3byex / index.html
Last active November 26, 2015 00:45
D3byEX 12.19: Choropleth
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="D3byEX 12.14" />
<meta charset="utf-8">
<style>
.q0-9 { fill: rgb(247,251,255); }
.q1-9 { fill: rgb(222,235,247); }
.q2-9 { fill: rgb(198,219,239); }
.q3-9 { fill: rgb(158,202,225); }