Segment cycle detection improvement and new exmaple data

src/components/ExampleSelectButtons.js

@@ -87,7 +87,16 @@ class ExampleSelectButtons extends Component {
             this.handleClick(dataOriginTypes.EXAMPLE_8, "plainColors")
           }
         >
-          Multiple Nodes Cycle
+          Multiple Nodes Cycle 1
+        </Button>
+        <Button
+          color="primary"
+          id="example9"
+          onClick={() =>
+            this.handleClick(dataOriginTypes.EXAMPLE_9, "plainColors")
+          }
+        >
+          Multiple Nodes Cycle 2
         </Button>
       </Form>
     );

src/components/TubeMapContainer.js

@@ -272,7 +272,6 @@ class TubeMapContainer extends Component {
           0,
           1 // Examples always have reads as track 1
         );
-        console.log("READS", reads);
         break;
       case dataOriginTypes.EXAMPLE_8:
         vg = data.cycleGraph;
@@ -285,8 +284,20 @@ class TubeMapContainer extends Component {
           0,
           1 // Examples always have reads as track 1
         );
-
-        console.log("READS", reads);
+
+        break;
+      case dataOriginTypes.EXAMPLE_9:
+        vg = data.cycle2Graph;
+        nodes = tubeMap.vgExtractNodes(vg);
+        tracks = tubeMap.vgExtractTracks(vg, 0, 0); // Examples have paths and haplotypes as track 0.
+        reads = tubeMap.vgExtractReads(
+          nodes,
+          tracks,
+          data.cycle2Reads,
+          0,
+          1 // Examples always have reads as track 1
+        );
+
         break;
       case dataOriginTypes.NO_DATA:
         // Leave the data empty.

src/enums.js

@@ -8,5 +8,6 @@ export const dataOriginTypes = {
   EXAMPLE_6: "example 6",
   EXAMPLE_7: "example 7",
   EXAMPLE_8: "example 8",
+  EXAMPLE_9: "example 9",
   NO_DATA: "no data",
 };