site: publish evolving-data research portfolio (#6)

Author: ShuhaoZhangTony

assets/research-portfolio.js

@@ -0,0 +1,49 @@
+(() => {
+  const container = document.querySelector("[data-research-portfolio]");
+  if (!container) return;
+
+  const status = container.querySelector("[data-research-status]");
+  const source = container.dataset.source;
+
+  const addText = (parent, className, text, element = "span") => {
+    const node = document.createElement(element);
+    node.className = className;
+    node.textContent = text;
+    parent.append(node);
+    return node;
+  };
+
+  fetch(source)
+    .then((response) => {
+      if (!response.ok) throw new Error(`portfolio request failed: ${response.status}`);
+      return response.json();
+    })
+    .then((manifest) => {
+      if (manifest.schema_version !== 1 || !Array.isArray(manifest.projects)) {
+        throw new Error("unsupported research portfolio manifest");
+      }
+
+      const fragment = document.createDocumentFragment();
+      manifest.projects.forEach((project) => {
+        const card = document.createElement(project.url ? "a" : "article");
+        card.className = `research-card${project.url ? "" : " is-unlinked"}`;
+        if (project.url) card.href = project.url;
+
+        const head = document.createElement("div");
+        head.className = "research-card-head";
+        addText(head, "research-card-code", project.code);
+        addText(head, "research-card-stage", project.stage);
+        card.append(head);
+        addText(card, "", project.name, "h3");
+        addText(card, "", project.summary, "p");
+        addText(card, "research-card-role", project.role);
+        fragment.append(card);
+      });
+
+      container.replaceChildren(fragment);
+    })
+    .catch((error) => {
+      status.textContent = "The research portfolio could not be loaded. Open the versioned manifest for the current record.";
+      status.title = error.message;
+    });
+})();

data/research-portfolio.json

@@ -0,0 +1,61 @@
+{
+  "schema_version": 1,
+  "projects": [
+    {
+      "code": "SEMANTIC",
+      "name": "Semantic-MR",
+      "url": null,
+      "role": "Semantic and graph processing",
+      "summary": "Deterministic semantic aggregation over telemetry and evolving records.",
+      "stage": "PRIVATE INCUBATION"
+    },
+    {
+      "code": "LINK",
+      "name": "Wiki-Link Retrieval",
+      "url": "https://github.com/RIDE-Lab/wiki-link-retrieval",
+      "role": "Semantic and graph processing",
+      "summary": "Graph-backed retrieval over evolving linked corpora with reproducible corpus and query provenance.",
+      "stage": "PUBLIC INCUBATION"
+    },
+    {
+      "code": "ANNS",
+      "name": "NewGammaFresh",
+      "url": "https://github.com/intellistream/NewGammaFresh",
+      "role": "Dynamic vector indexes",
+      "summary": "Continuous ANNS under update and query pressure, including delete absorption and rebuild boundaries.",
+      "stage": "PRIVATE INCUBATION"
+    },
+    {
+      "code": "TIME",
+      "name": "TA-RAG",
+      "url": "https://github.com/intellistream/TA-RAG",
+      "role": "Temporal retrieval",
+      "summary": "Time-aware retrieval contracts, temporal splits, baselines, and reproducible evaluation.",
+      "stage": "PRIVATE INCUBATION"
+    },
+    {
+      "code": "LIFECYCLE",
+      "name": "Temporal RAG",
+      "url": "https://github.com/intellistream/sage-temporal-memory",
+      "role": "Temporal data lifecycle",
+      "summary": "Temporal visibility, versions, updates, expiry semantics, and matched retrieval evaluation.",
+      "stage": "PRIVATE INCUBATION"
+    },
+    {
+      "code": "GRAPH",
+      "name": "GRACE",
+      "url": "https://github.com/DataSysResearch/GRACE",
+      "role": "Dynamic graph systems",
+      "summary": "Property-guided reconstruction and rebalancing for efficient dynamic graph processing.",
+      "stage": "GRADUATED"
+    },
+    {
+      "code": "BENCH",
+      "name": "BriskSeed",
+      "url": "https://github.com/DataSysResearch/CANDOR-Bench/tree/BriskSeed",
+      "role": "Continuous ANNS evaluation",
+      "summary": "A governed CANDOR-Bench research branch for continuous ANNS seeding and evaluation.",
+      "stage": "GRADUATED BRANCH"
+    }
+  ]
+}

index.html

@@ -20,6 +20,7 @@
     </a>
     <nav aria-label="Primary navigation">
       <a href="#flagships">Flagships</a>
+      <a href="#research-portfolio">Research</a>
       <a href="./achievements.html">Achievements</a>
       <a href="./members.html">Members</a>
       <a href="#directory">Repository atlas</a>
@@ -29,7 +30,7 @@
   </header>
   <nav class="mobile-nav" aria-label="Mobile navigation">
     <a class="active" href="#top">Overview</a>
-    <a href="#flagships">Flagships</a>
+    <a href="#research-portfolio">Research</a>
     <a href="./achievements.html">Papers</a>
     <a href="./members.html">Members</a>
     <a href="https://github.com/DataSysResearch">GitHub <span aria-hidden="true">↗</span></a>
@@ -117,6 +118,16 @@ <h3>Sesame</h3>
       </div>
     </section>
 
+    <section class="section research-portfolio" id="research-portfolio">
+      <div class="section-head">
+        <div><p class="eyebrow">Evolving-data research</p><h2>Seven questions. One data-systems home.</h2></div>
+        <p>These projects study framework-neutral processing, retrieval, indexing, temporal state, and evaluation. Incubating projects retain their current repositories and access boundaries until they satisfy the DataSys graduation contract.</p>
+      </div>
+      <div class="research-grid" data-research-portfolio data-source="./data/research-portfolio.json">
+        <p class="research-status" data-research-status>Loading the research portfolio…</p>
+      </div>
+    </section>
+
     <section class="section directory" id="directory">
       <div class="section-head">
         <div><p class="eyebrow">Repository atlas</p><h2>Organized by technical role.</h2></div>
@@ -187,6 +198,7 @@ <h3>Sesame</h3>
     <div><strong>DataSys</strong><span>Open systems for evolving data.</span></div>
     <nav aria-label="Footer navigation"><a href="./achievements.html">Achievements</a><a href="https://github.com/DataSysResearch">GitHub</a><a href="https://github.com/DataSysResearch/.github/blob/main/SECURITY.md">Security</a><a href="https://github.com/DataSysResearch/.github/blob/main/CONTRIBUTING.md">Contribute</a></nav>
   </footer>
+  <script src="assets/research-portfolio.js"></script>
   <script src="app.js"></script>
 </body>
 </html>

styles.css

@@ -134,6 +134,18 @@ h1 { margin: 0; font-size: clamp(72px, 11vw, 166px); line-height: .82; }
 .flagship .open { margin-top: auto; padding-top: 28px; color: var(--green); font-size: 13px; font-weight: 800; }
 
 .directory { background: var(--paper); }
+.research-portfolio { background: #e8efea; }
+.research-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
+.research-card { min-height: 230px; padding: 24px; display: flex; flex-direction: column; gap: 14px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255,255,255,.52); text-decoration: none; }
+.research-card:hover { background: var(--white); box-shadow: inset 0 4px var(--green); }
+.research-card.is-unlinked { cursor: default; }
+.research-card.is-unlinked:hover { background: rgba(255,255,255,.52); box-shadow: none; }
+.research-card-head { display: flex; justify-content: space-between; gap: 16px; align-items: start; }
+.research-card-code, .research-card-stage { color: var(--muted); font: 10px ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
+.research-card h3 { margin: 18px 0 0; font-size: 24px; }
+.research-card p { margin: 0; color: var(--muted); }
+.research-card-role { margin-top: auto; color: #527616; font-size: 12px; font-weight: 800; }
+.research-status { grid-column: 1 / -1; margin: 0; padding: 28px; color: var(--muted); }
 .filterbar { margin-bottom: 20px; display: flex; gap: 7px; flex-wrap: wrap; }
 .filter { min-height: 40px; padding: 8px 13px; color: var(--muted); background: transparent; border: 1px solid var(--line); border-radius: 4px; font-size: 13px; font-weight: 800; cursor: pointer; }
 .filter span { margin-left: 6px; color: inherit; opacity: .7; }
@@ -218,6 +230,7 @@ footer span, footer nav { color: #82918f; }
   .hero { align-content: end; }
   .scope-rail { grid-template-columns: repeat(3,minmax(0,1fr)); }
   .flagship-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
+  .research-grid { grid-template-columns: 1fr; }
   .baseline-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
   .architecture { grid-template-columns: repeat(2,minmax(0,1fr)); }
   .member-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }