From 07589195b31b6ada8922ff25aca6c1d17feb6bdf Mon Sep 17 00:00:00 2001
From: Darby Johnston <darbyjohnston@yahoo.com>
Date: Tue, 13 Aug 2024 10:49:48 -0700
Subject: [PATCH] Refactoring

---
 README.md                  |  2 ++
 images/TransitionGraph.dot | 11 +++++++
 images/TransitionGraph.svg | 67 ++++++++++++++++++++++++++++++++++++++
 3 files changed, 80 insertions(+)
 create mode 100644 images/TransitionGraph.dot
 create mode 100644 images/TransitionGraph.svg

diff --git a/README.md b/README.md
index 65682ec..028707c 100644
--- a/README.md
+++ b/README.md
@@ -53,6 +53,8 @@ Transition:
 
 ![Transition](images/Transition.png)
 
+![Transition Graph](images/TransitionGraph.svg)
+
 Transition with an invert effect on the clips:
 
 ![Transition 2](images/Transition2.png)
diff --git a/images/TransitionGraph.dot b/images/TransitionGraph.dot
new file mode 100644
index 0000000..e73af03
--- /dev/null
+++ b/images/TransitionGraph.dot
@@ -0,0 +1,11 @@
+digraph CompositeTracks {
+    FillOp [shape=box, label="FillOp: Background color", fontsize=12, margin=0.05, width=0, height=0]
+    ReadOp [shape=box, label="ReadOp: Counter.2.png", fontsize=12, margin=0.05, width=0, height=0]
+    ReadOp2 [shape=box, label="ReadOp: Color_Blue.png", fontsize=12, margin=0.05, width=0, height=0]
+    TransitionOp [shape=box, label="TransitionOp", fontsize=12, margin=0.05, width=0, height=0]
+    OverOp [shape=box, label="OverOp", fontsize=12, margin=0.05, width=0, height=0]
+    FillOp -> OverOp;
+    ReadOp -> TransitionOp;
+    ReadOp2 -> TransitionOp;
+    TransitionOp -> OverOp;
+}
diff --git a/images/TransitionGraph.svg b/images/TransitionGraph.svg
new file mode 100644
index 0000000..cff1741
--- /dev/null
+++ b/images/TransitionGraph.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+ "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Generated by graphviz version 2.43.0 (0)
+ -->
+<!-- Title: CompositeTracks Pages: 1 -->
+<svg width="396pt" height="143pt"
+ viewBox="0.00 0.00 395.50 143.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 139)">
+<title>CompositeTracks</title>
+<polygon fill="white" stroke="transparent" points="-4,4 -4,-139 391.5,-139 391.5,4 -4,4"/>
+<!-- FillOp -->
+<g id="node1" class="node">
+<title>FillOp</title>
+<polygon fill="none" stroke="black" points="162,-78 0,-78 0,-57 162,-57 162,-78"/>
+<text text-anchor="middle" x="81" y="-64.4" font-family="Times,serif" font-size="12.00">FillOp: Background color</text>
+</g>
+<!-- OverOp -->
+<g id="node5" class="node">
+<title>OverOp</title>
+<polygon fill="none" stroke="black" points="179.5,-21 124.5,-21 124.5,0 179.5,0 179.5,-21"/>
+<text text-anchor="middle" x="152" y="-7.4" font-family="Times,serif" font-size="12.00">OverOp</text>
+</g>
+<!-- FillOp&#45;&gt;OverOp -->
+<g id="edge1" class="edge">
+<title>FillOp&#45;&gt;OverOp</title>
+<path fill="none" stroke="black" d="M93.37,-56.92C103.83,-48.82 119.03,-37.04 131.33,-27.51"/>
+<polygon fill="black" stroke="black" points="133.53,-30.23 139.3,-21.34 129.25,-24.7 133.53,-30.23"/>
+</g>
+<!-- ReadOp -->
+<g id="node2" class="node">
+<title>ReadOp</title>
+<polygon fill="none" stroke="black" points="212.5,-135 63.5,-135 63.5,-114 212.5,-114 212.5,-135"/>
+<text text-anchor="middle" x="138" y="-121.4" font-family="Times,serif" font-size="12.00">ReadOp: Counter.2.png</text>
+</g>
+<!-- TransitionOp -->
+<g id="node4" class="node">
+<title>TransitionOp</title>
+<polygon fill="none" stroke="black" points="268,-78 180,-78 180,-57 268,-57 268,-78"/>
+<text text-anchor="middle" x="224" y="-64.4" font-family="Times,serif" font-size="12.00">TransitionOp</text>
+</g>
+<!-- ReadOp&#45;&gt;TransitionOp -->
+<g id="edge2" class="edge">
+<title>ReadOp&#45;&gt;TransitionOp</title>
+<path fill="none" stroke="black" d="M152.98,-113.92C165.97,-105.61 185.01,-93.44 200.1,-83.78"/>
+<polygon fill="black" stroke="black" points="202.36,-86.49 208.9,-78.16 198.59,-80.59 202.36,-86.49"/>
+</g>
+<!-- ReadOp2 -->
+<g id="node3" class="node">
+<title>ReadOp2</title>
+<polygon fill="none" stroke="black" points="387.5,-135 230.5,-135 230.5,-114 387.5,-114 387.5,-135"/>
+<text text-anchor="middle" x="309" y="-121.4" font-family="Times,serif" font-size="12.00">ReadOp: Color_Blue.png</text>
+</g>
+<!-- ReadOp2&#45;&gt;TransitionOp -->
+<g id="edge3" class="edge">
+<title>ReadOp2&#45;&gt;TransitionOp</title>
+<path fill="none" stroke="black" d="M294.19,-113.92C281.35,-105.61 262.54,-93.44 247.62,-83.78"/>
+<polygon fill="black" stroke="black" points="249.22,-80.65 238.92,-78.16 245.42,-86.53 249.22,-80.65"/>
+</g>
+<!-- TransitionOp&#45;&gt;OverOp -->
+<g id="edge4" class="edge">
+<title>TransitionOp&#45;&gt;OverOp</title>
+<path fill="none" stroke="black" d="M211.46,-56.92C200.85,-48.82 185.43,-37.04 172.96,-27.51"/>
+<polygon fill="black" stroke="black" points="174.95,-24.63 164.88,-21.34 170.7,-30.19 174.95,-24.63"/>
+</g>
+</g>
+</svg>