init

Author: airslice

.yarn/install-state.gz

@@ -1,22 +1,23 @@
 {
-  "name": "reearth-visualizer-plugin-shadcn-template",
+  "name": "30day-map-challenge-2024-hdx",
   "version": "0.0.1",
   "type": "module",
   "engines": {
     "node": ">=20.11.0"
   },
   "scripts": {
-    "dev:demo:main": "cross-env EXTENSION_NAME=demo UI_NAME=main vite -c configs/ui.ts",
-    "build:demo:main": "cross-env EXTENSION_NAME=demo UI_NAME=main vite build -c configs/ui.ts",
-    "build:demo:extension": "cross-env EXTENSION_NAME=demo vite build -c configs/extension.ts",
-    "build:demo": "run-s build:demo:main build:demo:extension",
-    "build": "run-s build:demo zip",
+    "dev:diseaseoutbreaks:main": "cross-env EXTENSION_NAME=diseaseoutbreaks UI_NAME=main vite -c configs/ui.ts",
+    "build:diseaseoutbreaks:main": "cross-env EXTENSION_NAME=diseaseoutbreaks UI_NAME=main vite build -c configs/ui.ts",
+    "build:diseaseoutbreaks:extension": "cross-env EXTENSION_NAME=diseaseoutbreaks vite build -c configs/extension.ts",
+    "build:diseaseoutbreaks": "run-s build:diseaseoutbreaks:main build:diseaseoutbreaks:extension",
+    "build": "run-s build:diseaseoutbreaks zip",
     "preview": "vite preview --port 5005 --strict-port",
     "zip": "node ./scripts/zip.mjs",
     "lint": "eslint .",
     "fix": "eslint --fix .",
     "format": "prettier --write .",
-    "dev-build": "concurrently 'yarn dev:demo:main' 'yarn build:demo:main --watch' 'yarn build:demo:extension --watch' 'vite preview --port 5005 --strict-port'"
+    "dev-build": "concurrently 'yarn dev:diseaseoutbreaks:main' 'yarn build:diseaseoutbreaks:main --watch' 'yarn build:diseaseoutbreaks:extension --watch' 'vite preview --port 5005 --strict-port'",
+    "data": "node ./scripts/data.mjs"
   },
   "dependencies": {
     "@radix-ui/react-icons": "1.3.0",
@@ -25,7 +26,8 @@
     "@radix-ui/react-slot": "1.1.0",
     "class-variance-authority": "0.7.0",
     "clsx": "2.1.1",
-    "lucide-react": "0.400.0",
+    "lucide-react": "^0.454.0",
+    "recharts": "^2.13.2",
     "tailwind-merge": "2.3.0",
     "tailwindcss-animate": "1.0.7"
   },
@@ -39,6 +41,7 @@
     "@vitejs/plugin-react": "4.3.1",
     "archiver": "7.0.1",
     "autoprefixer": "10.4.19",
+    "chroma-js": "3.1.2",
     "concurrently": "8.2.2",
     "cross-env": "7.0.3",
     "eslint": "9.6.0",
@@ -56,6 +59,7 @@
     "vite": "5.3.1",
     "vite-plugin-cdn-import": "1.0.1",
     "vite-plugin-singlefile": "2.0.2",
+    "xlsx": "0.18.5",
     "yml": "1.0.0"
   },
   "resolutions": {

package.json

@@ -1,10 +1,17 @@
-id: reearth-visualizer-plugin-shadcn-template
-name: Visualizer plugin shadcn template
+id: global-pandemic-and-epidemic-prone-diseaseoutbreaks
+name: Global Pandemic- and Epidemic-Prone Disease Outbreaks
 version: 1.0.0
 extensions:
-  - id: demo
+  - id: diseaseoutbreaks
     type: widget
-    name: Demo
+    name: Global Pandemic- and Epidemic-Prone Disease Outbreaks
+    widgetLayout:
+      extendable:
+        horizontally: true
+      defaultLocation:
+        zone: outer
+        section: center
+        area: bottom
     schema:
       groups:
         - id: appearance

public/reearth.yml

@@ -0,0 +1,104 @@
+import { readFileSync, writeFileSync } from "fs";
+import path from "path";
+
+import * as XLSX from "xlsx";
+import { read } from "xlsx/xlsx.mjs";
+
+const root = path.resolve("./");
+const source = `${root}/source`;
+const output = `${root}/src/data`;
+
+const buf = readFileSync(`${source}/disease_outbreaks_HDX.xlsx`);
+const workbook = read(buf);
+
+const sheetName = workbook.SheetNames[0];
+const worksheet = workbook.Sheets[sheetName];
+
+const jsonData = XLSX.utils.sheet_to_json(worksheet);
+
+if (!jsonData) {
+  throw new Error("No data found");
+}
+
+// Remove header row
+jsonData.shift();
+
+// Pick the data we needed
+const yearlyOutbreaksCount = jsonData.reduce((acc, data) => {
+  const year = data["Year"];
+
+  if (!year) {
+    return acc;
+  }
+
+  if (!acc[year]) {
+    acc[year] = 0;
+  }
+
+  acc[year] += 1;
+
+  return acc;
+}, {});
+
+writeFileSync(
+  `${output}/yearlyCount.json`,
+  JSON.stringify(yearlyOutbreaksCount)
+);
+
+const countryOutbreaks = jsonData.reduce((acc, data) => {
+  const country = data["iso2"];
+  const year = data["Year"];
+  const disease = data["Disease"];
+
+  if (!country || !year) {
+    return acc;
+  }
+
+  if (!acc[year]) {
+    acc[year] = {};
+  }
+
+  if (!acc[year][country]) {
+    acc[year][country] = [];
+  }
+
+  acc[year][country].push(disease);
+
+  return acc;
+}, {});
+
+writeFileSync(
+  `${output}/countryOutbreaks.json`,
+  JSON.stringify(countryOutbreaks)
+);
+
+// get all the contries from the data
+const countries = jsonData.reduce((acc, data) => {
+  const country = data["iso2"];
+
+  if (!acc.includes(country)) {
+    acc.push(country);
+  }
+
+  return acc;
+}, []);
+
+const simpleGeojson = JSON.parse(
+  readFileSync(`${source}/ne_110m_admin_0_countries.geojson`)
+);
+
+const filteredGeojson = {
+  type: "FeatureCollection",
+  features: simpleGeojson.features.map((feature) => {
+    if (!countries.includes(feature.properties.iso_a2)) return null;
+    return {
+      ...feature,
+      properties: {
+        isoA2: feature.properties.iso_a2,
+        admin: feature.properties.admin,
+      },
+    };
+  }),
+};
+
+writeFileSync(`${output}/countries.geojson`, JSON.stringify(filteredGeojson));

scripts/data.mjs

@@ -0,0 +1 @@
+{"1996":78,"1997":42,"1998":86,"1999":67,"2000":40,"2001":49,"2002":36,"2003":83,"2004":73,"2005":40,"2006":43,"2007":29,"2008":48,"2009":207,"2010":73,"2011":48,"2012":33,"2013":33,"2014":40,"2015":57,"2016":58,"2017":57,"2018":43,"2019":95,"2020":254,"2021":273,"2022":420,"2023":367,"2024":278}