Skip to content

Instantly share code, notes, and snippets.

View nick3499's full-sized avatar
🏠
Working from home

nick3499 nick3499

🏠
Working from home
  • USA
View GitHub Profile
@nick3499
nick3499 / index.html
Last active March 2, 2017 18:14 — forked from d3byex/index.html
D3byEX 5.8: Range Bands (Adapted to D3.js v4)
<!DOCTYPE html>
<html>
<meta charset=utf-8>
<head>
<meta name="description"
content="D3.js v4, .scaleBand, .rangeRound,
ordinal scale with range bands" />
</head>
<body>
<script src="http://d3js.org/d3.v4.js"></script>
@nick3499
nick3499 / index.html
Last active March 3, 2017 18:20 — forked from d3byex/index.html
D3byEX 5.7: Categorical / Ordinal Colors (Adapted to D3.js v4)
<!DOCTYPE html>
<html>
<meta charset=utf-8>
<head>
<meta name="description"
content="D3.js v4, d3.scaleOrdinal(d3.schemeCategory10)
categorical ordinal colors" />
</head>
<body>
<script src="http://d3js.org/d3.v4.min.js"></script>
@nick3499
nick3499 / index.html
Last active March 3, 2017 17:53 — forked from d3byex/index.html
D3byEX 5.6: Ordinal Scale (Adapted to D3.js v4)
<!DOCTYPE html>
<html>
<meta charset=utf-8>
<head>
<meta name="description"
content="D3.js v4, .scaleOrdinal, ordinal scale" />
</head>
<body>
<script src="http://d3js.org/d3.v4.min.js"></script>
<script>
@nick3499
nick3499 / index.html
Last active March 3, 2017 17:49 — forked from d3byex/index.html
D3byEX 5.5: Linear Scale (Adapted to D3.js v4)
<!DOCTYPE html>
<html>
<meta charset=utf-8>
<head>
<meta name="description" content="D3.js v4, .scaleLinear" />
</head>
<body>
<script src="http://d3js.org/d3.v4.min.js"></script>
<script>
var url = "https://gist.githubusercontent.com/d3byex/e5ce6526ba2208014379/raw/8fefb14cc18f0440dc00248f23cbf6aec80dcc13/walking_dead_s5.csv";
@nick3499
nick3499 / index.html
Last active March 3, 2017 17:40 — forked from d3byex/index.html
D3byEX 4.10: Bar Graph with Margin and Axis (Adapted to D3.js v4)
<!DOCTYPE html>
<html>
<meta charset=utf-8>
<head>
<script src='http://d3js.org/d3.v4.min.js'></script>
<script src='https://d3js.org/d3-selection-multi.v1.min.js'></script>
<meta name='description'
content='D3.js v4, .axisLeft, .scaleLinear, Left Axis' />
</head>
<body>
@nick3499
nick3499 / index.html
Last active March 3, 2017 17:05 — forked from d3byex/index.html
D3byEX 4.9: Axis with Inverted Labels (Adapted to D3.js v4)
<!DOCTYPE html>
<html>
<meta charset=utf-8>
<head>
<script src="http://d3js.org/d3.v4.min.js"></script>
<script src="https://d3js.org/d3-selection-multi.v1.min.js"></script>
<meta name="description"
content="D3.js, .axisLeft, .scaleLinear, inverted labels,
axis left" />
</head>
@nick3499
nick3499 / index.html
Last active March 3, 2017 16:59 — forked from d3byex/index.html
D3byEX 4.8: Left Axis (Adapted to D3.js v4)
<!DOCTYPE html>
<html>
<meta charset=utf-8>
<head>
<script src="http://d3js.org/d3.v4.min.js"></script>
<script src="https://d3js.org/d3-selection-multi.v1.min.js"></script>
<meta name="description"
content="D3.js v4, .axisLeft, .scaleLinear, Axis Left" />
</head>
<body>
@nick3499
nick3499 / index.html
Last active March 3, 2017 16:54 — forked from d3byex/index.html
D3byEX: 4.7: Right Axis (Adapted to D3.js v4)
<!DOCTYPE html>
<html>
<meta charset=utf-8>
<head>
<script src="http://d3js.org/d3.v4.min.js"></script>
<script src="https://d3js.org/d3-selection-multi.v1.min.js"></script>
<meta name="description"
content="D3.js v4, .scaleLinear, .axisRight, axis right" />
</head>
<body>
@nick3499
nick3499 / index.html
Last active March 3, 2017 16:47 — forked from d3byex/index.html
D3byEX 4.6: Top Axis (Adapted to D3.js v4)
<!DOCTYPE html>
<html>
<meta charset=utf-8>
<head>
<script src="http://d3js.org/d3.v4.min.js"></script>
<script src="https://d3js.org/d3-selection-multi.v1.min.js"></script>
<meta name="description"
content="D3.js v4, .scaleLinear, .axisTop, axis top" />
</head>
<body>
@nick3499
nick3499 / index.html
Last active March 3, 2017 16:38 — forked from d3byex/index.html
D3byEX 4.5: Axis with Style (Adapted to D3.js v4)
<!DOCTYPE html>
<html>
<meta charset=utf-8>
<head>
<script src="http://d3js.org/d3.v4.min.js"></script>
<script src="https://d3js.org/d3-selection-multi.v1.min.js"></script>
<meta name="description" content="D3.js v4, .axisBottom, .scaleLinear,
axis bottom, selection multi" />
</head>
<body>