inf-covid19 · felipemfp · Feb 20, 2022 · Feb 20, 2022 · Feb 20, 2022 · Feb 20, 2022
diff --git a/.env b/.env
@@ -1,2 +1,3 @@
-REACT_APP_SIMILARITY_API=https://similarity-api.by.felipemfp.dev
-REACT_APP_PREDICTIONS_API= https://covid19-tools.uc.r.appspot.com
+REACT_APP_SIMILARITY_API=https://covid19-similarity-api-v0.ufrgs.dev
+REACT_APP_PREDICTIONS_API=https://covid19-tools.uc.r.appspot.com
+REACT_APP_AUTOCOVS_API=https://autocovs-api.by.felipemfp.dev
diff --git a/.env.local.backup b/.env.local.backup
@@ -0,0 +1 @@
+REACT_APP_AUTOCOVS_API=http://127.0.0.1:8000
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -23,6 +23,8 @@
     "date-fns": "^2.11.1",
     "downloadjs": "^1.4.7",
     "fuse.js": "^5.1.0",
+    "highcharts": "^10.0.0",
+    "highcharts-react-official": "^3.1.0",
     "lodash": "^4.17.15",
     "material-color-hash": "^0.1.6",
     "memoize-one": "^5.1.1",
@@ -36,6 +38,7 @@
     "pluralize": "^8.0.0",
     "polished": "^3.6.1",
     "query-string": "^6.12.1",
+    "re-resizable": "^6.9.9",
     "react": "^16.13.1",
     "react-apexcharts": "^1.3.6",
     "react-dom": "^16.13.1",

diff --git a/public/404.html b/public/404.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <meta charset="utf-8">
-    <title>COVID-19 Analysis Tools</title>
+    <title>COVID-19 Visual Analytics Tools</title>
     <meta name="description" content="A set of configurable tools around COVID-19 data." />
     <script type="text/javascript">
       // Single Page Apps for GitHub Pages

diff --git a/public/index.html b/public/index.html
@@ -21,7 +21,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>COVID-19 Analysis Tools</title>
+    <title>COVID-19 Visual Analytics Tools</title>
     <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/[email protected]/dist/semantic.min.css" />
 
     <!-- Start Single Page Apps for GitHub Pages -->

diff --git a/public/manifest.json b/public/manifest.json
@@ -1,6 +1,6 @@
 {
-  "short_name": "COVID-19 Analysis Tools",
-  "name": "COVID-19 Analysis Tools",
+  "short_name": "COVID-19 Visual Analytics Tools",
+  "name": "COVID-19 Visual Analytics Tools",
   "icons": [
     {
       "src": "favicon.ico",

diff --git a/src/App.tsx b/src/App.tsx
@@ -9,7 +9,6 @@ import ChartEditor from "./components/ChartEditor";
 import ListDescriptor from "./components/ListDescriptor";
 import Loader from "./components/Loader";
 import Metrics from "./components/Metrics/Metrics";
-import PredictionsEditor from "./components/PredictionsEditor";
 import SimilarityExplorer from "./components/Similarity/Explorer";
 import TrendEditor from "./components/TrendEditor";
 import { DATA_SOURCES } from "./constants";
@@ -18,27 +17,31 @@ import useMetadata from "./hooks/useMetadata";
 import styled from "styled-components";
 import first from "lodash/first";
 
+import AutocovsApp from "./components/Autocovs/AutocovsApp";
+import StorytellingContainer from "./components/Storytelling/StorytellingContainer";
+import SimilarityDebuggerContainer from "./components/SimilarityDebugger/SimilarityDebuggerContainer";
+
 const LAST_TAB_KEY = "covid19-tools.api.lastTab";
 
 const MENU_ITEMS = [
   {
-    name: "Chart Editor",
-    path: "/editor",
+    name: "Data Explorer",
+    path: "/data-explorer",
     component: ChartEditor,
     icon: "pie chart",
   },
   {
     name: "Trend Visualizer",
-    path: "/trends",
+    path: "/trend-visualizer",
     component: TrendEditor,
     icon: "chart line",
   },
-  {
-    name: "Prediction Visualizer",
-    path: "/predictions",
-    component: PredictionsEditor,
-    icon: "chart bar",
-  },
+  // {
+  //   name: "Prediction Visualizer",
+  //   path: "/predictions",
+  //   component: PredictionsEditor,
+  //   icon: "chart bar",
+  // },
   // {
   //   name: "Projection Visualizer",
   //   path: "/projections",
@@ -48,28 +51,50 @@ const MENU_ITEMS = [
   // },
   {
     name: "Similarity Explorer",
-    path: "/similarity/:region?",
+    path: "/similarity-explorer/:region?",
     component: SimilarityExplorer,
     icon: "searchengin",
   },
   {
-    name: "Region Metrics",
-    path: "/metrics/:region?",
+    name: "Location Inspector",
+    path: "/location-inspector/:region?",
     component: Metrics,
     icon: "dashboard",
+    external: false,
   },
   {
-    name: "COVID-19 Literature",
-    path: "/literature",
-    external: "http://coronavis-text-analytics-tool.herokuapp.com",
-    icon: "quote left",
+    name: "Insights Visualizer",
+    path: "/insights-visualizer/:region?",
+    component: StorytellingContainer,
+    icon: "map outline",
+    external: false,
   },
   {
-    name: "Brazil Dashboard",
-    path: "/brazil",
-    external: "https://covid19.ufrgs.dev/dashboard/",
-    icon: "window restore outline",
+    name: "Similarity Visualizer",
+    path: "/similarity-debugger/:region?",
+    component: SimilarityDebuggerContainer,
+    icon: "find",
+    external: false,
   },
+  {
+    name: "Waves Debugger",
+    path: "/waves-and-measurements/:region?",
+    component: AutocovsApp,
+    icon: "sliders horizontal",
+    external: false,
+  },
+  // {
+  //   name: "COVID-19 Literature",
+  //   path: "/literature",
+  //   external: "http://coronavis-text-analytics-tool.herokuapp.com",
+  //   icon: "quote left",
+  // },
+  // {
+  //   name: "Brazil Dashboard",
+  //   path: "/brazil",
+  //   external: "https://covid19.ufrgs.dev/dashboard/",
+  //   icon: "window restore outline",
+  // },
 ];
 
 function App() {
@@ -95,7 +120,7 @@ function App() {
         <img src={LogoUFRGS} height="100" alt="Universidade Federal do Rio Grande do Sul (UFRGS)" />{" "}
         <div>
           <Header as="h1">
-            COVID-19 Analysis Tools
+            COVID-19 Visual Analytics Tools
             <Header.Subheader>A set of configurable tools around COVID-19 data.</Header.Subheader>
           </Header>
         </div>

diff --git a/src/assets/SVG/DrawKit Vector Illustration Team Work (1).svg b/src/assets/SVG/DrawKit Vector Illustration Team Work (1).svg
diff --git a/src/assets/SVG/DrawKit Vector Illustration Team Work (10).svg b/src/assets/SVG/DrawKit Vector Illustration Team Work (10).svg
diff --git a/src/assets/SVG/DrawKit Vector Illustration Team Work (11).svg b/src/assets/SVG/DrawKit Vector Illustration Team Work (11).svg
diff --git a/src/assets/SVG/DrawKit Vector Illustration Team Work (12).svg b/src/assets/SVG/DrawKit Vector Illustration Team Work (12).svg