Skip to content

Instantly share code, notes, and snippets.

@EE2dev
Last active January 20, 2018 15:49
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save EE2dev/00a6ef46d7a6e0ac914f334bfb51f8f6 to your computer and use it in GitHub Desktop.
Save EE2dev/00a6ef46d7a6e0ac914f334bfb51f8f6 to your computer and use it in GitHub Desktop.
sequence explorer - with events not connected to the next one
license: mit
<!DOCTYPE html>
<meta charset="utf-8">
<head>
<link rel="stylesheet" type="text/css" href="https://ee2dev.github.io/libs/sankeySeqExplorer.v20.css">
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="https://ee2dev.github.io/libs/sequence-explorer.v20.min.js"></script>
<style>
path.lsx1.ltx1 {
stroke: none; /* making all path from x1 to x1 invisible */
}
</style>
</head>
<body>
<pre id="data">frequency,sourceX,sourceY,targetX,targetY
200,1,beer,1,beer,
180,1,cider,1,cider
160,1,whisky,1,whisky
140,1,champagne,1,champagne
120,1,sparkling wine,1,sparkling wine
30,1,beer,2,beer
50,1,cider,2,cider
70,1,beer,2,sparkling wine
50,1,cider,2,whisky
100,1,whisky,2,champagne
100,1,champagne,2,cider
100,1,sparkling wine,2,beer
100,2,beer,3,whisky
100,2,cider,3,beer
30,2,whisky,3,cider
100,2,champagne,3,champagne
60,2,sparkling wine,3,cider
</pre>
<pre id="dataNodes">
sourceX,sourceY,continued session
1,beer,100
1,champagne,100
1,cider,100
1,sparkling wine,100
1,whisky,100
2,beer,100
2,champagne,100
2,cider,100
2,sparkling wine,60
2,whisky,30
</pre>
<pre id="paths">
value,sourceX,sourceY,targetX,targetY,name
100,1,beer,2,sparkling wine,my path
100,2,sparkling wine,3,cider,my path
100,2,ssparkling wine,3,cider,my path
</pre>
<script>
var myChart = sequenceExplorer.chart().showNodeLabels(false);
d3.select("body")
.append("div")
.attr("class", "chart")
.call(myChart);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment