Upload 3_📔_Demos.py

pages/3_📔_Demos.py

@@ -0,0 +1,124 @@
+import streamlit as st
+from PIL import Image
+
+def main():
+    st.title("Demo Images")
+
+    st.write("This is a demo of the app using the sample group chat from the repository. "
+             "The sample chat is a conversation between three users: Person, Persona, Hito.")
+
+    st.subheader("Trends in the number of messages")
+
+    st.write("The first output from the app is the trend in the number of messages. "
+             "The image to the left shows a breakdown per user of the number of messages they have sent during their whole stay in the group. "
+             "The image to the right shows the evolution of messages by each calendar year.")
+
+    # Load images for trends in the number of messages
+    img1_path = "Imgs/DemoImages/NumberOfMessages.png"
+    img2_path = "Imgs/DemoImages/EvolutionNumberOfMessages.png"
+
+    img1 = Image.open(img1_path)
+    img2 = Image.open(img2_path)
+
+    # Keep img1 as is and resize img2 to match img1's dimensions while maintaining its aspect ratio
+    img2_resized = img2.resize(img1.size)
+
+    # Display trends in the number of messages
+    col1, col2 = st.columns(2)
+    with col1:
+        st.image(img1, caption='Number of Messages per User', use_column_width=True)
+    with col2:
+        st.image(img2_resized, caption='Evolution of Number of Messages by Year', use_column_width=True)
+
+    st.subheader("Word Cloud")
+
+    st.write("The app generates a word cloud for you to find patterns or repeated words in your conversations. "
+             "The image in the upper-left corner shows the word cloud for all of the members of the group. "
+             "The rest of the pictures show the word clouds per each member.")
+
+    # Load word cloud images
+    wordcloud_group_path = "Imgs/DemoImages/WordCloudGroup.png"
+    wordcloud_hito_path = "Imgs/DemoImages/WordCloudHito.png"
+    wordcloud_person_path = "Imgs/DemoImages/WordCloudPerson.png"
+    wordcloud_persona_path = "Imgs/DemoImages/WordCloudPersona.png"
+
+    wordcloud_group = Image.open(wordcloud_group_path)
+    wordcloud_hito = Image.open(wordcloud_hito_path)
+    wordcloud_person = Image.open(wordcloud_person_path)
+    wordcloud_persona = Image.open(wordcloud_persona_path)
+
+    # Resize images to match the dimensions of the first word cloud
+    wordcloud_hito_resized = wordcloud_hito.resize(wordcloud_group.size)
+    wordcloud_person_resized = wordcloud_person.resize(wordcloud_group.size)
+    wordcloud_persona_resized = wordcloud_persona.resize(wordcloud_group.size)
+
+    # Display word cloud images in a 2x2 grid
+    col1, col2 = st.columns(2)
+    with col1:
+        st.image(wordcloud_group, caption='Word Cloud for All Members', use_column_width=True)
+        st.image(wordcloud_person_resized, caption='Word Cloud for Person', use_column_width=True)
+    with col2:
+        st.image(wordcloud_hito_resized, caption='Word Cloud for Hito', use_column_width=True)
+        st.image(wordcloud_persona_resized, caption='Word Cloud for Persona', use_column_width=True)
+
+    st.subheader("Sentiment Analysis")
+
+    st.write("Another important metric is the sentiment underneath the messages in the group. "
+             "Maybe someone is more positive or negative than the rest? "
+             "The images below show the breakdown in the sentiments of the messages each user has sent. "
+             "The code categorizes each message as positive, neutral or negative. "
+             "I provide a bar graph and a line graph version to satisfy both preferences.")
+
+    # Load sentiment analysis images
+    sentiment_hito_path = "Imgs/DemoImages/SentimentHito.png"
+    sentiment_person_path = "Imgs/DemoImages/SentimentPerson.png"
+    sentiment_persona_path = "Imgs/DemoImages/SentimentPersona.png"
+    sentiment_graph_hito_path = "Imgs/DemoImages/SentimentGraphHito.png"
+    sentiment_graph_person_path = "Imgs/DemoImages/SentimentGraphPerson.png"
+    sentiment_graph_persona_path = "Imgs/DemoImages/SentimentGraphPersona.png"
+
+    sentiment_hito = Image.open(sentiment_hito_path)
+    sentiment_person = Image.open(sentiment_person_path)
+    sentiment_persona = Image.open(sentiment_persona_path)
+    sentiment_graph_hito = Image.open(sentiment_graph_hito_path)
+    sentiment_graph_person = Image.open(sentiment_graph_person_path)
+    sentiment_graph_persona = Image.open(sentiment_graph_persona_path)
+
+    # Display sentiment analysis images side by side
+    col1, col2, col3 = st.columns(3)
+    with col1:
+        st.image(sentiment_hito, caption='Sentiment for Hito', use_column_width=True)
+    with col2:
+        st.image(sentiment_person, caption='Sentiment for Person', use_column_width=True)
+    with col3:
+        st.image(sentiment_persona, caption='Sentiment for Persona', use_column_width=True)
+
+    # Display sentiment analysis graph images side by side
+    col4, col5, col6 = st.columns(3)
+    with col4:
+        st.image(sentiment_graph_hito, caption='Sentiment Graph for Hito', use_column_width=True)
+    with col5:
+        st.image(sentiment_graph_person, caption='Sentiment Graph for Person', use_column_width=True)
+    with col6:
+        st.image(sentiment_graph_persona, caption='Sentiment Graph for Persona', use_column_width=True)
+
+    st.subheader("Activation Times")
+
+    st.write("We also care when the group is more or less active, the following figures show when the group is more active as a whole as well as a breakdown per user.")
+
+    # Load activation times images
+    activation_all_path = "Imgs/DemoImages/ActivationAll.png"
+    activation_per_user_path = "Imgs/DemoImages/ActivationPerUser.png"
+
+    activation_all = Image.open(activation_all_path)
+    activation_per_user = Image.open(activation_per_user_path)
+
+    # Display activation times images side by side
+    col1, col2 = st.columns(2)
+    with col1:
+        st.image(activation_all, caption='Activation Times for All Members', use_column_width=True)
+    with col2:
+        st.image(activation_per_user, caption='Activation Times per User', use_column_width=True)
+
+if __name__ == "__main__":
+    main()