remove Demos tab

explore.js

@@ -601,173 +601,6 @@ function renderPeriods() {
   drawLegend([]);
 }
 
-// ---------- demos leaderboard ----------
-function renderDemos() {
-  const eligible = new Set(filteredCompanies().filter(c => !state.hidden.has(c)));
-  const focus = [...state.pins].filter(c => eligible.has(c));
-  const pass = c => focus.length ? focus.includes(c) : eligible.has(c);
-  const { all } = visibleEntities();      // for stable company colors
-  const compColor = {}; all.forEach(e => compColor[e.name] = e.color);
-
-  const rows = UI_DATA.demos
-    .filter(d => d.cs.some(pass))
-    .map(d => {
-      let b = null, v = null;
-      for (let i = state.i0; i <= state.i1; i++) if (d.V[i] != null) { if (b == null) b = d.V[i]; v = d.V[i]; }
-      const val = v == null ? null : (state.allRepos ? v : v - b);
-      return { ...d, val };
-    })
-    .filter(d => d.val != null && d.val > 0)
-    .sort((a, b) => b.val - a.val)
-    .slice(0, Math.max(state.topN, 5));
-
-  const ROW = 52, IW = CW - M.left - M.right;
-  const H = M.top + rows.length * ROW + 46;
-  const svg = baseSvg(H);
-  const g = svg.append("g").attr("transform", `translate(${M.left + 130},${M.top})`);
-  const maxV = d3.max(rows, d => d.val) || 1;
-  const x = d3.scaleLinear().domain([0, maxV * 1.06]).range([0, IW - 130]);
-  g.selectAll(".gridline").data(x.ticks(6)).join("line").attr("class", "gridline")
-    .attr("y1", -6).attr("y2", rows.length * ROW).attr("x1", d => x(d)).attr("x2", d => x(d));
-  g.selectAll(".tick-label-x").data(x.ticks(6)).join("text").attr("class", "tick-label-x")
-    .attr("x", d => x(d)).attr("y", rows.length * ROW + 28).attr("text-anchor", "middle").text(fmtVal);
-  rows.forEach((d, i) => {
-    const yc = i * ROW + ROW / 2;
-    const c = d.cs.find(pass) || d.cs[0];
-    const col = compColor[c] || "#888";
-    const [auth, name] = d.id.split("/");
-    const lbl = g.append("text").attr("x", -14).attr("y", yc).attr("text-anchor", "end")
-      .attr("dominant-baseline", "central").attr("font-size", 13.5).attr("fill", "#222");
-    lbl.append("tspan").attr("font-weight", 700).text(name.length > 26 ? name.slice(0, 25) + "…" : name);
-    lbl.append("tspan").attr("x", -14).attr("dy", 14).attr("fill", "#999").attr("font-size", 11.5).text(auth);
-    g.append("rect").attr("x", 0).attr("y", yc - 13).attr("height", 26)
-      .attr("width", Math.max(2, x(d.val))).attr("rx", 5).attr("fill", col)
-      .style("cursor", "pointer")
-      .on("click", () => window.open("https://huggingface.co/spaces/" + d.id, "_blank"))
-      .append("title").text(d.id + " — demos " + d.cs.join(", "));
-    const lg = UI_DATA.companies[c] && UI_DATA.companies[c].logo;
-    if (lg) g.append("image").attr("href", lg).attr("x", Math.max(2, x(d.val)) + 8)
-      .attr("y", yc - 11).attr("width", 22).attr("height", 22);
-    g.append("text").attr("x", Math.max(2, x(d.val)) + 36).attr("y", yc)
-      .attr("dominant-baseline", "central").attr("font-size", 14.5).attr("font-weight", 700)
-      .attr("fill", "#444").text(fmtVal(d.val));
-  });
-  drawLegend([]);
-}
-
-// ---------- chart image / race video download ----------
-const logoDataCache = {};
-async function inlineLogos(svgEl) {
-  const clone = svgEl.cloneNode(true);
-  for (const img of clone.querySelectorAll("image")) {
-    const href = img.getAttribute("href");
-    if (!href || href.startsWith("data:")) continue;
-    if (!(href in logoDataCache)) {
-      try {
-        const blob = await (await fetch(href)).blob();
-        logoDataCache[href] = await new Promise(res => {
-          const r = new FileReader(); r.onload = () => res(r.result); r.readAsDataURL(blob);
-        });
-      } catch { logoDataCache[href] = null; }
-    }
-    if (logoDataCache[href]) img.setAttribute("href", logoDataCache[href]);
-    else img.remove();
-  }
-  return clone;
-}
-const EXPORT_CSS = `
-  text { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; }
-  .tick-label-y { font-size: 15px; fill: #333; }
-  .tick-label-x { font-size: 16px; fill: #333; }
-  .axis-title { font-size: 14px; font-weight: 700; fill: #222; }
-  .gridline { stroke: #ececec; stroke-width: 1; }
-  .domain-line { stroke: #d9d9d9; stroke-width: 1.5; }
-`;
-async function svgToImage(svgEl) {
-  const clone = await inlineLogos(svgEl);
-  // page CSS doesn't travel with a serialized svg — inline it, and swap the
-  // webfont (unavailable inside <img>) for a similar heavy system stack
-  const st = document.createElementNS("http://www.w3.org/2000/svg", "style");
-  st.textContent = EXPORT_CSS;
-  clone.insertBefore(st, clone.firstChild);
-  for (const t of clone.querySelectorAll("text")) {
-    const ff = t.getAttribute("font-family");
-    if (ff && ff.includes("Poppins"))
-      t.setAttribute("font-family", "Futura, 'Avenir Next', 'Arial Black', 'Segoe UI', sans-serif");
-  }
-  clone.setAttribute("width", CW); clone.setAttribute("height", clone.viewBox.baseVal.height);
-  const xml = new XMLSerializer().serializeToString(clone);
-  const url = URL.createObjectURL(new Blob([xml], { type: "image/svg+xml" }));
-  const img = new Image();
-  await new Promise((res, rej) => { img.onload = res; img.onerror = rej; img.src = url; });
-  URL.revokeObjectURL(url);
-  return img;
-}
-function drawFrame(ctx, cw, headH, img) {
-  ctx.fillStyle = "#fff"; ctx.fillRect(0, 0, ctx.canvas.width, ctx.canvas.height);
-  ctx.fillStyle = "#111";
-  ctx.font = "800 44px Poppins, sans-serif";
-  ctx.fillText(document.getElementById("charttitle").textContent.toUpperCase(), 40, 62);
-  ctx.fillStyle = "#888"; ctx.font = "22px -apple-system, sans-serif";
-  ctx.fillText(document.getElementById("chartsub").textContent, 40, 98);
-  ctx.drawImage(img, 0, headH, cw, img.height * (cw / img.width));
-}
-async function downloadImage() {
-  const svgEl = document.querySelector("#chart svg");
-  if (!svgEl) return;
-  await document.fonts.ready;
-  const img = await svgToImage(svgEl);
-  const CWpx = 2000, headH = 130;
-  const canvas = document.createElement("canvas");
-  canvas.width = CWpx; canvas.height = headH + img.height * (CWpx / img.width);
-  drawFrame(canvas.getContext("2d"), CWpx, headH, img);
-  const a = document.createElement("a");
-  a.href = canvas.toDataURL("image/png");
-  a.download = `hub-oss_${state.view}_${state.metric}_${state.type}.png`;
-  a.click();
-}
-async function recordRaceVideo(btn) {
-  racePause();
-  const svgEl = document.querySelector("#chart svg");
-  const probe = await svgToImage(svgEl);
-  const CWpx = 1600, headH = 104;
-  const canvas = document.createElement("canvas");
-  canvas.width = CWpx; canvas.height = Math.round(headH + probe.height * (CWpx / probe.width));
-  const ctx = canvas.getContext("2d");
-  const mime = ["video/mp4;codecs=avc1", "video/mp4", "video/webm;codecs=vp9", "video/webm"]
-    .find(m => MediaRecorder.isTypeSupported(m));
-  const stream = canvas.captureStream(30);
-  const rec = new MediaRecorder(stream, { mimeType: mime, videoBitsPerSecond: 8e6 });
-  const chunks = [];
-  rec.ondataavailable = e => chunks.push(e.data);
-  const done = new Promise(res => rec.onstop = res);
-  rec.start();
-  const ents = entitySeries();
-  const valid = w => ents.some(e => e.V[w] != null);
-  const dur = +document.getElementById("speed").value;
-  btn.textContent = "⏺ recording…"; btn.disabled = true;
-  chartDiv.selectAll("svg").remove();
-  for (let w = state.i0; w <= state.i1; w++) {
-    if (!valid(w)) continue;
-    renderRace(w);
-    await new Promise(r => setTimeout(r, Math.max(dur, 120)));
-    const img = await svgToImage(document.querySelector("#chart svg"));
-    drawFrame(ctx, CWpx, headH, img);
-  }
-  await new Promise(r => setTimeout(r, 600));
-  rec.stop();
-  await done;
-  const ext = mime.startsWith("video/mp4") ? "mp4" : "webm";
-  const a = document.createElement("a");
-  a.href = URL.createObjectURL(new Blob(chunks, { type: mime }));
-  a.download = `hub-oss_race_${state.metric}_${state.type}.${ext}`;
-  a.click();
-  URL.revokeObjectURL(a.href);
-  btn.textContent = "⬇ MP4"; btn.disabled = false;
-}
-document.getElementById("dlmp4").addEventListener("click", () =>
-  recordRaceVideo(document.getElementById("dlmp4")));
-
 // ---------- shared hover for line ----------
 function hoverLayer(svg, g, x, IW, IH, idxs, shown, valAt) {
   const cross = g.append("line").attr("stroke", "#bbb").attr("stroke-width", 1)
@@ -860,11 +693,7 @@ function renderTitles() {
     deriv_eco: "community derivatives", demo_eco: "community demo Spaces",
     everything: "repos + ecosystem" }[state.type];
   let head, sub;
-  if (state.view === "demos") {
-    const focus = [...state.pins].join(", ");
-    head = `Top demo Spaces${focus ? " · " + focus : ""} · ${state.allRepos ? "total likes" : "likes gained"}`;
-    sub = `${d0} – ${d1} · community Spaces running tracked orgs' models · weekly Hub snapshots`;
-  } else {
+  {
     const originT = { all: t, noext: "homegrown " + t, orig: "ground-up original " + t,
       anyderiv: "fine-tune & quant " + t, ext: t + " built on other orgs' models" };
     const tt = (state.type === "models" || state.type === "all") && !document.getElementById("origin").disabled
@@ -917,20 +746,7 @@ function renderFootnote() {
 function exportCSV() {
   const esc = s => /[",\n]/.test(s) ? '"' + s.replace(/"/g, '""') + '"' : s;
   let rows;
-  if (state.view === "demos") {
-    // re-derive the demo leaderboard
-    const eligible = new Set(filteredCompanies().filter(c => !state.hidden.has(c)));
-    const focus = [...state.pins].filter(c => eligible.has(c));
-    const pass = c => focus.length ? focus.includes(c) : eligible.has(c);
-    rows = [["space_id","companies","value"]];
-    UI_DATA.demos.filter(d => d.cs.some(pass)).forEach(d => {
-      let b = null, v = null;
-      for (let i = state.i0; i <= state.i1; i++) if (d.V[i] != null) { if (b == null) b = d.V[i]; v = d.V[i]; }
-      const val = v == null ? null : (state.allRepos ? v : v - b);
-      if (val != null && val > 0) rows.push([d.id, d.cs.join("|"), val]);
-    });
-    rows = [rows[0], ...rows.slice(1).sort((a, b) => b[2] - a[2])];
-  } else {
+  {
     const { shown } = visibleEntities();
     rows = [["date","entity","value_in_window","weekly_new","raw_total"]];
     for (let w = state.i0; w <= state.i1; w++)
@@ -954,7 +770,8 @@ function update() {
   if (ECO_TYPES.has(state.type) && state.group === "origin") {
     state.group = "company"; document.getElementById("group").value = "company";
   }
-  if (state.view === "race") state.view = "bars";   // legacy hash value
+  if (state.view === "race") state.view = "bars";   // legacy hash values
+  if (state.view === "demos") state.view = "line";
   document.getElementById("racebar").classList.toggle("open", state.view === "bars");
   d3.selectAll("#view-seg button").classed("on", function() { return this.dataset.v === state.view; });
   d3.selectAll("#mode-seg button").classed("on", function() {
@@ -966,7 +783,6 @@ function update() {
   document.getElementById("plen").style.display = state.view === "periods" ? "" : "none";
   if (state.view === "line") renderLine();
   else if (state.view === "bars") { chartDiv.selectAll("svg").remove(); renderRace(raceWeek ?? state.i1); }
-  else if (state.view === "demos") renderDemos();
   else if (state.view === "periods") renderPeriods();
   else renderWeekly();
   saveHash();

index.html

@@ -101,7 +101,7 @@
 
   <div class="controls">
     <span class="seg" id="view-seg">
-      <button data-v="line">Line</button><button data-v="bars">Bars</button><button data-v="weekly">Weekly</button><button data-v="periods">Periods</button><button data-v="demos">Demos</button>
+      <button data-v="line">Line</button><button data-v="bars">Bars</button><button data-v="weekly">Weekly</button><button data-v="periods">Periods</button>
     </span>
     <span class="seg" id="mode-seg" title="New = gained inside the selected window · Accumulated = running total (window still sets what's visible)">
       <button data-m="new">New</button><button data-m="total">Accumulated</button>