barebones application, remove default code

ancasarb · Nov 13, 2024 · a349a7d · a349a7d
1 parent a7d87a9
commit a349a7d
Show file tree

Hide file tree

Showing 15 changed files with 1,639 additions and 414 deletions.
diff --git a/observablehq.config.js b/observablehq.config.js
@@ -6,15 +6,10 @@ export default {
   // The pages and sections in the sidebar. If you don’t specify this option,
   // all pages will be listed in alphabetical order. Listing pages explicitly
   // lets you organize them into sections and have unlisted pages.
-  // pages: [
-  //   {
-  //     name: "Examples",
-  //     pages: [
-  //       {name: "Dashboard", path: "/example-dashboard"},
-  //       {name: "Report", path: "/example-report"}
-  //     ]
-  //   }
-  // ],
+  pages: [
+    {name: "Explore regions", path: "/explore-regions"},
+    {name: "Explore indicators", path: "/explore-indicators"}
+  ],
 
   // Content to add to the head of the page, e.g. for a favicon:
   head: '<link rel="icon" href="observable.png" type="image/png" sizes="32x32">',
@@ -25,10 +20,10 @@ export default {
   // Some additional configuration options and their defaults:
   // theme: "default", // try "light", "dark", "slate", etc.
   // header: "", // what to show in the header (HTML)
-  // footer: "Built with Observable.", // what to show in the footer (HTML)
+  footer: "", // what to show in the footer (HTML)
   // sidebar: true, // whether to show the sidebar
-  // toc: true, // whether to show the table of contents
-  // pager: true, // whether to show previous & next links in the footer
+  toc: false, // whether to show the table of contents
+  pager: false, // whether to show previous & next links in the footer
   // output: "dist", // path to the output root for build
   // search: true, // activate search
   // linkify: true, // convert URLs in Markdown to links

diff --git a/src/assets/images/APT_logo.jpg b/src/assets/images/APT_logo.jpg
diff --git a/src/assets/images/VFSG_logo.svg b/src/assets/images/VFSG_logo.svg
diff --git a/src/components/timeline.js b/src/components/timeline.js
diff --git a/src/data/apt_data.csv b/src/data/apt_data.csv
diff --git a/src/data/apt_data.csv.js b/src/data/apt_data.csv.js
@@ -0,0 +1,4 @@
+import * as d3 from 'd3';
+
+const data = await d3.csv('apt_data.csv');
+process.stdout.write(csvFormat(data));
diff --git a/src/data/events.json b/src/data/events.json
diff --git a/src/data/forecast.json.js b/src/data/forecast.json.js
diff --git a/src/data/launches.csv.js b/src/data/launches.csv.js
diff --git a/src/example-dashboard.md b/src/example-dashboard.md
diff --git a/src/example-report.md b/src/example-report.md
diff --git a/src/explore-indicators.md b/src/explore-indicators.md
@@ -0,0 +1,25 @@
+---
+title: Explore indicators
+toc: false
+---
+
+# Explore data by indicators
+
+```js
+const indicators = view(
+  Inputs.select(
+    new Map([
+      ["Ratification of the UN Convention against Torture", 1],
+      ["Ratification of Optional Protocol (OPCAT)", 2],
+      ["Submission of initial report to CAT", 3],
+      ["Prohibition of torture in the constitution", 4],
+      ["Criminalisation of torture under domestic law", 5],
+      ["Designation of the National Preventive Mechanism (in law)", 6],
+      ["Operationality of the National Preventive Mechanism", 7],
+      ["Existence of National Human Rights Institution that fully complies with Paris Principles", 8],
+    ]),
+    {value: 1, label: "Indicator", format: ([name, value]) => `${name}`, width: 600},
+  )
+);
+indicators
+```
diff --git a/src/explore-regions.md b/src/explore-regions.md
@@ -0,0 +1,28 @@
+---
+title: Explore regions
+toc: false
+---
+
+# Explore data by regions
+
+```js
+const apt_data = FileAttachment("data/apt_data.csv").csv({typed: true});
+```
+<!-- <span class="big">${apt_data.filter((d) => d.Region === "Americas").length.toLocaleString("en-US")}</span> -->
+
+
+```js
+const regions = view(
+  Inputs.select(
+    new Map([
+      ["Africa", 1],
+      ["Americas", 2],
+      ["Asia-Pacific", 3],
+      ["Europe", 4],
+      ["Middle East", 5]
+    ]),
+    {value: 4, label: "Region", format: ([name, value]) => `${name}`, width:150}
+  )
+);
+regions
+```