Skip to content

Instantly share code, notes, and snippets.

View aaronkyle's full-sized avatar

Aaron Kyle Dennis aaronkyle

View GitHub Profile
@aaronkyle
aaronkyle / index.html
Created May 20, 2018 01:05 — forked from d3noob/.block
Sankey diagram using a csv file with v4
<!DOCTYPE html>
<meta charset="utf-8">
<title>SANKEY Experiment</title>
<style>
.node rect {
cursor: move;
fill-opacity: .9;
shape-rendering: crispEdges;
}
@aaronkyle
aaronkyle / index.html
Created May 20, 2018 01:05 — forked from d3noob/index.html
Sankey using named nodes in v4
<!DOCTYPE html>
<meta charset="utf-8">
<title>SANKEY Experiment</title>
<style>
.node rect {
cursor: move;
fill-opacity: .9;
shape-rendering: crispEdges;
}
@aaronkyle
aaronkyle / index.html
Created May 20, 2018 01:05 — forked from d3noob/index.html
Sankey diagram with full motion nodes in v4
<!DOCTYPE html>
<meta charset="utf-8">
<title>SANKEY Experiment</title>
<style>
.node rect {
cursor: move;
fill-opacity: .9;
shape-rendering: crispEdges;
}
@aaronkyle
aaronkyle / index.html
Created May 20, 2018 01:05 — forked from d3noob/index.html
Sankey Diagram with v4
<!DOCTYPE html>
<meta charset="utf-8">
<title>SANKEY Experiment</title>
<style>
.node rect {
cursor: move;
fill-opacity: .9;
shape-rendering: crispEdges;
}
@aaronkyle
aaronkyle / index.html
Last active May 20, 2018 01:05 — forked from d3noob/index.html
Sankey Diagram with v4
<!DOCTYPE html>
<meta charset="utf-8">
<title>SANKEY Experiment</title>
<style>
.node rect {
cursor: move;
fill-opacity: .9;
shape-rendering: crispEdges;
}
@aaronkyle
aaronkyle / index.html
Created May 20, 2018 01:05 — forked from d3noob/.block
Sankey diagram using names in JSON
<!DOCTYPE html>
<meta charset="utf-8">
<title>SANKEY Experiment</title>
<style>
.node rect {
cursor: move;
fill-opacity: .9;
shape-rendering: crispEdges;
}
@aaronkyle
aaronkyle / index.html
Created May 20, 2018 01:05 — forked from d3noob/.block
Sankey diagram from formatted JSON
<!DOCTYPE html>
<meta charset="utf-8">
<title>SANKEY Experiment</title>
<style>
.node rect {
cursor: move;
fill-opacity: .9;
shape-rendering: crispEdges;
}
@aaronkyle
aaronkyle / index.html
Created May 20, 2018 00:30 — forked from d3noob/.block
Sankey from csv with d3.js
<!DOCTYPE html>
<meta charset="utf-8">
<title>SANKEY Experiment</title>
<style>
.node rect {
cursor: move;
fill-opacity: .9;
shape-rendering: crispEdges;
}
@aaronkyle
aaronkyle / .block
Created May 20, 2018 00:29 — forked from mbostock/.block
Sankey Diagram
border: no
license: gpl-3.0
@aaronkyle
aaronkyle / README.md
Created May 20, 2018 00:29 — forked from jeinarsson/README.md
pathSankey - Minimal example

pathSankey minimal example

Visualization of paths as flows through layers of nodes. The figure is discussed in detail in a blog post.

A little more worked example of the re-usable chart is in a neighbouring gist.