sequence explorer - with events not connected to the next one by EE2dev

index.html

<!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>