Skip to content

Instantly share code, notes, and snippets.

@d3byex
d3byex / index.html
Created November 19, 2015 21:16
D3byEX 4.4: Bottom Axis
<!DOCTYPE html>
<html>
<head>
<script src="http://d3js.org/d3.v3.min.js"></script>
<meta name="description" content="D3byEX 4.4" />
<meta charset="utf-8">
</head>
<body>
<script>
var data = [55, 44, 30, 23, 17, 14, 16, 25, 41, 61, 85,
@d3byex
d3byex / index.html
Created November 19, 2015 21:15
D3byEX 4.3: Bars with Margins
<!DOCTYPE html>
<html>
<head>
<script src="http://d3js.org/d3.v3.min.js"></script>
<meta name="description" content="D3byEX 4.3" />
<meta charset="utf-8">
</head>
<body>
<script>
var data = [55, 44, 30, 23, 17, 14, 16, 25, 41, 61, 85,
@d3byex
d3byex / index.html
Created November 19, 2015 21:14
D3byEX 4.2: Bars with Labels
<!DOCTYPE html>
<html>
<head>
<script src="http://d3js.org/d3.v3.min.js"></script>
<meta name="description" content="D3byEX 4.2" />
<meta charset="utf-8">
</head>
<body>
<script>
var data = [55, 44, 30, 23, 17, 14, 16, 25, 41, 61, 85,
@d3byex
d3byex / index.html
Created November 19, 2015 21:13
D3byEX 4.1: Simple Bars
<!DOCTYPE html>
<html>
<head>
<script src="http://d3js.org/d3.v3.min.js"></script>
<meta name="description" content="D3byEX 4.1" />
<meta charset="utf-8">
</head>
<body>
<script>
var data = [55, 44, 30, 23, 17, 14, 16, 25, 41, 61, 85,
@d3byex
d3byex / index.html
Created November 17, 2015 23:17
D3byEX 4.3: Margins
<!DOCTYPE html>
<html>
<head>
<script src="http://d3js.org/d3.v3.min.js"></script>
<meta name="description" content="D3byEX 4.3" />
<meta charset="utf-8">
</head>
<body>
<script>
var data = [55, 44, 30, 23, 17, 14, 16, 25, 41, 61, 85,
@d3byex
d3byex / index.html
Last active November 17, 2015 19:06
D3byEX 4.2: Bar chart with labels
<!DOCTYPE html>
<html>
<head>
<script src="http://d3js.org/d3.v3.min.js"></script>
<meta name="description" content="D3byEX 4.2" />
<meta charset="utf-8">
</head>
<body>
<script>
var data = [55, 44, 30, 23, 17, 14, 16, 25, 41, 61, 85,
@d3byex
d3byex / index.html
Last active November 17, 2015 18:43
D3byJS 4.1: Basic bar chart
<!DOCTYPE html>
<html>
<head>
<script src="http://d3js.org/d3.v3.min.js"></script>
<meta name="description" content="D3byEX 4.1" />
<meta charset="utf-8">
</head>
<body>
<script>
var data = [55, 44, 30, 23, 17, 14, 16, 25, 41, 61, 85,
@d3byex
d3byex / index.html
Created November 16, 2015 19:55
D3byEX 3.21: Layers
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="D3byEX 3.21">
</head>
<body>
<script src="http://d3js.org/d3.v3.min.js" charset=" utf-8"></script>
<svg width="720" height="375">
<circle cx="150" cy="150" r="100" style="fill:red" />
@d3byex
d3byex / index.html
Last active November 16, 2015 19:53
D3byEX 3.20: Transparency
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="D3byEX 3.20">
</head>
<body>
<script src="http://d3js.org/d3.v3.min.js" charset=" utf-8"></script>
<svg width="720" height="375">
<circle cx="150" cy="150" r="100" style="fill:red" opacity="0.5" />
@d3byex
d3byex / index.html
Created November 16, 2015 19:38
D3byEX 3.19: Groups
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="D3byEX 3.19">
</head>
<body>
<script src="http://d3js.org/d3.v3.min.js" charset=" utf-8"></script>
<svg width="720" height="200">
<rect x="0" y="0" width="50" height="50" style="fill:green" />