From bb31d7a0da8b1e0521672a6aae6adc06c59087b2 Mon Sep 17 00:00:00 2001
From: nickgrifasi <nickgrifasi@vt.edu>
Date: Wed, 29 Mar 2023 21:58:03 -0400
Subject: [PATCH] python visualization added to pyscript

---
 pyscript.html | 102 ++++++++++++++++++++++++++++----------------------
 1 file changed, 58 insertions(+), 44 deletions(-)

diff --git a/pyscript.html b/pyscript.html
index 7e06c4d..3c0728e 100644
--- a/pyscript.html
+++ b/pyscript.html
@@ -1,49 +1,63 @@
 <!DOCTYPE html>
 <html>
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-        <title></title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-    </head>
-    <body>
-       
-    </body>
-</html>
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <title></title>
+        <meta name="description" content="">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
+        <script defer src="https://pyscript.net/alpha/pyscript.js"></script>
+        <py-env>
+            - matplotlib
+            - pandas
+            - paths:
+                - ./InteractionPrototype.csv_merged_result_unannotated.csv
+        </py-env>
+    </head>
+    <body>
+        <div id="matplotlib-lineplot"> </div>
+        <py-script output="matplotlib-lineplot">
+            # Python Code
+             #importing pandas
+            import pandas
+            df = pandas.read_csv('./InteractionPrototype.csv_merged_result_unannotated.csv')
+            # importing the matplotlib library
+            import matplotlib.pyplot as plt
+            fig, ax = plt.subplots()
+            # x axis
+            x = ["FF Event", "Document Event", "Other Event", "Window Event"]
+            # y axis
+            y = [10, 5, 9, 7]
+            plt.plot(x, y, marker='o', linestyle='-', color='b')
+            # Naming the x-label
+            plt.xlabel('Event Names')
+            # Naming the y-label
+            plt.ylabel('Num Events')
+            # Naming the title of the plot
+            plt.title('Event Name vs Num Events')
+            fig
+        </py-script>
 
-<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
-<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
+        <div id="matplotlib-bar"></div>
+        <py-script output="matplotlib-bar">
+        # Python Code
+        # importing the matplotlib library
+        import matplotlib.pyplot as plt
+        fig, ax = plt.subplots()
+        # x axis
+        x = ["Away Time", "Reading Time", "Other"]
+        # y axis
+        y = [300, 520, 60]
+        plt.bar(x, y)
+        # Naming the x-label
+        plt.xlabel('Time Type')
+        # Naming the y-label
+        plt.ylabel('Score')
+        # Naming the title of the plot
+        plt.title('Time Type vs Time')
+        fig
+     </py-script>
 
-<body>
-        <py-script>print("Hello, World!")</py-script>
     </body>
-
-<py-env>
-        - matplotlib
-</py-env>
-
-<div id="matplotlib-lineplot"> </div>
-
-<body>
-            <div id="matplotlib-lineplot"></div>
-            <py-script output="matplotlib-lineplot">
-                # Python Code
-               
-                # importing the matplotlib library
-                import matplotlib.pyplot as plt
-                fig, ax = plt.subplots()
-                # x axis
-                x = ["Python", "C++", "JavaScript", "Golang"]
-                # y axis
-                y = [10, 5, 9, 7]
-                plt.plot(x, y, marker='o', linestyle='-', color='b')
-                # Naming the x-label
-                plt.xlabel('Language')
-                # Naming the y-label
-                plt.ylabel('Score')
-                # Naming the title of the plot
-                plt.title('Language vs Score')
-                fig
-             </py-script>
-        </body>
\ No newline at end of file
+</html>
\ No newline at end of file
-- 
GitLab