temporal

Author: mktip

README.md

@@ -1,7 +1,5 @@
 # BeyondMoore
 
-This is an [Observable Framework](https://observablehq.com/framework) project. To start the local preview server, run:
-
 ```
 npm run dev
 ```
@@ -43,11 +41,11 @@ A typical Framework project looks like this:
 
 ## Command reference
 
-| Command           | Description                                              |
-| ----------------- | -------------------------------------------------------- |
-| `npm install`            | Install or reinstall dependencies                        |
-| `npm run dev`        | Start local preview server                               |
-| `npm run build`      | Build your static site, generating `./dist`              |
-| `npm run deploy`     | Deploy your project to Observable                        |
-| `npm run clean`      | Clear the local data loader cache                        |
-| `npm run observable` | Run commands like `observable help`                      |
+| Command              | Description                                 |
+| -------------------- | ------------------------------------------- |
+| `npm install`        | Install or reinstall dependencies           |
+| `npm run dev`        | Start local preview server                  |
+| `npm run build`      | Build your static site, generating `./dist` |
+| `npm run deploy`     | Deploy your project to Observable           |
+| `npm run clean`      | Clear the local data loader cache           |
+| `npm run observable` | Run commands like `observable help`         |

docs/BeyondMoore-DidemUnat.png

@@ -0,0 +1,17 @@
+# Abstract
+
+<style>
+</style>
+
+<div class="grid grid-cols-2">
+<div class="">
+
+**BeyondMoore** addresses the timely research challenge of solving the software side of the Post Moore crisis. The techno-economical model in computing, known as the Moore’s Law, has led to an exceptionally productive era for humanity and numerous scientific discoveries over the past 50+ years. However, due to the fundamental limits in chip manufacturing we are about to mark the end of Moore’s Law and enter a new era of computing where continued performance improvement will likely emerge from extreme heterogeneity. The new systems are expected to bring a diverse set of hardware accelerators and memory technologies.
+
+**BeyondMoore** has an ambitious goal to develop a software framework that performs static and dynamic optimizations, issues accelerator-initiated data transfers, and reasons about parallel execution strategies that exploit both processor and memory heterogeneity.
+
+**Budget**: 1.5 Million Euros
+
+</div>
+<img class="" src="./BeyondMoore-DidemUnat.png" alt="BeyondMoore Timeline" width="100%"/>
+</div>

docs/abstract.md

@@ -0,0 +1,3 @@
+@import url("observablehq:default.css");
+@import url("observablehq:theme-deep-space.css");
+@import "tailwindcss/utilities" layer(utilities);

docs/assets/style.css

@@ -1,16 +1,29 @@
 import * as Plot from "npm:@observablehq/plot";
 
-export function timeline(events, {width, height} = {}) {
+export function timeline(events, { width, height } = {}) {
   return Plot.plot({
     width,
     height,
     marginTop: 30,
-    x: {nice: true, label: null, tickFormat: ""},
-    y: {axis: null},
+    x: { nice: true, label: null, tickFormat: "" },
+    y: { axis: null },
     marks: [
-      Plot.ruleX(events, {x: "year", y: "y", markerEnd: "dot", strokeWidth: 2.5}),
+      Plot.ruleX(events, {
+        x: "year",
+        y: "y",
+        markerEnd: "dot",
+        strokeWidth: 2.5,
+      }),
       Plot.ruleY([0]),
-      Plot.text(events, {x: "year", y: "y", text: "name", lineAnchor: "bottom", dy: -10, lineWidth: 10, fontSize: 12})
-    ]
+      Plot.text(events, {
+        x: "year",
+        y: "y",
+        text: "name",
+        lineAnchor: "bottom",
+        dy: -10,
+        lineWidth: 10,
+        fontSize: 12,
+      }),
+    ],
   });
 }

docs/components/timeline.js

@@ -1,8 +1,8 @@
 [
-  {"name": "Sputnik 1", "year": 1957, "y": 10},
-  {"name": "Apollo 11", "year": 1969, "y": 20},
-  {"name": "Viking 1 and 2", "year": 1975, "y": 30},
-  {"name": "Space Shuttle Columbia", "year": 1981, "y": 40},
-  {"name": "Hubble Space Telescope", "year": 1990, "y": 50},
-  {"name": "ISS Construction", "year": 1998, "y": 60}
+  { "name": "Sputnik 1", "year": 1957, "y": 10 },
+  { "name": "Apollo 11", "year": 1969, "y": 20 },
+  { "name": "Viking 1 and 2", "year": 1975, "y": 30 },
+  { "name": "Space Shuttle Columbia", "year": 1981, "y": 40 },
+  { "name": "Hubble Space Telescope", "year": 1990, "y": 50 },
+  { "name": "ISS Construction", "year": 1998, "y": 60 }
 ]

docs/data/events.json

@@ -1,5 +1,5 @@
-import {csvFormat, tsvParse} from "d3-dsv";
-import {utcParse} from "d3-time-format";
+import { csvFormat, tsvParse } from "d3-dsv";
+import { utcParse } from "d3-time-format";
 
 async function text(url) {
   const response = await fetch(url);
@@ -18,22 +18,26 @@ const TOP_LAUNCH_VEHICLES = new Set([
   "Proton",
   "Titan",
   "Zenit",
-  "Atlas"
+  "Atlas",
 ]);
 
 // “Top” launching states
 const TOP_STATES_MAP = new Map([
   ["US", "United States"],
   ["SU", "Soviet Union"],
   ["RU", "Russia"],
-  ["CN", "China"]
+  ["CN", "China"],
 ]);
 
 // Load and parse launch vehicles.
-const launchVehicles = tsvParse(await text("https://planet4589.org/space/gcat/tsv/tables/lv.tsv"));
+const launchVehicles = tsvParse(
+  await text("https://planet4589.org/space/gcat/tsv/tables/lv.tsv"),
+);
 
 // Construct map to lookup vehicle family from name.
-const launchVehicleFamilyMap = new Map(launchVehicles.map((d) => [d["#LV_Name"], d.LV_Family.trim()]));
+const launchVehicleFamilyMap = new Map(
+  launchVehicles.map((d) => [d["#LV_Name"], d.LV_Family.trim()]),
+);
 
 // Reduce cardinality by mapping smaller states to “Other”.
 function normalizeState(d) {
@@ -50,12 +54,15 @@ function normalizeFamily(d) {
 const parseDate = utcParse("%Y %b %_d");
 
 // Load and parse launch-log and trim down to smaller size.
-const launchHistory = tsvParse(await text("https://planet4589.org/space/gcat/tsv/derived/launchlog.tsv"), (d) => ({
-  date: parseDate(d.Launch_Date.slice(0, 11)),
-  state: normalizeState(d.LVState),
-  stateId: d.LVState,
-  family: normalizeFamily(d.LV_Type)
-})).filter((d) => d.date != null);
+const launchHistory = tsvParse(
+  await text("https://planet4589.org/space/gcat/tsv/derived/launchlog.tsv"),
+  (d) => ({
+    date: parseDate(d.Launch_Date.slice(0, 11)),
+    state: normalizeState(d.LVState),
+    stateId: d.LVState,
+    family: normalizeFamily(d.LV_Type),
+  }),
+).filter((d) => d.date != null);
 
 // Write out csv formatted data.
 process.stdout.write(csvFormat(launchHistory));