hubs.qmd

---
title: '{{< fa list >}} List of hubs'
---

::: {.callout-tip appearance="simple"}

Do you have a hub, but it's not listed? [{{< fa question-circle >}} Tell us about your hub!](/contact.qmd){.btn .btn-outline-dark .ms-auto}
:::

:::{.d-none}
{{< include /_data/active-hubs.qmd >}}
:::

::: {.panel-tabset}

## Cards

### Real-time Collaborative Public Health Hubs

The hubs listed below are all active. Many of these hubs have **open source data** available and
ready to analyze in hubverse format.

::: {.column-screen-inset}

:::{#orgs .grid style='--bs-gap: 0.5em'}

{{< partial /_partials/hub.qmd hubs.uscdc id="uscdc">}}

{{< partial /_partials/hub.qmd hubs.smhct id="smhct">}}

{{< partial /_partials/hub.qmd hubs.epiengage id="epiengage">}}

{{< partial /_partials/hub.qmd hubs.ai4casting id="ai4casting">}}

{{< partial /_partials/hub.qmd hubs.ecdc id="ecdc">}}

{{< partial /_partials/hub.qmd hubs.cadph id="cadph">}}

{{< partial /_partials/hub.qmd hubs.accidda id="accidda">}}

{{< partial /_partials/hub.qmd hubs.acefa id="acefa">}}

{{< partial /_partials/hub.qmd hubs.dailypartita id="dailypartita">}}

{{< partial /_partials/hub.qmd hubs.insightnet id="insightnet">}}

:::

:::

### Archival Hubs

::: {.column-screen-inset}

:::{#orgs .grid style='--bs-gap: 0.5em'}

{{< partial /_partials/hub.qmd hubs.hubverse id="hubverse">}}

{{< partial /_partials/hub.qmd hubs.ecdc-archival id="ecdc-archival">}}

{{< partial /_partials/hub.qmd hubs.hopkinsidd id="hopkinsidd">}}
:::

:::

### Training Hubs

::: {.column-screen-inset}

:::{#orgs .grid style='--bs-gap: 0.5em'}

{{< partial /_partials/hub.qmd hubs.reichlab-training id="reichlab-training">}}

{{< partial /_partials/hub.qmd hubs.sjfox id="sjfox">}}

{{< partial /_partials/hub.qmd hubs.bleicham id="bleicham">}}

:::

:::

### Model Development Hubs

::: {.column-screen-inset}

:::{#orgs .grid style='--bs-gap: 0.5em'}

{{< partial /_partials/hub.qmd hubs.reichlab-modeldev id="reichlab-modeldev">}}

:::

:::

## Table

::: {.column-screen-inset}

```{python}
#| echo: false
#| warning: false

import sys
import pandas as pd
from pathlib import Path
from IPython.display import display, HTML

# community/ is the working directory when this chunk runs, so add the
# project root to sys.path so that scripts.hub_table can be imported.
sys.path.insert(0, str(Path("..").resolve()))

from scripts.hub_table import build_hub_dataframe, canon_repo_key, load_hub_row_counts

df = build_hub_dataframe(Path("../_data/active-hubs.qmd"))
df = df.sort_values("Hub", key=lambda s: s.str.lower(), ascending=False).reset_index(drop=True)
hub_row_counts = load_hub_row_counts(Path("../output/hub_stats_summary.csv"))

CATEGORY_BADGE = {
    "Active":            "primary",
    "Archival":          "secondary",
    "Training":          "info",
    "Model Development": "warning",
}

total_hubs = len(df)
total_orgs = df["Organization"].nunique()
total_models = int(df["Models"].dropna().sum())
total_data_rows = sum(hub_row_counts.values())
summary_html = (
    f"<strong>{total_hubs:,}</strong> hubs &nbsp;·&nbsp; "
    f"<strong>{total_orgs:,}</strong> organizations &nbsp;·&nbsp; "
    f"<strong>{total_models:,}</strong> models &nbsp;·&nbsp; "
    f"<strong>{total_data_rows:,}</strong> data rows"
)

_last_updated_file = Path("../output/hub_stats_last_updated.txt")
if _last_updated_file.exists():
    last_updated = _last_updated_file.read_text().strip()
else:
    import subprocess
    _git = subprocess.run(
        ["git", "log", "-1", "--format=%cs", "--", "output/hub_stats_summary.csv"],
        capture_output=True, text=True, cwd=Path("..").resolve()
    )
    last_updated = _git.stdout.strip() or "unavailable"

rows_html = ""
for _, row in df.iterrows():
    badge = CATEGORY_BADGE.get(row["Category"], "secondary")
    models = "" if pd.isna(row["Models"]) else int(row["Models"])
    repo_slug = row.get("RepoSlug") or ""
    key = canon_repo_key(repo_slug) if repo_slug else ""
    data_rows = hub_row_counts.get(key)
    data_val = data_rows if data_rows is not None else ""
    data_display = f"{data_rows:,}" if data_rows is not None else ""
    rows_html += f"""
    <tr>
      <td>{row['Hub']}</td>
      <td>{row['Organization']}</td>
      <td><span class="badge text-bg-{badge}">{row['Category']}</span></td>
      <td class="text-center" data-val="{models}">{models}</td>
      <td class="text-center" data-val="{data_val}">{data_display}</td>
      <td>{row['Repo']}</td>
      <td class="text-center">{row['S3 Bucket']}</td>
      <td class="text-center">{row['Insights']}</td>
      <td class="text-center">{row['Forecasts']}</td>
      <td class="text-center">{row['Evaluations']}</td>
    </tr>"""

display(HTML(f"""
<style>
  #hub-table thead th.sortable {{
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
  }}
  #hub-table thead th.sortable:hover {{ background-color: rgba(0,0,0,.05); }}
  #hub-table thead th.sortable::after {{ content: " ⇅"; opacity: .4; }}
  #hub-table thead th.sort-asc::after  {{ content: " ↑"; opacity: 1; }}
  #hub-table thead th.sort-desc::after {{ content: " ↓"; opacity: 1; }}
  #hub-table th:nth-child(6),
  #hub-table td:nth-child(6) {{ min-width: 16rem; }}
</style>
<script>
(function() {{
  var sortCol = 0, sortDir = -1;

  function sortHubTable(colIndex) {{
    var table = document.getElementById('hub-table');
    var tbody = table.querySelector('tbody');
    var rows  = Array.from(tbody.querySelectorAll('tr'));
    var headers = Array.from(table.querySelectorAll('thead th'));

    sortDir = (colIndex === sortCol) ? -sortDir : 1;
    sortCol = colIndex;

    headers.forEach(function(h) {{
      h.classList.remove('sort-asc', 'sort-desc');
    }});
    headers[colIndex].classList.add(sortDir === 1 ? 'sort-asc' : 'sort-desc');

    rows.sort(function(a, b) {{
      var aCell = a.cells[colIndex];
      var bCell = b.cells[colIndex];
      // Use data-val attribute for numeric columns, otherwise text content
      var aVal = aCell.dataset.val !== undefined ? aCell.dataset.val : aCell.textContent.trim();
      var bVal = bCell.dataset.val !== undefined ? bCell.dataset.val : bCell.textContent.trim();
      // Empty values always sort last
      if (aVal === '' && bVal !== '') return 1;
      if (bVal === '' && aVal !== '') return -1;
      // Numeric sort when both values are numbers
      var aNum = parseFloat(aVal), bNum = parseFloat(bVal);
      if (!isNaN(aNum) && !isNaN(bNum)) return sortDir * (aNum - bNum);
      return sortDir * aVal.localeCompare(bVal, undefined, {{sensitivity: 'base'}});
    }});

    rows.forEach(function(r) {{ tbody.appendChild(r); }});
  }}

  function filterHubTable() {{
    var q = document.getElementById('hub-search').value.toLowerCase();
    document.querySelectorAll('#hub-table tbody tr').forEach(function(r) {{
      r.style.display = r.textContent.toLowerCase().includes(q) ? '' : 'none';
    }});
  }}

  document.addEventListener('DOMContentLoaded', function() {{
    document.querySelectorAll('#hub-table thead th.sortable').forEach(function(th, i) {{
      th.addEventListener('click', function() {{ sortHubTable(i); }});
    }});
    document.querySelectorAll('#hub-table thead th')[0].classList.add('sort-desc');
    document.getElementById('hub-search').addEventListener('input', filterHubTable);
  }});
}})();
</script>
<p class="text-muted small mb-2">Stats are updated weekly every Monday. Last updated: {last_updated}.</p>
<input type="text" id="hub-search" placeholder="Search hubs..."
       class="form-control mb-3" aria-label="Search hubs">
<div class="table-responsive">
  <table id="hub-table" class="table table-sm table-striped table-hover align-middle">
    <thead>
      <tr>
        <th class="sortable">Hub</th>
        <th class="sortable">Organization</th>
        <th class="sortable">Category</th>
        <th class="sortable text-center">Models</th>
        <th class="sortable text-center">Data Rows</th>
        <th>Repo</th>
        <th class="text-center">S3 Bucket</th>
        <th class="text-center">Insights</th>
        <th class="text-center">Forecasts</th>
        <th class="text-center">Evaluations</th>
      </tr>
    </thead>
    <tbody>{rows_html}</tbody>
    <tfoot>
      <tr>
        <td colspan="10" class="text-center text-muted small py-2">{summary_html}</td>
      </tr>
    </tfoot>
  </table>
</div>
"""))
```

:::

:::

:::: {.page-nav}
::: {.prev-page}
[‹](/community/index.qmd){.prev-arrow}

[Previous](/community/index.qmd){.prev-label}

[**Community**](/community/index.qmd){.prev-title}
:::

::: {.next-page}
[Next](/community/contributors.md){.next-label}

[›](/community/contributors.md){.next-arrow}

[**Contributors**](/community/contributors.md){.next-title}
:::
::::