Merge pull request #24 from olinpin/youri

Pie chart

.idea/.gitignore

@@ -0,0 +1,3 @@
+# Default ignored files
+/shelf/
+/workspace.xml

.idea/.name

@@ -0,0 +1 @@
+neca.py

.idea/inspectionProfiles/profiles_settings.xml

@@ -0,0 +1,6 @@
+<component name="InspectionProjectProfileManager">
+  <settings>
+    <option name="USE_PROJECT_PROFILE" value="false" />
+    <version value="1.0" />
+  </settings>
+</component>

.idea/misc.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectRootManager" version="2" project-jdk-name="Python 3.10" project-jdk-type="Python SDK" />
+</project>

.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/twitter-project.iml" filepath="$PROJECT_DIR$/.idea/twitter-project.iml" />
+    </modules>
+  </component>
+</project>

.idea/twitter-project.iml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="PYTHON_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+  <component name="PyDocumentationSettings">
+    <option name="format" value="PLAIN" />
+    <option name="myDocStringFormat" value="Plain" />
+  </component>
+</module>

.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>

dashboard.py

@@ -46,7 +46,7 @@ def generate_tweet(ctx, e):
     # emit to outside world
     emit('tweet', tweet)
     for w in words(tweet['text']):
-        emit('balk', {
+        emit('pie', {
             'action': 'add',
             'value': (str(w), 1)
         })

dashboard_static/index.html

@@ -110,8 +110,10 @@
                         <span class="material-symbols-outlined order-btn">arrow_downward</span>
                     </div>
                     <div class="popchart column">
-                        <span class="colheader chartheader">Sports Popularity Chart</span>
+
-                        <div id="balk" style="height:300px; background-color: white;"></div>
+                        <span class="colheader chartheader">Sports Popularity Filter</span>
+                        <div id="pie" style="height:300px; background-color: white;"></div>
+
                     </div>
                 </div>
             </div>
@@ -126,12 +128,13 @@
     <script src="./lib/tweets.js"></script>
     <script src="./js/code.js"></script>
     <script src="./js/events.js"></script>
+    <script src="./lib/jquery.flot.pie.js"></script>
     <script>
         block("#tweet").tweets({
             memory: 20
         });
-        block('#balk').barchart();
+        block('#pie').piechart();
-        events.connect('balk', '#balk');
+        events.connect('pie', '#pie');
         events.connect("tweet", "#tweet");
 
         // // create a rolling chart block