Built with blockbuilder.org
forked from EE2dev's block: sequence explorer - with events not connected to the next one
license: mit |
Built with blockbuilder.org
forked from EE2dev's block: sequence explorer - with events not connected to the next one
<!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> |