Additional Comments (#17)

* Added comments for code to be used in graph component

Co-authored-by: Christina Or <or.christina27@gmail.com>
Co-authored-by: Peng Dong <dongpeng101@gmail.com>
Co-authored-by: Ozair Ghulam <ozairghulam@yahoo.com>

Author: 4 people

src/app/components/BarGraph.tsx

@@ -95,7 +95,9 @@ const BarGraph = props => {
     return d.snapshotId;
   };
 
+  // returns snapshot id when invoked in tooltip section
   const formatSnapshotId = id => `Snapshot ID: ${id}`;
+  // returns render time when invoked in tooltip section
   const formatRenderTime = time => `${time} ms `;
 
   // create visualization SCALES with cleaned data

src/app/components/PerformanceVisx.tsx

@@ -233,7 +233,7 @@ const PerformanceVisx = (props: BarStackProps) => {
       />
     );
   };
-
+  // create allRoutes variable to hold urls
   const allRoutes = [];
   const filteredSnapshots = [];
   // loop through data.barStack
@@ -275,6 +275,7 @@ const PerformanceVisx = (props: BarStackProps) => {
     // maxTotalRender height of bar is aligned to y-axis
     // 1.15 adjusts the numbers on the y-axis so the max bar's true height never reaches the max of the y-axis
     data.maxTotalRender = maxHeight * 1.15;
+    // assign holdData to data.barStack to be used later to create graph
     if (holdData) data.barStack = holdData;
   }