Website Updates (#51)

**General Updates**: + Improves content across the site + Adds axis formatting to more charts + Updates language from "bot retweet networks to "bot retweet communities" + Splits bot opinions chart to its own page **Force Graphs**: + fixes dynamic layout concerns, but still running into issues of scale (we need smaller networks to display or else it takes too long to load the data), so this page is hidden / not implemented **Daily Activity Chart**: + enables customization of which metrics are selectable (no metrics hides the form altogether) **Top User Opinions Chart**: + removes tooltips from top users chart controls, to improve layout on mobile devices + resets chart defaults, to encourage more interaction with chart controls **User Opinion Dashboard**: + changes normal button submit to a typeahead selection pre-filled with screen names of top users
s2t2 · Jan 21, 2021 · 2caa2c0 · 2caa2c0
1 parent ff2903d
commit 2caa2c0
Show file tree

Hide file tree

Showing 44 changed files with 1,809 additions and 863 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -16,14 +16,17 @@
     "react": "^16.13.1",
     "react-bootstrap": "^1.3.0",
     "react-bootstrap-range-slider": "^1.2.2",
+    "react-bootstrap-typeahead": "^5.1.4",
     "react-dom": "^16.13.1",
+    "react-force-graph": "^1.37.1",
     "react-ga": "^3.1.2",
     "react-gauge-chart": "^0.2.5",
     "react-plotly.js": "^2.5.0",
     "react-router-bootstrap": "^0.25.0",
     "react-router-dom": "^5.2.0",
     "react-scripts": "3.4.3",
     "react-scrollable-anchor": "^0.6.1",
+    "react-sizeme": "^2.6.12",
     "react-spinners": "^0.9.0",
     "react-sticky": "^6.0.3",
     "react-wordcloud": "^1.2.7",

diff --git a/src/_App/About.js b/src/_App/About.js
@@ -6,44 +6,24 @@ import Container from 'react-bootstrap/Container'
 import Card from 'react-bootstrap/Card'
 
 import AboutCard from './About/Card'
+//import MethodologyCard from './Methodology/Card'
 
 export default function About() {
 
     return (
         <Container fluid>
             <AboutCard/>
 
-            <Card>
-                <Card.Body>
-                    <Card.Title><h3>Methodology</h3></Card.Title>
-
-                    <Card.Text>
-                        Read about our methodology in rough chronological order by following the outline below:
-                    </Card.Text>
-
-                    {/* todo: make this from the sidebar sitemap */}
-                    <ol type="I">
-                        <li><a href="/tweet-collection">Tweet Collection</a></li>
-                        <li><a href="/bot-detection">Bot Detection</a></li>
-                        <li><a href="/bot-networks">Bot Networks</a></li>
-                        <li><a href="/opinion-models">Opinion Models</a></li>
-                        <li><a href="/user-opinions">User Opinions</a></li>
-                        <li><a href="/top-user-opinions">Top User Opinions</a></li>
-                        <li><a href="/bot-beneficiaries">Bot Beneficiaries</a></li>
-                        <li><a href="/bot-language">Bot Language</a></li>
-                        <li><a href="/bot-impact">Bot Impact</a></li>
-                    </ol>
-                </Card.Body>
-            </Card>
+            {/* <MethodologyCard/> */}
 
             <Card>
                 <Card.Body>
                     <Card.Title><h3>Team</h3></Card.Title>
 
                     <ul>
                         <li><a href="https://www.zlisto.com/">Prof. Tauhid Zaman</a> (Yale University)</li>
-                        <li><a href="https://prof-rossetti.herokuapp.com/">Michael Rossetti</a> (Georgetown University, New York University)</li>
-                        <li>Special thanks to <a href="https://scholar.google.com/citations?hl=en&user=Xw7yaiUAAAAJ">Mohammad Samiul Islam</a> for front-end development and data visualization contributions!</li>
+                        <li><a href="https://prof-rossetti.herokuapp.com/">Michael J Rossetti</a> (Georgetown University, New York University)</li>
+                        <li>Special thanks to <a href="https://scholar.google.com/citations?hl=en&user=Xw7yaiUAAAAJ">Mohammad Samiul Islam</a> for website development support!</li>
                     </ul>
                 </Card.Body>
             </Card>
@@ -53,10 +33,11 @@ export default function About() {
                     <Card.Title><h3>Source Code</h3></Card.Title>
 
                     <ul>
-                        <li><a href="https://github.com/zaman-lab/tweet-analyzer-py/blob/master/start">Tweet Collection and Analysis (Colab Notebooks)</a></li>
-                        <li><a href="https://github.com/zaman-lab/tweet-analyzer-py">Tweet Collection and Analysis (Python Scripts)</a></li>
-                        <li><a href="https://github.com/zaman-lab/tweet-analyzer-py/blob/master/api">Tweet Analysis API (Flask)</a></li>
-                        <li><a href="https://github.com/zaman-lab/impeachment-web-react">Tweet Analysis Website (React)</a></li>
+                        <li><a href="https://github.com/zaman-lab/tweet-analyzer-py/blob/master/start">Tweet Collection and Analysis Notebooks (Python)</a></li>
+                        <li><a href="https://github.com/zaman-lab/tweet-analyzer-py">Tweet Collection and Analysis Scripts (Python)</a></li>
+
+                        <li><a href="https://github.com/zaman-lab/tweet-analyzer-py/blob/master/api">Impeachment Tweet Analysis API (Python / Flask)</a> -- powers parts of this website </li>
+                        <li><a href="https://github.com/zaman-lab/impeachment-web-react">Impeachment Tweet Analysis Website (JavaScript / React.js)</a> -- this website!</li>
                     </ul>
 
                 </Card.Body>

diff --git a/src/_App/App.js b/src/_App/App.js
@@ -12,6 +12,7 @@ import Col from 'react-bootstrap/Col'
 //import Card from 'react-bootstrap/Card'
 
 import 'bootstrap/dist/css/bootstrap.min.css'
+//import 'react-bootstrap-typeahead/css/Typeahead.css';
 import './App.css'
 
 //import Home from './Home.js'
@@ -144,9 +145,9 @@ export default function App() {
                                 {sidebarRoutes}
 
                                 <Route exact path="/"><Redirect to="/bot-impact" /></Route>
-                                <Route exact path="/bot-clustering"><Redirect to="/bot-networks" /></Route>
-                                <Route exact path="/bot-communities"><Redirect to="/bot-networks" /></Route>
                                 <Route exact path="/bot-classification"><Redirect to="/bot-detection" /></Route>
+                                <Route exact path="/bot-communities"><Redirect to="/bot-clustering" /></Route>
+                                <Route exact path="/bot-networks"><Redirect to="/bot-clustering" /></Route>
 
                             </Switch>
                         </Col>

diff --git a/src/_App/BotAnalysis/Activity/DailyActivity.js b/src/_App/BotAnalysis/Activity/DailyActivity.js