block by EE2dev 91abcc611b66aaed6403bca1d48aedbf

Sequence explorer - main demo

Full Screen

Sequence explorer

This is the main example showing the features of sequence explorer.

More examples

Link to sequence explorer on github.

The example data contains the attendence record of a data visualization meetup in Munich. The group of members who despite responding didn’t show up are custom styled and represented by a red rectangle.

The visualization

The small multiples give you an overview over the data waiting to be explored. Each row corresponds to a subset of members based on their time they joined the group:

Each column corresponds to a subset of members based on the time of responding to the meetup announcement. This is just based on the forth meetup response reaction. The fourth meetup was announed three weeks before the actual date:

The interaction

In this example, a subset of events are specified with correspondingEvents([]) resulting in:

1) The percentage shown in the tooltip is based on just the specified events

2) clicking on a (event) label on the y axis shows percentages based on the specified events (in this case: no-show rate). The other labels on the y axis are not selectable.

3) clicking on a sequence label on the x axis displays a stack bar chart with just the specified events. The remaining labels are not included.

index.html

<!DOCTYPE html>
  <meta charset="utf-8"> <!-- also save this file as unicode-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>
  </head>
    <style>            
      rect.nyresponded_but_did_not_show_up {
         fill: red;
      }  
    </style>
  </head>
  
  <body>
    <script>
    var myChart = sequenceExplorer.chart("sankey_1234f.csv") // load data from a csv file
      .showNodeLabels(false)
      .size([900,600])
      .sequenceName("meetup")
      .eventName("action")
      .eventOrder(["joined meetup group","responded but did not show up","did not respond","responded No","responded and showed up"])
      .correspondingEvents(["responded and showed up","responded but did not show up"])
      .valueName("members")
      .particleShape("person"); 
      
    d3.select("body")
      .append("div")
      .attr("class", "chart")
      .call(myChart);
      
    </script>
  </body>
</html>

sankey_1234f_nodes.csv

sourceX,sourceY,member group,responder type,intro,photo,from Munich
meetup3,responded and showed up,before meetup 1,all responders,5,24,24
meetup2,responded No,before meetup 2,very late responders,0,0,1
meetup3,joined meetup group,all members,early responders,1,12,13
meetup3,responded No,all members,early responders,0,6,7
meetup2,responded and showed up,before meetup 2,all responders,2,20,27
meetup2,responded and showed up,all members,all responders,8,57,64
meetup3,responded but did not show up,before meetup 2,early responders,0,1,0
meetup3,did not respond,before meetup 3,very late responders,0,6,7
meetup1,did not respond,all members,early responders,0,3,3
meetup3,did not respond,all members,early responders,1,8,10
meetup3,joined meetup group,before meetup 4,all responders,1,191,194
meetup3,did not respond,before meetup 1,early responders,1,6,6
meetup4,responded and showed up,before meetup 4,all responders,0,26,29
meetup3,responded but did not show up,before meetup 3,all responders,0,20,21
meetup2,responded but did not show up,before meetup 1,all responders,0,20,20
meetup3,responded and showed up,before meetup 1,very late responders,0,2,2
meetup2,joined meetup group,before meetup 3,early responders,0,8,12
meetup2,responded No,before meetup 1,early responders,0,3,3
meetup3,responded and showed up,all members,early responders,2,17,19
before meetup1,joined meetup group,all members,all responders,19,327,338
meetup3,did not respond,before meetup 2,early responders,0,1,3
meetup2,responded and showed up,before meetup 2,very late responders,1,1,3
meetup2,did not respond,all members,all responders,9,365,387
meetup1,responded but did not show up,all members,very late responders,0,4,4
meetup1,responded but did not show up,all members,normal responders,0,1,1
meetup4,responded No,before meetup 3,early responders,0,4,4
meetup4,responded No,before meetup 4,all responders,0,12,13
meetup2,responded No,before meetup 1,all responders,4,32,35
meetup3,did not respond,before meetup 2,all responders,2,163,180
meetup4,responded No,all members,normal responders,0,2,4
meetup2,responded No,all members,very late responders,0,0,1
meetup1,responded and showed up,before meetup 1,all responders,12,53,57
meetup2,responded and showed up,all members,early responders,1,11,12
meetup2,responded but did not show up,before meetup 1,very late responders,0,1,1
meetup4,did not respond,before meetup 2,all responders,1,175,190
meetup4,responded but did not show up,before meetup 3,all responders,0,8,12
meetup3,joined meetup group,before meetup 4,early responders,1,12,13
meetup4,responded and showed up,before meetup 3,normal responders,1,3,4
meetup2,responded but did not show up,all members,all responders,0,48,47
before meetup1,joined meetup group,before meetup 1,very late responders,1,9,9
meetup4,responded but did not show up,before meetup 3,very late responders,0,5,6
meetup3,responded No,before meetup 1,all responders,3,23,23
meetup4,responded but did not show up,before meetup 4,very late responders,0,6,7
meetup3,responded and showed up,all members,all responders,8,68,72
meetup3,did not respond,all members,very late responders,1,12,15
meetup3,did not respond,before meetup 1,very late responders,0,4,4
meetup4,did not respond,before meetup 4,all responders,0,138,136
meetup4,responded and showed up,all members,normal responders,1,12,13
meetup4,responded No,before meetup 4,early responders,0,2,3
meetup3,responded No,before meetup 2,early responders,0,2,2
meetup4,responded No,before meetup 2,all responders,1,4,9
meetup2,joined meetup group,before meetup 3,very late responders,0,6,7
meetup3,responded No,all members,very late responders,0,1,1
meetup4,responded but did not show up,before meetup 3,early responders,0,1,4
meetup3,responded and showed up,before meetup 2,very late responders,0,1,2
meetup3,responded and showed up,before meetup 2,normal responders,0,1,1
meetup1,responded but did not show up,all members,early responders,0,1,1
meetup3,responded No,before meetup 1,early responders,0,4,4
meetup1,responded and showed up,before meetup 1,very late responders,1,3,3
meetup2,responded but did not show up,before meetup 2,very late responders,0,2,2
meetup1,responded No,before meetup 1,early responders,0,5,6
meetup3,joined meetup group,before meetup 4,very late responders,0,12,18
meetup1,responded and showed up,all members,all responders,12,53,57
meetup4,responded and showed up,before meetup 1,early responders,1,6,7
meetup3,did not respond,before meetup 3,normal responders,0,1,1
meetup2,did not respond,before meetup 2,normal responders,0,0,1
meetup3,responded No,before meetup 3,all responders,0,14,15
meetup2,responded No,all members,early responders,1,5,4
meetup3,responded and showed up,before meetup 3,all responders,2,35,36
meetup4,responded No,before meetup 2,normal responders,0,1,3
meetup4,responded but did not show up,all members,early responders,1,9,13
meetup3,responded No,before meetup 1,normal responders,0,1,1
meetup4,responded No,all members,early responders,1,15,17
meetup2,responded No,before meetup 2,early responders,1,2,1
meetup2,responded but did not show up,before meetup 2,early responders,0,1,1
meetup1,joined meetup group,before meetup 2,very late responders,1,3,6
meetup1,joined meetup group,before meetup 2,normal responders,0,2,4
meetup2,joined meetup group,all members,early responders,0,8,12
meetup4,responded and showed up,before meetup 2,normal responders,0,1,1
meetup4,responded but did not show up,before meetup 1,normal responders,0,2,2
meetup2,responded No,all members,normal responders,0,2,2
before meetup1,joined meetup group,all members,very late responders,1,9,9
meetup1,responded and showed up,all members,early responders,2,9,8
meetup1,did not respond,before meetup 1,very late responders,0,1,1
meetup4,did not respond,before meetup 1,all responders,15,285,296
meetup1,responded and showed up,before meetup 1,normal responders,0,5,5
meetup1,responded but did not show up,before meetup 1,very late responders,0,4,4
meetup2,responded No,before meetup 1,normal responders,0,2,2
meetup3,responded but did not show up,all members,normal responders,0,1,2
meetup2,responded No,all members,all responders,5,47,52
meetup4,responded but did not show up,before meetup 1,all responders,0,8,8
meetup4,responded and showed up,before meetup 2,all responders,1,8,10
meetup4,responded but did not show up,all members,all responders,1,34,39
meetup1,joined meetup group,before meetup 2,all responders,3,190,212
meetup1,responded No,before meetup 1,very late responders,0,1,1
meetup3,responded but did not show up,before meetup 2,all responders,0,12,10
meetup1,responded No,before meetup 1,normal responders,0,1,1
meetup4,responded No,before meetup 1,all responders,1,14,13
meetup3,responded No,all members,all responders,3,43,48
meetup1,did not respond,before meetup 1,all responders,2,176,180
meetup2,joined meetup group,all members,all responders,2,243,252
meetup2,responded and showed up,before meetup 1,early responders,1,7,7
meetup1,responded but did not show up,before meetup 1,all responders,3,54,57
meetup3,responded and showed up,before meetup 3,normal responders,1,3,3
meetup4,responded No,all members,very late responders,1,6,7
meetup3,did not respond,before meetup 1,all responders,10,269,280
meetup4,did not respond,all members,all responders,17,820,845
meetup4,responded but did not show up,all members,very late responders,0,14,16
meetup4,responded and showed up,before meetup 4,early responders,0,7,6
meetup3,joined meetup group,all members,very late responders,0,12,18
meetup3,responded and showed up,before meetup 1,early responders,1,6,6
meetup4,responded No,before meetup 2,very late responders,1,1,1
meetup3,responded but did not show up,before meetup 1,very late responders,1,2,2
meetup2,did not respond,before meetup 1,very late responders,0,2,2
meetup2,did not respond,before meetup 1,all responders,9,238,246
meetup3,responded but did not show up,all members,all responders,1,43,42
meetup4,responded and showed up,before meetup 2,early responders,1,6,5
meetup2,did not respond,before meetup 1,early responders,1,6,6
meetup1,joined meetup group,before meetup 2,early responders,1,8,9
meetup4,responded and showed up,all members,very late responders,1,10,17
meetup3,did not respond,before meetup 3,early responders,0,1,1
meetup3,responded and showed up,before meetup 2,all responders,1,9,12
meetup4,responded but did not show up,before meetup 3,normal responders,0,1,1
meetup4,responded No,before meetup 1,early responders,1,8,7
before meetup1,joined meetup group,before meetup 1,all responders,19,327,338
meetup1,responded but did not show up,before meetup 1,early responders,0,1,1
meetup2,responded and showed up,before meetup 1,very late responders,1,6,6
meetup3,did not respond,all members,normal responders,0,3,4
meetup1,responded and showed up,all members,very late responders,1,3,3
meetup1,responded No,all members,normal responders,0,1,1
meetup4,responded and showed up,all members,all responders,5,61,70
meetup1,did not respond,all members,very late responders,0,1,1
meetup3,responded and showed up,all members,normal responders,1,7,7
meetup2,did not respond,before meetup 2,all responders,0,127,141
meetup3,did not respond,before meetup 3,all responders,0,174,180
meetup1,responded No,all members,very late responders,0,1,1
meetup4,responded and showed up,before meetup 3,all responders,1,7,10
meetup4,responded No,before meetup 2,early responders,0,1,3
meetup3,responded and showed up,before meetup 2,early responders,1,4,4
meetup4,responded and showed up,before meetup 4,very late responders,0,5,9
meetup1,did not respond,all members,all responders,2,176,180
meetup4,responded but did not show up,before meetup 4,early responders,1,3,4
meetup2,responded No,before meetup 2,all responders,1,15,17
meetup4,did not respond,before meetup 3,all responders,1,222,223
meetup1,responded No,before meetup 1,all responders,2,44,44
meetup4,responded No,before meetup 1,very late responders,0,4,4
meetup3,responded but did not show up,before meetup 3,early responders,0,0,1
meetup2,responded but did not show up,before meetup 1,early responders,0,2,2
meetup1,responded but did not show up,all members,all responders,3,54,57
meetup4,responded No,before meetup 4,very late responders,0,1,2
meetup3,responded but did not show up,before meetup 1,early responders,0,2,2
meetup4,responded but did not show up,before meetup 1,very late responders,0,1,1
meetup4,responded and showed up,before meetup 2,very late responders,0,0,3
meetup2,did not respond,before meetup 2,early responders,0,1,2
meetup4,responded No,before meetup 3,all responders,0,6,7
meetup4,responded and showed up,before meetup 4,normal responders,0,3,3
meetup3,responded but did not show up,before meetup 1,normal responders,0,1,1
meetup4,responded and showed up,before meetup 3,early responders,0,3,4
meetup3,responded No,before meetup 3,early responders,0,0,1
meetup3,responded but did not show up,all members,very late responders,1,2,2
meetup2,did not respond,all members,normal responders,0,1,2
meetup3,responded No,before meetup 1,very late responders,0,1,1
meetup4,responded but did not show up,before meetup 4,all responders,1,15,16
meetup2,responded and showed up,all members,normal responders,0,6,7
meetup2,responded and showed up,before meetup 2,normal responders,0,2,3
meetup4,responded No,all members,all responders,2,36,42
meetup1,responded No,all members,early responders,0,5,6
meetup2,responded but did not show up,all members,early responders,0,3,3
meetup3,responded and showed up,before meetup 1,normal responders,0,3,3
meetup3,did not respond,before meetup 1,normal responders,0,2,2
meetup2,did not respond,all members,very late responders,0,2,2
meetup3,responded but did not show up,before meetup 1,all responders,1,11,11
meetup2,did not respond,before meetup 1,normal responders,0,1,1
meetup2,joined meetup group,before meetup 3,normal responders,1,4,5
meetup3,did not respond,before meetup 2,normal responders,0,0,1
meetup4,responded No,before meetup 4,normal responders,0,1,1
meetup1,responded and showed up,before meetup 1,early responders,2,9,8
meetup3,responded No,before meetup 2,all responders,0,6,10
before meetup1,joined meetup group,before meetup 1,normal responders,0,7,7
before meetup1,joined meetup group,all members,normal responders,0,7,7
meetup4,responded but did not show up,before meetup 1,early responders,0,4,4
meetup4,responded and showed up,before meetup 1,very late responders,1,4,4
meetup1,joined meetup group,all members,early responders,1,8,9
meetup2,responded but did not show up,before meetup 2,all responders,0,28,27
meetup3,responded but did not show up,before meetup 3,normal responders,0,0,1
meetup2,responded and showed up,before meetup 1,all responders,6,37,37
meetup1,responded No,all members,all responders,2,44,44
meetup3,responded No,before meetup 2,normal responders,0,1,2
meetup3,joined meetup group,before meetup 4,normal responders,0,8,7
meetup3,joined meetup group,all members,normal responders,0,8,7
meetup1,did not respond,before meetup 1,early responders,0,3,3
meetup4,responded but did not show up,before meetup 2,very late responders,0,2,2
meetup1,joined meetup group,all members,normal responders,0,2,4
meetup1,responded and showed up,all members,normal responders,0,5,5
meetup2,joined meetup group,all members,normal responders,1,4,5
meetup4,responded and showed up,before meetup 1,all responders,3,20,21
meetup2,joined meetup group,all members,very late responders,0,6,7
meetup4,responded and showed up,before meetup 1,normal responders,0,5,5
meetup3,did not respond,before meetup 2,very late responders,1,2,4
meetup4,responded but did not show up,all members,normal responders,0,7,6
meetup3,responded and showed up,before meetup 3,early responders,0,7,9
meetup3,responded but did not show up,all members,early responders,0,3,3
meetup1,joined meetup group,all members,all responders,3,190,212
meetup4,responded but did not show up,before meetup 2,all responders,0,3,3
meetup3,joined meetup group,all members,all responders,1,191,194
meetup1,responded but did not show up,before meetup 1,normal responders,0,1,1
meetup3,responded No,all members,normal responders,0,2,3
meetup2,responded but did not show up,all members,very late responders,0,3,3
meetup4,responded but did not show up,before meetup 4,normal responders,0,4,3
meetup2,responded and showed up,before meetup 1,normal responders,0,4,4
meetup2,responded and showed up,before meetup 2,early responders,0,4,5
before meetup1,joined meetup group,all members,early responders,2,18,18
meetup3,responded and showed up,all members,very late responders,0,3,4
meetup3,did not respond,all members,all responders,12,606,640
meetup4,responded and showed up,before meetup 3,very late responders,0,1,1
meetup1,joined meetup group,all members,very late responders,1,3,6
meetup2,responded and showed up,all members,very late responders,2,7,9
meetup4,responded and showed up,all members,early responders,2,22,22
meetup2,joined meetup group,before meetup 3,all responders,2,243,252
before meetup1,joined meetup group,before meetup 1,early responders,2,18,18
meetup4,responded but did not show up,before meetup 2,early responders,0,1,1
meetup2,did not respond,all members,early responders,1,7,8

sankey_1234f_paths.csv

value,sourceX,sourceY,targetX,targetY,member group,responder type,name
5,before meetup1,joined meetup group,meetup1,responded and showed up,all members,all responders,attendees
5,meetup1,responded and showed up,meetup2,responded and showed up,all members,all responders,attendees
5,meetup2,responded and showed up,meetup3,responded and showed up,all members,all responders,attendees
5,meetup3,responded and showed up,meetup4,responded and showed up,all members,all responders,attendees
10,before meetup1,joined meetup group,meetup1,responded but did not show up,all members,all responders,converters
10,meetup1,responded but did not show up,meetup2,did not respond,all members,all responders,converters
10,meetup2,did not respond,meetup3,responded No,all members,all responders,converters
10,meetup3,responded No,meetup4,responded and showed up,all members,all responders,converters
100,before meetup1,joined meetup group,meetup1,did not respond,all members,all responders,absentees
100,meetup1,did not respond,meetup2,did not respond,all members,all responders,absentees
100,meetup2,did not respond,meetup3,did not respond,all members,all responders,absentees
100,meetup3,did not respond,meetup4,did not respond,all members,all responders,absentees