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