wip(mapa): Adiciona mapa de especies

edalcin · Mar 14, 2024 · 379c965 · 379c965
1 parent f32ca2c
commit 379c965
Show file tree

Hide file tree

Showing 3 changed files with 40 additions and 11 deletions.
diff --git a/web/src/components/Map.astro b/web/src/components/Map.astro
@@ -1,21 +1,17 @@
 ---
 interface Props {
-  stateList: string[]
+  data: [string, any][]
 }
 
-const { stateList } = Astro.props
-const data = [
-  ['Estado', 'Ocorrência'],
-  ...stateList.map((state) => [state, state])
-]
+const { data } = Astro.props
 ---
 
 <script type="module">
   import 'https://cdn.skypack.dev/@google-web-components/google-chart'
 </script>
 
 <google-chart
-  class="h-[200px] w-auto"
+  class="h-[500px] w-[800px]"
   type="geo"
   data={JSON.stringify(data)}
   options='{"region":"BR", "resolution":"provinces","title":"Ocorrências"}'

diff --git a/web/src/lib/mongo.ts b/web/src/lib/mongo.ts
@@ -72,6 +72,32 @@ export async function countTaxa(filter: Record<string, unknown> = {}) {
   return await taxa.countDocuments(filter)
 }
 
+export async function countTaxaRegions() {
+  const taxa = await getCollection('dwc2json', 'taxa')
+  return await taxa
+    .aggregate([
+      {
+        $match: {
+          taxonomicStatus: 'NOME ACEITO'
+        }
+      },
+      {
+        $unwind: {
+          path: '$distribution.occurrence'
+        }
+      },
+      {
+        $group: {
+          _id: '$distribution.occurrence',
+          count: {
+            $count: {}
+          }
+        }
+      }
+    ])
+    .toArray()
+}
+
 export async function getTaxon(
   kingdom: 'Plantae' | 'Fungi' | 'Animalia',
   id: string,

diff --git a/web/src/pages/taxa.astro b/web/src/pages/taxa.astro
@@ -1,10 +1,11 @@
 ---
 import BaseLayout from '../layouts/base.astro'
-import { listTaxaPaginated } from '../lib/mongo'
+import { countTaxa, countTaxaRegions, listTaxaPaginated } from '../lib/mongo'
 
-import { countTaxa } from '../lib/mongo'
+import Map from '../components/Map.astro'
 
 const taxaNum = await countTaxa()
+const taxaRegions: { _id: string; count: number }[] = await countTaxaRegions()
 
 const searchParams: Record<string, string> = Object.fromEntries(
   Array.from(Astro.url.searchParams.entries())
@@ -43,8 +44,14 @@ const searchParamsWithPage = (page: number) => {
 }
 ---
 
-<img src="/logoReflora.svg" alt="Reflora Logo" />
-<BaseLayout useTransition title="Procura de Taxa">
+<BaseLayout title="Procura de Taxa">
+  <img src="/logoReflora.svg" alt="Reflora Logo" />
+  <Map
+    data={[
+      ['Estado', 'Taxa'],
+      ...taxaRegions.map(({ _id, count }) => [_id, count] as [string, number])
+    ]}
+  />
   <section class="m-2 p-2 border rounded border-slate-400 inline-block">
     <h2 class="text-xl font-bold">Filtro</h2>
     <form class="inline-flex flex-col gap-1">