diff --git a/docs/index.html b/docs/index.html
index 83120a3..069b998 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -11,42 +11,62 @@
     crossorigin="anonymous"
   />
   <style>
-    body { background: #f0f2f5; }
-    .navbar { background: linear-gradient(135deg, #0d6efd, #0a58ca); }
+    /* Every colour the page uses is declared here. Change these six values to
+       re-brand the dashboard; nothing below hard-codes a colour. */
+    :root {
+      --sd-bg: #f2f3f5;
+      --sd-accent: #3d5468;
+      --sd-accent-strong: #2b3d4d;
+      --sd-accent-soft: #eaeff4;
+      --sd-muted: #576270;
+      --sd-border: #d9dde1;
+    }
+    body { background: var(--sd-bg); }
+    /* The MUNI RECETOX wordmark is blue on an opaque white ground, so the banner
+       is light. On a dark banner it measures 1.4:1 and cannot be read. */
+    .navbar { background: #ffffff; border-bottom: 1px solid var(--sd-border); }
+    .navbar-brand img { height: 34px; width: auto; display: block; }
+    .navbar .navbar-text { color: var(--sd-muted); }
     .summary-cards { margin-bottom: 1.5rem; }
-    footer { font-size: .8rem; color: #6c757d; text-align: center; margin: 2rem 0 1rem; }
+    footer { font-size: .8rem; color: var(--sd-muted); text-align: center; margin: 2rem 0 1rem; }
     .hover-lift { transition: transform 0.2s ease, box-shadow 0.2s ease; cursor: pointer; }
     .hover-lift:hover { transform: translateY(-4px); box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15)!important; }
-    .section-title { border-left: 4px solid #0d6efd; padding-left: 1rem; margin: 2rem 0 1rem; }
-    .chart-placeholder {
-      background: linear-gradient(135deg, #e9ecef 0%, #dee2e6 100%);
-      border: 2px dashed #adb5bd;
-      border-radius: 8px;
+    .hover-lift:focus-visible { outline: 3px solid var(--sd-accent); outline-offset: 2px; }
+    .section-title { border-left: 4px solid var(--sd-accent); padding-left: 1rem; margin: 2rem 0 1rem; }
+    #trend-chart { width: 100%; min-height: 400px; }
+    .chart-message {
       min-height: 400px;
       display: flex;
       align-items: center;
       justify-content: center;
-      color: #6c757d;
-      font-size: 1.2rem;
+      text-align: center;
+      padding: 1rem;
+      color: var(--sd-muted);
+      border: 1px solid var(--sd-border);
+      border-radius: 8px;
     }
     .table-responsive { max-height: 600px; overflow-y: auto; }
     .card.selected {
-      border: 3px solid #0d6efd;
-      transform: scale(1.02);
+      border-color: var(--sd-accent);
+      box-shadow: 0 0 0 2px var(--sd-accent)!important;
     }
     .card.selected .card-body {
-      background-color: #e7f3ff;
+      background-color: var(--sd-accent-soft);
+    }
+    @media (prefers-reduced-motion: reduce) {
+      .hover-lift { transition: none; }
+      .hover-lift:hover { transform: none; }
     }
   </style>
 </head>
 <body>
-  <nav class="navbar navbar-dark mb-4">
-    <div class="container-fluid px-4">
-      <span class="navbar-brand fw-bold">
-        📊 RECETOX – Download Statistics Dashboard
+  <nav class="navbar mb-4">
+    <div class="container-fluid px-4 d-flex align-items-center gap-3">
+      <span class="navbar-brand p-0 m-0">
+        <img src="recetox-logo.webp" alt="MUNI RECETOX" width="1000" height="175">
       </span>
-      <span class="navbar-text text-white">
-        Package download analytics
+      <span class="navbar-text fw-bold ms-auto">
+        Download Statistics Dashboard
       </span>
     </div>
   </nav>
@@ -58,7 +78,8 @@ <h5 class="section-title">📈 Summary Overview - Click a card to view details</
     <div class="row row-cols-2 row-cols-sm-3 row-cols-lg-4 g-3 summary-cards">
       <div class="col">
         <div class="card h-100 text-center shadow-sm hover-lift selected"
-             data-source="PyPI Downloads" onclick="selectSource('PyPI Downloads')">
+             data-source="PyPI Downloads" onclick="selectSource('PyPI Downloads')"
+             role="button" tabindex="0">
           <div class="card-body">
             <div style="font-size:2rem">📦</div>
             <h6 class="card-subtitle mb-1 text-muted">PyPI Downloads</h6>
@@ -68,7 +89,8 @@ <h6 class="card-subtitle mb-1 text-muted">PyPI Downloads</h6>
       </div>
       <div class="col">
         <div class="card h-100 text-center shadow-sm hover-lift "
-             data-source="Bioconda Downloads" onclick="selectSource('Bioconda Downloads')">
+             data-source="Bioconda Downloads" onclick="selectSource('Bioconda Downloads')"
+             role="button" tabindex="0">
           <div class="card-body">
             <div style="font-size:2rem">🐍</div>
             <h6 class="card-subtitle mb-1 text-muted">Bioconda Downloads</h6>
@@ -78,7 +100,8 @@ <h6 class="card-subtitle mb-1 text-muted">Bioconda Downloads</h6>
       </div>
       <div class="col">
         <div class="card h-100 text-center shadow-sm hover-lift "
-             data-source="CRAN Downloads" onclick="selectSource('CRAN Downloads')">
+             data-source="CRAN Downloads" onclick="selectSource('CRAN Downloads')"
+             role="button" tabindex="0">
           <div class="card-body">
             <div style="font-size:2rem">📊</div>
             <h6 class="card-subtitle mb-1 text-muted">CRAN Downloads</h6>
@@ -88,7 +111,8 @@ <h6 class="card-subtitle mb-1 text-muted">CRAN Downloads</h6>
       </div>
       <div class="col">
         <div class="card h-100 text-center shadow-sm hover-lift "
-             data-source="GitHub Clones" onclick="selectSource('GitHub Clones')">
+             data-source="GitHub Clones" onclick="selectSource('GitHub Clones')"
+             role="button" tabindex="0">
           <div class="card-body">
             <div style="font-size:2rem">🔁</div>
             <h6 class="card-subtitle mb-1 text-muted">GitHub Clones</h6>
@@ -98,7 +122,8 @@ <h6 class="card-subtitle mb-1 text-muted">GitHub Clones</h6>
       </div>
       <div class="col">
         <div class="card h-100 text-center shadow-sm hover-lift "
-             data-source="GitHub Views" onclick="selectSource('GitHub Views')">
+             data-source="GitHub Views" onclick="selectSource('GitHub Views')"
+             role="button" tabindex="0">
           <div class="card-body">
             <div style="font-size:2rem">👁️</div>
             <h6 class="card-subtitle mb-1 text-muted">GitHub Views</h6>
@@ -108,7 +133,8 @@ <h6 class="card-subtitle mb-1 text-muted">GitHub Views</h6>
       </div>
       <div class="col">
         <div class="card h-100 text-center shadow-sm hover-lift "
-             data-source="Galaxy Runs" onclick="selectSource('Galaxy Runs')">
+             data-source="Galaxy Runs" onclick="selectSource('Galaxy Runs')"
+             role="button" tabindex="0">
           <div class="card-body">
             <div style="font-size:2rem">⚙️</div>
             <h6 class="card-subtitle mb-1 text-muted">Galaxy Runs</h6>
@@ -118,7 +144,8 @@ <h6 class="card-subtitle mb-1 text-muted">Galaxy Runs</h6>
       </div>
       <div class="col">
         <div class="card h-100 text-center shadow-sm hover-lift "
-             data-source="Galaxy Users" onclick="selectSource('Galaxy Users')">
+             data-source="Galaxy Users" onclick="selectSource('Galaxy Users')"
+             role="button" tabindex="0">
           <div class="card-body">
             <div style="font-size:2rem">👥</div>
             <h6 class="card-subtitle mb-1 text-muted">Galaxy Users</h6>
@@ -128,13 +155,12 @@ <h6 class="card-subtitle mb-1 text-muted">Galaxy Users</h6>
       </div>
     </div>
 
-    <!-- Trend Chart Placeholder -->
+    <!-- Trend Chart -->
     <h5 class="section-title">📊 Trend Chart</h5>
     <div class="card shadow-sm mb-4">
       <div class="card-body">
-        <div id="trend-chart" class="chart-placeholder">
-          📈 Chart placeholder - Vega-Lite chart will be rendered here
-        </div>
+        <div id="trend-chart" role="img" aria-label="Trend chart"></div>
+        <p id="chart-message" class="chart-message" hidden></p>
       </div>
     </div>
 
@@ -4836,16 +4862,86 @@ <h5 class="mb-0" id="table-title">All Records</h5>
   <footer>
     <div class="container">
       <p>Generated by <strong>specdatri</strong> · data sourced from PyPI, Bioconda, CRAN, GitHub, and Galaxy</p>
-      <p class="mb-0">Last updated: 2026-08-24 01:23 UTC</p>
+      <p class="mb-0">Last updated: 2026-08-26 14:57 UTC</p>
     </div>
   </footer>
 
   <!-- Bootstrap JS -->
   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
 
+  <!-- Vega-Lite, for the trend chart. Loaded in this order: vega-embed's UMD
+       factory takes vega and vegaLite as arguments. -->
+  <script src="https://cdn.jsdelivr.net/npm/vega@6.4.0/build/vega.min.js"
+          integrity="sha384-VKdcJr3ZaBIJMbVcopTAI/JEuUkSY6qnwVu9iLuw0DnQ9gQ1JjsfZJhXFQAgNi43"
+          crossorigin="anonymous"></script>
+  <script src="https://cdn.jsdelivr.net/npm/vega-lite@6.4.3/build/vega-lite.min.js"
+          integrity="sha384-9/70gNCfOu6G7xXvkdreMfuqAEsoaGJVXV2BN/JLRXkSmcGvnMqtsRx8HZtUWAvI"
+          crossorigin="anonymous"></script>
+  <script src="https://cdn.jsdelivr.net/npm/vega-embed@7.1.0/build/vega-embed.min.js"
+          integrity="sha384-giTAWqsEDsWuWzWKi6NCvjgwi160SClnTYYXWPLuy/DnaQTqmk4soinrpxcCS4dx"
+          crossorigin="anonymous"></script>
+
   <!-- Dashboard interactivity -->
   <script>
     let currentFilter = null;
+    let chartView = null;
+    const chartSpecs = {"Bioconda Downloads": {"$schema": "https://vega.github.io/schema/vega-lite/v6.json", "background": "transparent", "data": {"values": [{"count": 67, "package": "Other", "period": "2024-12"}, {"count": 891, "package": "matchms", "period": "2024-12"}, {"count": 392, "package": "ms2deepscore", "period": "2024-12"}, {"count": 20, "package": "msmetaenhancer", "period": "2024-12"}, {"count": 16, "package": "r-ramclustr", "period": "2024-12"}, {"count": 28, "package": "r-recetox-aplcms", "period": "2024-12"}, {"count": 11, "package": "riassigner", "period": "2024-12"}, {"count": 36, "package": "Other", "period": "2025-01"}, {"count": 1011, "package": "matchms", "period": "2025-01"}, {"count": 434, "package": "ms2deepscore", "period": "2025-01"}, {"count": 17, "package": "msmetaenhancer", "period": "2025-01"}, {"count": 12, "package": "r-ramclustr", "period": "2025-01"}, {"count": 20, "package": "r-recetox-aplcms", "period": "2025-01"}, {"count": 20, "package": "riassigner", "period": "2025-01"}, {"count": 91, "package": "Other", "period": "2025-02"}, {"count": 1089, "package": "matchms", "period": "2025-02"}, {"count": 473, "package": "ms2deepscore", "period": "2025-02"}, {"count": 66, "package": "msmetaenhancer", "period": "2025-02"}, {"count": 50, "package": "r-ramclustr", "period": "2025-02"}, {"count": 80, "package": "r-recetox-aplcms", "period": "2025-02"}, {"count": 41, "package": "riassigner", "period": "2025-02"}, {"count": 41, "package": "Other", "period": "2025-03"}, {"count": 1155, "package": "matchms", "period": "2025-03"}, {"count": 576, "package": "ms2deepscore", "period": "2025-03"}, {"count": 16, "package": "msmetaenhancer", "period": "2025-03"}, {"count": 13, "package": "r-ramclustr", "period": "2025-03"}, {"count": 20, "package": "r-recetox-aplcms", "period": "2025-03"}, {"count": 13, "package": "riassigner", "period": "2025-03"}, {"count": 76, "package": "Other", "period": "2025-04"}, {"count": 1159, "package": "matchms", "period": "2025-04"}, {"count": 698, "package": "ms2deepscore", "period": "2025-04"}, {"count": 49, "package": "msmetaenhancer", "period": "2025-04"}, {"count": 40, "package": "r-ramclustr", "period": "2025-04"}, {"count": 60, "package": "r-recetox-aplcms", "period": "2025-04"}, {"count": 45, "package": "riassigner", "period": "2025-04"}, {"count": 123, "package": "Other", "period": "2025-05"}, {"count": 765, "package": "matchms", "period": "2025-05"}, {"count": 196, "package": "ms2deepscore", "period": "2025-05"}, {"count": 80, "package": "msmetaenhancer", "period": "2025-05"}, {"count": 47, "package": "r-ramclustr", "period": "2025-05"}, {"count": 70, "package": "r-recetox-aplcms", "period": "2025-05"}, {"count": 48, "package": "riassigner", "period": "2025-05"}, {"count": 242, "package": "Other", "period": "2025-06"}, {"count": 591, "package": "matchms", "period": "2025-06"}, {"count": 142, "package": "ms2deepscore", "period": "2025-06"}, {"count": 59, "package": "msmetaenhancer", "period": "2025-06"}, {"count": 66, "package": "r-ramclustr", "period": "2025-06"}, {"count": 74, "package": "r-recetox-aplcms", "period": "2025-06"}, {"count": 40, "package": "riassigner", "period": "2025-06"}, {"count": 133, "package": "Other", "period": "2025-07"}, {"count": 487, "package": "matchms", "period": "2025-07"}, {"count": 112, "package": "ms2deepscore", "period": "2025-07"}, {"count": 68, "package": "msmetaenhancer", "period": "2025-07"}, {"count": 46, "package": "r-ramclustr", "period": "2025-07"}, {"count": 110, "package": "r-recetox-aplcms", "period": "2025-07"}, {"count": 54, "package": "riassigner", "period": "2025-07"}, {"count": 68, "package": "Other", "period": "2025-08"}, {"count": 494, "package": "matchms", "period": "2025-08"}, {"count": 84, "package": "ms2deepscore", "period": "2025-08"}, {"count": 38, "package": "msmetaenhancer", "period": "2025-08"}, {"count": 28, "package": "r-ramclustr", "period": "2025-08"}, {"count": 73, "package": "r-recetox-aplcms", "period": "2025-08"}, {"count": 47, "package": "riassigner", "period": "2025-08"}, {"count": 78, "package": "Other", "period": "2025-09"}, {"count": 506, "package": "matchms", "period": "2025-09"}, {"count": 104, "package": "ms2deepscore", "period": "2025-09"}, {"count": 34, "package": "msmetaenhancer", "period": "2025-09"}, {"count": 24, "package": "r-ramclustr", "period": "2025-09"}, {"count": 59, "package": "r-recetox-aplcms", "period": "2025-09"}, {"count": 39, "package": "riassigner", "period": "2025-09"}, {"count": 49, "package": "Other", "period": "2025-10"}, {"count": 509, "package": "matchms", "period": "2025-10"}, {"count": 61, "package": "ms2deepscore", "period": "2025-10"}, {"count": 20, "package": "msmetaenhancer", "period": "2025-10"}, {"count": 15, "package": "r-ramclustr", "period": "2025-10"}, {"count": 38, "package": "r-recetox-aplcms", "period": "2025-10"}, {"count": 28, "package": "riassigner", "period": "2025-10"}, {"count": 295, "package": "Other", "period": "2025-11"}, {"count": 11095, "package": "matchms", "period": "2025-11"}, {"count": 10033, "package": "ms2deepscore", "period": "2025-11"}, {"count": 167, "package": "msmetaenhancer", "period": "2025-11"}, {"count": 171, "package": "r-ramclustr", "period": "2025-11"}, {"count": 444, "package": "r-recetox-aplcms", "period": "2025-11"}, {"count": 27, "package": "riassigner", "period": "2025-11"}, {"count": 253, "package": "Other", "period": "2025-12"}, {"count": 1644, "package": "matchms", "period": "2025-12"}, {"count": 498, "package": "ms2deepscore", "period": "2025-12"}, {"count": 79, "package": "msmetaenhancer", "period": "2025-12"}, {"count": 71, "package": "r-ramclustr", "period": "2025-12"}, {"count": 410, "package": "r-recetox-aplcms", "period": "2025-12"}, {"count": 13, "package": "riassigner", "period": "2025-12"}, {"count": 345, "package": "Other", "period": "2026-01"}, {"count": 1905, "package": "matchms", "period": "2026-01"}, {"count": 552, "package": "ms2deepscore", "period": "2026-01"}, {"count": 46, "package": "msmetaenhancer", "period": "2026-01"}, {"count": 35, "package": "r-ramclustr", "period": "2026-01"}, {"count": 386, "package": "r-recetox-aplcms", "period": "2026-01"}, {"count": 19, "package": "riassigner", "period": "2026-01"}, {"count": 346, "package": "Other", "period": "2026-02"}, {"count": 1602, "package": "matchms", "period": "2026-02"}, {"count": 515, "package": "ms2deepscore", "period": "2026-02"}, {"count": 113, "package": "msmetaenhancer", "period": "2026-02"}, {"count": 94, "package": "r-ramclustr", "period": "2026-02"}, {"count": 353, "package": "r-recetox-aplcms", "period": "2026-02"}, {"count": 6, "package": "riassigner", "period": "2026-02"}, {"count": 214, "package": "Other", "period": "2026-03"}, {"count": 757, "package": "matchms", "period": "2026-03"}, {"count": 180, "package": "ms2deepscore", "period": "2026-03"}, {"count": 130, "package": "msmetaenhancer", "period": "2026-03"}, {"count": 60, "package": "r-ramclustr", "period": "2026-03"}, {"count": 108, "package": "r-recetox-aplcms", "period": "2026-03"}, {"count": 111, "package": "riassigner", "period": "2026-03"}, {"count": 287, "package": "Other", "period": "2026-04"}, {"count": 869, "package": "matchms", "period": "2026-04"}, {"count": 237, "package": "ms2deepscore", "period": "2026-04"}, {"count": 123, "package": "msmetaenhancer", "period": "2026-04"}, {"count": 80, "package": "r-ramclustr", "period": "2026-04"}, {"count": 148, "package": "r-recetox-aplcms", "period": "2026-04"}, {"count": 100, "package": "riassigner", "period": "2026-04"}, {"count": 352, "package": "Other", "period": "2026-05"}, {"count": 771, "package": "matchms", "period": "2026-05"}, {"count": 224, "package": "ms2deepscore", "period": "2026-05"}, {"count": 142, "package": "msmetaenhancer", "period": "2026-05"}, {"count": 63, "package": "r-ramclustr", "period": "2026-05"}, {"count": 131, "package": "r-recetox-aplcms", "period": "2026-05"}, {"count": 94, "package": "riassigner", "period": "2026-05"}, {"count": 476, "package": "Other", "period": "2026-06"}, {"count": 1035, "package": "matchms", "period": "2026-06"}, {"count": 201, "package": "ms2deepscore", "period": "2026-06"}, {"count": 95, "package": "msmetaenhancer", "period": "2026-06"}, {"count": 74, "package": "r-ramclustr", "period": "2026-06"}, {"count": 110, "package": "r-recetox-aplcms", "period": "2026-06"}, {"count": 78, "package": "riassigner", "period": "2026-06"}, {"count": 326, "package": "Other", "period": "2026-07"}, {"count": 1335, "package": "matchms", "period": "2026-07"}, {"count": 168, "package": "ms2deepscore", "period": "2026-07"}, {"count": 105, "package": "msmetaenhancer", "period": "2026-07"}, {"count": 61, "package": "r-ramclustr", "period": "2026-07"}, {"count": 123, "package": "r-recetox-aplcms", "period": "2026-07"}, {"count": 81, "package": "riassigner", "period": "2026-07"}]}, "encoding": {"color": {"field": "package", "legend": {"title": "Package"}, "scale": {"domain": ["matchms", "ms2deepscore", "r-recetox-aplcms", "msmetaenhancer", "r-ramclustr", "riassigner", "Other"], "range": ["#0072B2", "#C38700", "#009E73", "#CC79A7", "#1E9BE2", "#D55E00", "#939393"]}, "type": "nominal"}, "order": {"field": "package", "sort": ["matchms", "ms2deepscore", "r-recetox-aplcms", "msmetaenhancer", "r-ramclustr", "riassigner", "Other"], "type": "nominal"}, "tooltip": [{"field": "period", "title": "Month", "type": "ordinal"}, {"field": "package", "title": "Package", "type": "nominal"}, {"field": "count", "format": ",d", "title": "Downloads", "type": "quantitative"}], "x": {"axis": {"labelAngle": -45, "labelOverlap": "greedy"}, "field": "period", "sort": ["2024-12", "2025-01", "2025-02", "2025-03", "2025-04", "2025-05", "2025-06", "2025-07", "2025-08", "2025-09", "2025-10", "2025-11", "2025-12", "2026-01", "2026-02", "2026-03", "2026-04", "2026-05", "2026-06", "2026-07"], "title": "Month", "type": "ordinal"}, "y": {"field": "count", "stack": "zero", "title": "Downloads", "type": "quantitative"}}, "height": 340, "mark": {"stroke": "#ffffff", "strokeWidth": 1, "type": "bar"}, "width": "container"}, "CRAN Downloads": {"$schema": "https://vega.github.io/schema/vega-lite/v6.json", "background": "transparent", "data": {"values": [{"count": 330, "package": "RAMClustR", "period": "2025-01"}, {"count": 403, "package": "RAMClustR", "period": "2025-02"}, {"count": 254, "package": "RAMClustR", "period": "2025-03"}, {"count": 126, "package": "RAMClustR", "period": "2025-04"}, {"count": 96, "package": "RAMClustR", "period": "2025-05"}, {"count": 147, "package": "RAMClustR", "period": "2025-06"}, {"count": 104, "package": "RAMClustR", "period": "2025-07"}, {"count": 179, "package": "RAMClustR", "period": "2025-08"}, {"count": 98, "package": "RAMClustR", "period": "2025-09"}, {"count": 95, "package": "RAMClustR", "period": "2025-10"}, {"count": 86, "package": "RAMClustR", "period": "2025-11"}, {"count": 109, "package": "RAMClustR", "period": "2025-12"}, {"count": 44, "package": "RAMClustR", "period": "2026-01"}, {"count": 121, "package": "RAMClustR", "period": "2026-02"}, {"count": 100, "package": "RAMClustR", "period": "2026-03"}, {"count": 57, "package": "RAMClustR", "period": "2026-04"}, {"count": 57, "package": "RAMClustR", "period": "2026-05"}, {"count": 83, "package": "RAMClustR", "period": "2026-06"}]}, "encoding": {"color": {"field": "package", "legend": {"title": "Package"}, "scale": {"domain": ["RAMClustR"], "range": ["#0072B2"]}, "type": "nominal"}, "order": {"field": "package", "sort": ["RAMClustR"], "type": "nominal"}, "tooltip": [{"field": "period", "title": "Month", "type": "ordinal"}, {"field": "package", "title": "Package", "type": "nominal"}, {"field": "count", "format": ",d", "title": "Downloads", "type": "quantitative"}], "x": {"axis": {"labelAngle": -45, "labelOverlap": "greedy"}, "field": "period", "sort": ["2025-01", "2025-02", "2025-03", "2025-04", "2025-05", "2025-06", "2025-07", "2025-08", "2025-09", "2025-10", "2025-11", "2025-12", "2026-01", "2026-02", "2026-03", "2026-04", "2026-05", "2026-06"], "title": "Month", "type": "ordinal"}, "y": {"field": "count", "stack": "zero", "title": "Downloads", "type": "quantitative"}}, "height": 340, "mark": {"stroke": "#ffffff", "strokeWidth": 1, "type": "bar"}, "width": "container"}, "Galaxy Runs": {"$schema": "https://vega.github.io/schema/vega-lite/v6.json", "background": "transparent", "data": {"values": [{"count": 1539, "package": "Other", "period": "2026-07"}, {"count": 6464, "package": "matchms", "period": "2026-07"}, {"count": 46380, "package": "qcxms", "period": "2026-07"}, {"count": 1151, "package": "ramclustr", "period": "2026-07"}, {"count": 2878, "package": "recetox-aplcms", "period": "2026-07"}, {"count": 617, "package": "waveica", "period": "2026-07"}, {"count": 2950, "package": "xtb_molecular_optimization", "period": "2026-07"}, {"count": 1539, "package": "Other", "period": "2026-08"}, {"count": 6464, "package": "matchms", "period": "2026-08"}, {"count": 46380, "package": "qcxms", "period": "2026-08"}, {"count": 1151, "package": "ramclustr", "period": "2026-08"}, {"count": 2878, "package": "recetox-aplcms", "period": "2026-08"}, {"count": 617, "package": "waveica", "period": "2026-08"}, {"count": 2950, "package": "xtb_molecular_optimization", "period": "2026-08"}]}, "encoding": {"color": {"field": "package", "legend": {"title": "Package"}, "scale": {"domain": ["qcxms", "matchms", "xtb_molecular_optimization", "recetox-aplcms", "ramclustr", "waveica", "Other"], "range": ["#0072B2", "#C38700", "#009E73", "#CC79A7", "#1E9BE2", "#D55E00", "#939393"]}, "type": "nominal"}, "order": {"field": "package", "sort": ["qcxms", "matchms", "xtb_molecular_optimization", "recetox-aplcms", "ramclustr", "waveica", "Other"], "type": "nominal"}, "tooltip": [{"field": "period", "title": "Month", "type": "ordinal"}, {"field": "package", "title": "Package", "type": "nominal"}, {"field": "count", "format": ",d", "title": "Runs", "type": "quantitative"}], "x": {"axis": {"labelAngle": -45, "labelOverlap": "greedy"}, "field": "period", "sort": ["2026-07", "2026-08"], "title": "Month", "type": "ordinal"}, "y": {"field": "count", "stack": "zero", "title": "Runs", "type": "quantitative"}}, "height": 340, "mark": {"stroke": "#ffffff", "strokeWidth": 1, "type": "bar"}, "width": "container"}, "Galaxy Users": {"$schema": "https://vega.github.io/schema/vega-lite/v6.json", "background": "transparent", "data": {"values": [{"count": 57, "package": "Other", "period": "2026-07"}, {"count": 65, "package": "matchms", "period": "2026-07"}, {"count": 17, "package": "msmetaenhancer", "period": "2026-07"}, {"count": 96, "package": "ramclustr", "period": "2026-07"}, {"count": 17, "package": "recetox-msfinder", "period": "2026-07"}, {"count": 62, "package": "riassigner", "period": "2026-07"}, {"count": 21, "package": "waveica", "period": "2026-07"}, {"count": 57, "package": "Other", "period": "2026-08"}, {"count": 65, "package": "matchms", "period": "2026-08"}, {"count": 17, "package": "msmetaenhancer", "period": "2026-08"}, {"count": 96, "package": "ramclustr", "period": "2026-08"}, {"count": 17, "package": "recetox-msfinder", "period": "2026-08"}, {"count": 62, "package": "riassigner", "period": "2026-08"}, {"count": 21, "package": "waveica", "period": "2026-08"}]}, "encoding": {"color": {"field": "package", "legend": {"title": "Package"}, "scale": {"domain": ["ramclustr", "matchms", "riassigner", "waveica", "msmetaenhancer", "recetox-msfinder", "Other"], "range": ["#0072B2", "#C38700", "#009E73", "#CC79A7", "#1E9BE2", "#D55E00", "#939393"]}, "type": "nominal"}, "order": {"field": "package", "sort": ["ramclustr", "matchms", "riassigner", "waveica", "msmetaenhancer", "recetox-msfinder", "Other"], "type": "nominal"}, "tooltip": [{"field": "period", "title": "Month", "type": "ordinal"}, {"field": "package", "title": "Package", "type": "nominal"}, {"field": "count", "format": ",d", "title": "Active Users", "type": "quantitative"}], "x": {"axis": {"labelAngle": -45, "labelOverlap": "greedy"}, "field": "period", "sort": ["2026-07", "2026-08"], "title": "Month", "type": "ordinal"}, "y": {"field": "count", "stack": "zero", "title": "Active Users", "type": "quantitative"}}, "height": 340, "mark": {"stroke": "#ffffff", "strokeWidth": 1, "type": "bar"}, "width": "container"}, "GitHub Clones": {"$schema": "https://vega.github.io/schema/vega-lite/v6.json", "background": "transparent", "data": {"values": [{"count": 74, "package": "Other", "period": "2025-W51"}, {"count": 42, "package": "MSMetaEnhancer", "period": "2025-W51"}, {"count": 15, "package": "RIAssigner", "period": "2025-W51"}, {"count": 46, "package": "matchms", "period": "2025-W51"}, {"count": 13, "package": "ms2deepscore", "period": "2025-W51"}, {"count": 17, "package": "spec2vec", "period": "2025-W51"}, {"count": 14, "package": "MSMetaEnhancer", "period": "2025-W52"}, {"count": 7, "package": "RIAssigner", "period": "2025-W52"}, {"count": 191, "package": "matchms", "period": "2025-W52"}, {"count": 5, "package": "ms2deepscore", "period": "2025-W52"}, {"count": 16, "package": "Other", "period": "2025-W52"}, {"count": 6, "package": "spec2vec", "period": "2025-W52"}, {"count": 5, "package": "MSMetaEnhancer", "period": "2026-W01"}, {"count": 7, "package": "RIAssigner", "period": "2026-W01"}, {"count": 1, "package": "aoptk", "period": "2026-W01"}, {"count": 99, "package": "matchms", "period": "2026-W01"}, {"count": 12, "package": "ms2deepscore", "period": "2026-W01"}, {"count": 3, "package": "Other", "period": "2026-W01"}, {"count": 10, "package": "spec2vec", "period": "2026-W01"}, {"count": 3, "package": "MSMetaEnhancer", "period": "2026-W02"}, {"count": 2, "package": "RIAssigner", "period": "2026-W02"}, {"count": 122, "package": "aoptk", "period": "2026-W02"}, {"count": 24, "package": "Other", "period": "2026-W02"}, {"count": 214, "package": "matchms", "period": "2026-W02"}, {"count": 5, "package": "ms2deepscore", "period": "2026-W02"}, {"count": 4, "package": "spec2vec", "period": "2026-W02"}, {"count": 15, "package": "Other", "period": "2026-W03"}, {"count": 5, "package": "MSMetaEnhancer", "period": "2026-W03"}, {"count": 1, "package": "RIAssigner", "period": "2026-W03"}, {"count": 172, "package": "aoptk", "period": "2026-W03"}, {"count": 22, "package": "matchms", "period": "2026-W03"}, {"count": 8, "package": "ms2deepscore", "period": "2026-W03"}, {"count": 3, "package": "spec2vec", "period": "2026-W03"}, {"count": 20, "package": "Other", "period": "2026-W04"}, {"count": 6, "package": "MSMetaEnhancer", "period": "2026-W04"}, {"count": 3, "package": "RIAssigner", "period": "2026-W04"}, {"count": 107, "package": "aoptk", "period": "2026-W04"}, {"count": 51, "package": "matchms", "period": "2026-W04"}, {"count": 18, "package": "ms2deepscore", "period": "2026-W04"}, {"count": 9, "package": "spec2vec", "period": "2026-W04"}, {"count": 25, "package": "Other", "period": "2026-W05"}, {"count": 3, "package": "MSMetaEnhancer", "period": "2026-W05"}, {"count": 12, "package": "RIAssigner", "period": "2026-W05"}, {"count": 36, "package": "aoptk", "period": "2026-W05"}, {"count": 121, "package": "matchms", "period": "2026-W05"}, {"count": 83, "package": "ms2deepscore", "period": "2026-W05"}, {"count": 7, "package": "spec2vec", "period": "2026-W05"}, {"count": 8, "package": "MSMetaEnhancer", "period": "2026-W06"}, {"count": 9, "package": "RIAssigner", "period": "2026-W06"}, {"count": 119, "package": "aoptk", "period": "2026-W06"}, {"count": 10, "package": "Other", "period": "2026-W06"}, {"count": 55, "package": "matchms", "period": "2026-W06"}, {"count": 28, "package": "ms2deepscore", "period": "2026-W06"}, {"count": 12, "package": "spec2vec", "period": "2026-W06"}, {"count": 16, "package": "Other", "period": "2026-W07"}, {"count": 7, "package": "MSMetaEnhancer", "period": "2026-W07"}, {"count": 6, "package": "RIAssigner", "period": "2026-W07"}, {"count": 56, "package": "aoptk", "period": "2026-W07"}, {"count": 83, "package": "matchms", "period": "2026-W07"}, {"count": 7, "package": "ms2deepscore", "period": "2026-W07"}, {"count": 7, "package": "spec2vec", "period": "2026-W07"}, {"count": 12, "package": "Other", "period": "2026-W08"}, {"count": 15, "package": "MSMetaEnhancer", "period": "2026-W08"}, {"count": 13, "package": "RIAssigner", "period": "2026-W08"}, {"count": 78, "package": "aoptk", "period": "2026-W08"}, {"count": 101, "package": "matchms", "period": "2026-W08"}, {"count": 20, "package": "ms2deepscore", "period": "2026-W08"}, {"count": 10, "package": "spec2vec", "period": "2026-W08"}, {"count": 83, "package": "Other", "period": "2026-W09"}, {"count": 15, "package": "MSMetaEnhancer", "period": "2026-W09"}, {"count": 15, "package": "RIAssigner", "period": "2026-W09"}, {"count": 14, "package": "aoptk", "period": "2026-W09"}, {"count": 122, "package": "matchms", "period": "2026-W09"}, {"count": 38, "package": "ms2deepscore", "period": "2026-W09"}, {"count": 17, "package": "spec2vec", "period": "2026-W09"}, {"count": 19, "package": "Other", "period": "2026-W10"}, {"count": 9, "package": "MSMetaEnhancer", "period": "2026-W10"}, {"count": 2, "package": "RIAssigner", "period": "2026-W10"}, {"count": 47, "package": "aoptk", "period": "2026-W10"}, {"count": 15, "package": "matchms", "period": "2026-W10"}, {"count": 13, "package": "ms2deepscore", "period": "2026-W10"}, {"count": 2, "package": "spec2vec", "period": "2026-W10"}, {"count": 22, "package": "Other", "period": "2026-W11"}, {"count": 48, "package": "MSMetaEnhancer", "period": "2026-W11"}, {"count": 112, "package": "RIAssigner", "period": "2026-W11"}, {"count": 78, "package": "aoptk", "period": "2026-W11"}, {"count": 276, "package": "matchms", "period": "2026-W11"}, {"count": 51, "package": "ms2deepscore", "period": "2026-W11"}, {"count": 18, "package": "spec2vec", "period": "2026-W11"}, {"count": 38, "package": "Other", "period": "2026-W12"}, {"count": 40, "package": "MSMetaEnhancer", "period": "2026-W12"}, {"count": 18, "package": "RIAssigner", "period": "2026-W12"}, {"count": 49, "package": "aoptk", "period": "2026-W12"}, {"count": 370, "package": "matchms", "period": "2026-W12"}, {"count": 25, "package": "ms2deepscore", "period": "2026-W12"}, {"count": 8, "package": "spec2vec", "period": "2026-W12"}, {"count": 25, "package": "Other", "period": "2026-W13"}, {"count": 10, "package": "MSMetaEnhancer", "period": "2026-W13"}, {"count": 35, "package": "RIAssigner", "period": "2026-W13"}, {"count": 125, "package": "aoptk", "period": "2026-W13"}, {"count": 239, "package": "matchms", "period": "2026-W13"}, {"count": 80, "package": "ms2deepscore", "period": "2026-W13"}, {"count": 13, "package": "spec2vec", "period": "2026-W13"}, {"count": 25, "package": "MSMetaEnhancer", "period": "2026-W14"}, {"count": 24, "package": "RIAssigner", "period": "2026-W14"}, {"count": 111, "package": "aoptk", "period": "2026-W14"}, {"count": 23, "package": "Other", "period": "2026-W14"}, {"count": 221, "package": "matchms", "period": "2026-W14"}, {"count": 47, "package": "ms2deepscore", "period": "2026-W14"}, {"count": 26, "package": "spec2vec", "period": "2026-W14"}]}, "encoding": {"color": {"field": "package", "legend": {"title": "Package"}, "scale": {"domain": ["matchms", "aoptk", "ms2deepscore", "RIAssigner", "MSMetaEnhancer", "spec2vec", "Other"], "range": ["#0072B2", "#C38700", "#009E73", "#CC79A7", "#1E9BE2", "#D55E00", "#939393"]}, "type": "nominal"}, "order": {"field": "package", "sort": ["matchms", "aoptk", "ms2deepscore", "RIAssigner", "MSMetaEnhancer", "spec2vec", "Other"], "type": "nominal"}, "tooltip": [{"field": "period", "title": "Week", "type": "ordinal"}, {"field": "package", "title": "Package", "type": "nominal"}, {"field": "count", "format": ",d", "title": "Clones", "type": "quantitative"}], "x": {"axis": {"labelAngle": -45, "labelOverlap": "greedy"}, "field": "period", "sort": ["2025-W51", "2025-W52", "2026-W01", "2026-W02", "2026-W03", "2026-W04", "2026-W05", "2026-W06", "2026-W07", "2026-W08", "2026-W09", "2026-W10", "2026-W11", "2026-W12", "2026-W13", "2026-W14"], "title": "Week", "type": "ordinal"}, "y": {"field": "count", "stack": "zero", "title": "Clones", "type": "quantitative"}}, "height": 340, "mark": {"stroke": "#ffffff", "strokeWidth": 1, "type": "bar"}, "width": "container"}, "GitHub Views": {"$schema": "https://vega.github.io/schema/vega-lite/v6.json", "background": "transparent", "data": {"values": [{"count": 13, "package": "Other", "period": "2025-W51"}, {"count": 4, "package": "MSMetaEnhancer", "period": "2025-W51"}, {"count": 80, "package": "matchms", "period": "2025-W51"}, {"count": 28, "package": "ms2deepscore", "period": "2025-W51"}, {"count": 9, "package": "recetox-aplcms", "period": "2025-W51"}, {"count": 18, "package": "spec2vec", "period": "2025-W51"}, {"count": 8, "package": "MSMetaEnhancer", "period": "2025-W52"}, {"count": 5, "package": "Other", "period": "2025-W52"}, {"count": 68, "package": "matchms", "period": "2025-W52"}, {"count": 22, "package": "ms2deepscore", "period": "2025-W52"}, {"count": 2, "package": "recetox-aplcms", "period": "2025-W52"}, {"count": 11, "package": "spec2vec", "period": "2025-W52"}, {"count": 2, "package": "MSMetaEnhancer", "period": "2026-W01"}, {"count": 2, "package": "aoptk", "period": "2026-W01"}, {"count": 31, "package": "matchms", "period": "2026-W01"}, {"count": 9, "package": "ms2deepscore", "period": "2026-W01"}, {"count": 1, "package": "recetox-aplcms", "period": "2026-W01"}, {"count": 2, "package": "Other", "period": "2026-W01"}, {"count": 5, "package": "spec2vec", "period": "2026-W01"}, {"count": 8, "package": "Other", "period": "2026-W02"}, {"count": 5, "package": "MSMetaEnhancer", "period": "2026-W02"}, {"count": 12, "package": "aoptk", "period": "2026-W02"}, {"count": 56, "package": "matchms", "period": "2026-W02"}, {"count": 20, "package": "ms2deepscore", "period": "2026-W02"}, {"count": 9, "package": "recetox-aplcms", "period": "2026-W02"}, {"count": 18, "package": "spec2vec", "period": "2026-W02"}, {"count": 32, "package": "Other", "period": "2026-W03"}, {"count": 1, "package": "MSMetaEnhancer", "period": "2026-W03"}, {"count": 12, "package": "aoptk", "period": "2026-W03"}, {"count": 12, "package": "matchms", "period": "2026-W03"}, {"count": 15, "package": "ms2deepscore", "period": "2026-W03"}, {"count": 2, "package": "recetox-aplcms", "period": "2026-W03"}, {"count": 7, "package": "spec2vec", "period": "2026-W03"}, {"count": 14, "package": "Other", "period": "2026-W04"}, {"count": 9, "package": "MSMetaEnhancer", "period": "2026-W04"}, {"count": 13, "package": "aoptk", "period": "2026-W04"}, {"count": 89, "package": "matchms", "period": "2026-W04"}, {"count": 63, "package": "ms2deepscore", "period": "2026-W04"}, {"count": 8, "package": "recetox-aplcms", "period": "2026-W04"}, {"count": 20, "package": "spec2vec", "period": "2026-W04"}, {"count": 11, "package": "Other", "period": "2026-W05"}, {"count": 6, "package": "MSMetaEnhancer", "period": "2026-W05"}, {"count": 8, "package": "aoptk", "period": "2026-W05"}, {"count": 91, "package": "matchms", "period": "2026-W05"}, {"count": 37, "package": "ms2deepscore", "period": "2026-W05"}, {"count": 4, "package": "recetox-aplcms", "period": "2026-W05"}, {"count": 18, "package": "spec2vec", "period": "2026-W05"}, {"count": 7, "package": "Other", "period": "2026-W06"}, {"count": 4, "package": "MSMetaEnhancer", "period": "2026-W06"}, {"count": 8, "package": "aoptk", "period": "2026-W06"}, {"count": 74, "package": "matchms", "period": "2026-W06"}, {"count": 38, "package": "ms2deepscore", "period": "2026-W06"}, {"count": 5, "package": "recetox-aplcms", "period": "2026-W06"}, {"count": 16, "package": "spec2vec", "period": "2026-W06"}, {"count": 8, "package": "Other", "period": "2026-W07"}, {"count": 3, "package": "MSMetaEnhancer", "period": "2026-W07"}, {"count": 8, "package": "aoptk", "period": "2026-W07"}, {"count": 94, "package": "matchms", "period": "2026-W07"}, {"count": 35, "package": "ms2deepscore", "period": "2026-W07"}, {"count": 9, "package": "recetox-aplcms", "period": "2026-W07"}, {"count": 14, "package": "spec2vec", "period": "2026-W07"}, {"count": 9, "package": "Other", "period": "2026-W08"}, {"count": 2, "package": "MSMetaEnhancer", "period": "2026-W08"}, {"count": 8, "package": "aoptk", "period": "2026-W08"}, {"count": 53, "package": "matchms", "period": "2026-W08"}, {"count": 36, "package": "ms2deepscore", "period": "2026-W08"}, {"count": 16, "package": "spec2vec", "period": "2026-W08"}, {"count": 13, "package": "Other", "period": "2026-W09"}, {"count": 6, "package": "MSMetaEnhancer", "period": "2026-W09"}, {"count": 5, "package": "aoptk", "period": "2026-W09"}, {"count": 101, "package": "matchms", "period": "2026-W09"}, {"count": 42, "package": "ms2deepscore", "period": "2026-W09"}, {"count": 5, "package": "recetox-aplcms", "period": "2026-W09"}, {"count": 28, "package": "spec2vec", "period": "2026-W09"}, {"count": 3, "package": "MSMetaEnhancer", "period": "2026-W10"}, {"count": 5, "package": "Other", "period": "2026-W10"}, {"count": 1, "package": "aoptk", "period": "2026-W10"}, {"count": 21, "package": "matchms", "period": "2026-W10"}, {"count": 5, "package": "ms2deepscore", "period": "2026-W10"}, {"count": 1, "package": "recetox-aplcms", "period": "2026-W10"}, {"count": 4, "package": "spec2vec", "period": "2026-W10"}, {"count": 9, "package": "MSMetaEnhancer", "period": "2026-W11"}, {"count": 9, "package": "Other", "period": "2026-W11"}, {"count": 11, "package": "aoptk", "period": "2026-W11"}, {"count": 121, "package": "matchms", "period": "2026-W11"}, {"count": 50, "package": "ms2deepscore", "period": "2026-W11"}, {"count": 9, "package": "recetox-aplcms", "period": "2026-W11"}, {"count": 29, "package": "spec2vec", "period": "2026-W11"}, {"count": 11, "package": "Other", "period": "2026-W12"}, {"count": 4, "package": "MSMetaEnhancer", "period": "2026-W12"}, {"count": 7, "package": "aoptk", "period": "2026-W12"}, {"count": 108, "package": "matchms", "period": "2026-W12"}, {"count": 90, "package": "ms2deepscore", "period": "2026-W12"}, {"count": 4, "package": "recetox-aplcms", "period": "2026-W12"}, {"count": 25, "package": "spec2vec", "period": "2026-W12"}, {"count": 16, "package": "Other", "period": "2026-W13"}, {"count": 3, "package": "MSMetaEnhancer", "period": "2026-W13"}, {"count": 7, "package": "aoptk", "period": "2026-W13"}, {"count": 99, "package": "matchms", "period": "2026-W13"}, {"count": 66, "package": "ms2deepscore", "period": "2026-W13"}, {"count": 4, "package": "recetox-aplcms", "period": "2026-W13"}, {"count": 17, "package": "spec2vec", "period": "2026-W13"}, {"count": 8, "package": "Other", "period": "2026-W14"}, {"count": 27, "package": "MSMetaEnhancer", "period": "2026-W14"}, {"count": 6, "package": "aoptk", "period": "2026-W14"}, {"count": 75, "package": "matchms", "period": "2026-W14"}, {"count": 54, "package": "ms2deepscore", "period": "2026-W14"}, {"count": 5, "package": "recetox-aplcms", "period": "2026-W14"}, {"count": 16, "package": "spec2vec", "period": "2026-W14"}]}, "encoding": {"color": {"field": "package", "legend": {"title": "Package"}, "scale": {"domain": ["matchms", "ms2deepscore", "spec2vec", "aoptk", "MSMetaEnhancer", "recetox-aplcms", "Other"], "range": ["#0072B2", "#C38700", "#009E73", "#CC79A7", "#1E9BE2", "#D55E00", "#939393"]}, "type": "nominal"}, "order": {"field": "package", "sort": ["matchms", "ms2deepscore", "spec2vec", "aoptk", "MSMetaEnhancer", "recetox-aplcms", "Other"], "type": "nominal"}, "tooltip": [{"field": "period", "title": "Week", "type": "ordinal"}, {"field": "package", "title": "Package", "type": "nominal"}, {"field": "count", "format": ",d", "title": "Views", "type": "quantitative"}], "x": {"axis": {"labelAngle": -45, "labelOverlap": "greedy"}, "field": "period", "sort": ["2025-W51", "2025-W52", "2026-W01", "2026-W02", "2026-W03", "2026-W04", "2026-W05", "2026-W06", "2026-W07", "2026-W08", "2026-W09", "2026-W10", "2026-W11", "2026-W12", "2026-W13", "2026-W14"], "title": "Week", "type": "ordinal"}, "y": {"field": "count", "stack": "zero", "title": "Views", "type": "quantitative"}}, "height": 340, "mark": {"stroke": "#ffffff", "strokeWidth": 1, "type": "bar"}, "width": "container"}, "PyPI Downloads": {"$schema": "https://vega.github.io/schema/vega-lite/v6.json", "background": "transparent", "data": {"values": [{"count": 1186, "package": "RIAssigner", "period": "2025-10"}, {"count": 33422, "package": "matchms", "period": "2025-10"}, {"count": 6617, "package": "ms2deepscore", "period": "2025-10"}, {"count": 37, "package": "rcx-tk", "period": "2025-10"}, {"count": 4661, "package": "spec2vec", "period": "2025-10"}, {"count": 84, "package": "Other", "period": "2025-10"}, {"count": 390, "package": "Other", "period": "2025-11"}, {"count": 986, "package": "RIAssigner", "period": "2025-11"}, {"count": 52893, "package": "matchms", "period": "2025-11"}, {"count": 6225, "package": "ms2deepscore", "period": "2025-11"}, {"count": 48, "package": "rcx-tk", "period": "2025-11"}, {"count": 7410, "package": "spec2vec", "period": "2025-11"}, {"count": 450, "package": "Other", "period": "2025-12"}, {"count": 1261, "package": "RIAssigner", "period": "2025-12"}, {"count": 20160, "package": "matchms", "period": "2025-12"}, {"count": 5756, "package": "ms2deepscore", "period": "2025-12"}, {"count": 53, "package": "rcx-tk", "period": "2025-12"}, {"count": 1315, "package": "spec2vec", "period": "2025-12"}, {"count": 371, "package": "Other", "period": "2026-01"}, {"count": 1629, "package": "RIAssigner", "period": "2026-01"}, {"count": 21672, "package": "matchms", "period": "2026-01"}, {"count": 7279, "package": "ms2deepscore", "period": "2026-01"}, {"count": 49, "package": "rcx-tk", "period": "2026-01"}, {"count": 1639, "package": "spec2vec", "period": "2026-01"}, {"count": 382, "package": "Other", "period": "2026-02"}, {"count": 925, "package": "RIAssigner", "period": "2026-02"}, {"count": 1257, "package": "aoptk", "period": "2026-02"}, {"count": 22268, "package": "matchms", "period": "2026-02"}, {"count": 6154, "package": "ms2deepscore", "period": "2026-02"}, {"count": 328, "package": "rcx-tk", "period": "2026-02"}, {"count": 1601, "package": "spec2vec", "period": "2026-02"}, {"count": 717, "package": "Other", "period": "2026-03"}, {"count": 2055, "package": "RIAssigner", "period": "2026-03"}, {"count": 745, "package": "aoptk", "period": "2026-03"}, {"count": 31750, "package": "matchms", "period": "2026-03"}, {"count": 11487, "package": "ms2deepscore", "period": "2026-03"}, {"count": 156, "package": "rcx-tk", "period": "2026-03"}, {"count": 3626, "package": "spec2vec", "period": "2026-03"}, {"count": 613, "package": "Other", "period": "2026-04"}, {"count": 1788, "package": "RIAssigner", "period": "2026-04"}, {"count": 1574, "package": "aoptk", "period": "2026-04"}, {"count": 38351, "package": "matchms", "period": "2026-04"}, {"count": 7255, "package": "ms2deepscore", "period": "2026-04"}, {"count": 681, "package": "rcx-tk", "period": "2026-04"}, {"count": 1739, "package": "spec2vec", "period": "2026-04"}, {"count": 817, "package": "Other", "period": "2026-05"}, {"count": 1317, "package": "RIAssigner", "period": "2026-05"}, {"count": 2691, "package": "aoptk", "period": "2026-05"}, {"count": 53034, "package": "matchms", "period": "2026-05"}, {"count": 5359, "package": "ms2deepscore", "period": "2026-05"}, {"count": 1042, "package": "rcx-tk", "period": "2026-05"}, {"count": 2348, "package": "spec2vec", "period": "2026-05"}, {"count": 725, "package": "Other", "period": "2026-06"}, {"count": 2505, "package": "RIAssigner", "period": "2026-06"}, {"count": 1728, "package": "aoptk", "period": "2026-06"}, {"count": 46133, "package": "matchms", "period": "2026-06"}, {"count": 10325, "package": "ms2deepscore", "period": "2026-06"}, {"count": 568, "package": "rcx-tk", "period": "2026-06"}, {"count": 3093, "package": "spec2vec", "period": "2026-06"}, {"count": 904, "package": "Other", "period": "2026-07"}, {"count": 3176, "package": "RIAssigner", "period": "2026-07"}, {"count": 957, "package": "aoptk", "period": "2026-07"}, {"count": 60797, "package": "matchms", "period": "2026-07"}, {"count": 12694, "package": "ms2deepscore", "period": "2026-07"}, {"count": 239, "package": "rcx-tk", "period": "2026-07"}, {"count": 2069, "package": "spec2vec", "period": "2026-07"}]}, "encoding": {"color": {"field": "package", "legend": {"title": "Package"}, "scale": {"domain": ["matchms", "ms2deepscore", "spec2vec", "RIAssigner", "aoptk", "rcx-tk", "Other"], "range": ["#0072B2", "#C38700", "#009E73", "#CC79A7", "#1E9BE2", "#D55E00", "#939393"]}, "type": "nominal"}, "order": {"field": "package", "sort": ["matchms", "ms2deepscore", "spec2vec", "RIAssigner", "aoptk", "rcx-tk", "Other"], "type": "nominal"}, "tooltip": [{"field": "period", "title": "Month", "type": "ordinal"}, {"field": "package", "title": "Package", "type": "nominal"}, {"field": "count", "format": ",d", "title": "Downloads", "type": "quantitative"}], "x": {"axis": {"labelAngle": -45, "labelOverlap": "greedy"}, "field": "period", "sort": ["2025-10", "2025-11", "2025-12", "2026-01", "2026-02", "2026-03", "2026-04", "2026-05", "2026-06", "2026-07"], "title": "Month", "type": "ordinal"}, "y": {"field": "count", "stack": "zero", "title": "Downloads", "type": "quantitative"}}, "height": 340, "mark": {"stroke": "#ffffff", "strokeWidth": 1, "type": "bar"}, "width": "container"}};
+
+    // The chart takes its colours from the CSS custom properties above, so a
+    // re-brand needs no change here.
+    function chartConfig() {
+      const styles = getComputedStyle(document.documentElement);
+      const ink = styles.getPropertyValue('--sd-muted').trim();
+      return {
+        axis: { labelColor: ink, titleColor: ink, domainColor: ink, tickColor: ink },
+        legend: { labelColor: ink, titleColor: ink },
+        view: { stroke: 'transparent' }
+      };
+    }
+
+    function showChartMessage(text) {
+      const message = document.getElementById('chart-message');
+      const container = document.getElementById('trend-chart');
+      if (chartView) {
+        chartView.finalize();
+        chartView = null;
+      }
+      container.innerHTML = '';
+      container.hidden = true;
+      message.textContent = text;
+      message.hidden = false;
+    }
+
+    function renderChart(source) {
+      const container = document.getElementById('trend-chart');
+      const message = document.getElementById('chart-message');
+
+      if (typeof vegaEmbed === 'undefined') {
+        showChartMessage('The charting library could not be loaded. The table below shows the same figures.');
+        return;
+      }
+
+      const spec = source ? chartSpecs[source] : null;
+      if (!spec) {
+        showChartMessage(source
+          ? 'No chart data available for ' + source + '.'
+          : 'Select a data source above to see how it changed over time.');
+        return;
+      }
+
+      message.hidden = true;
+      container.hidden = false;
+      container.setAttribute('aria-label', source + ' over time, by package');
+      if (chartView) {
+        chartView.finalize();
+        chartView = null;
+      }
+      vegaEmbed(container, spec, { actions: false, config: chartConfig() })
+        .then(function (result) { chartView = result.view; })
+        .catch(function () {
+          showChartMessage('The chart could not be rendered. The table below shows the same figures.');
+        });
+    }
 
     function selectSource(source) {
       // Update selected card styling
@@ -4873,6 +4969,8 @@ <h5 class="mb-0" id="table-title">All Records</h5>
       currentFilter = source;
       document.getElementById('current-source').textContent = source;
       document.getElementById('table-title').textContent = source + ' Records (' + visibleCount + ')';
+
+      renderChart(source);
     }
 
     function showAllSources() {
@@ -4891,8 +4989,24 @@ <h5 class="mb-0" id="table-title">All Records</h5>
       currentFilter = null;
       document.getElementById('current-source').textContent = 'All Sources';
       document.getElementById('table-title').textContent = 'All Records (' + rows.length + ')';
+
+      // No combined chart: downloads, page views and tool runs are different
+      // units, and one axis over all of them would not mean anything.
+      renderChart(null);
     }
 
+    // Cards are operated by click; make them work from the keyboard too.
+    document.addEventListener('keydown', function(event) {
+      if (event.key !== 'Enter' && event.key !== ' ') {
+        return;
+      }
+      const card = event.target.closest('.hover-lift[data-source]');
+      if (card) {
+        event.preventDefault();
+        selectSource(card.dataset.source);
+      }
+    });
+
     // Auto-select first card on load
     document.addEventListener('DOMContentLoaded', function() {
       const firstCard = document.querySelector('.hover-lift');
diff --git a/docs/recetox-logo.webp b/docs/recetox-logo.webp
new file mode 100644
index 0000000..15ed522
Binary files /dev/null and b/docs/recetox-logo.webp differ
diff --git a/src/dashboard.py b/src/dashboard.py
index 24c96f4..51d99c9 100644
--- a/src/dashboard.py
+++ b/src/dashboard.py
@@ -4,8 +4,8 @@
 statically on GitHub Pages. It displays summary cards and a data table.
 """
 
-import json
 import logging
+import re
 from pathlib import Path
 from typing import Optional
 
@@ -103,12 +103,165 @@ def _format_number(value: int) -> str:
     return f"{value:,}"
 
 
+# ---------------------------------------------------------------------------
+# Vega-Lite chart builders
+# ---------------------------------------------------------------------------
+
+# Series beyond this many packages are grouped into OTHER_LABEL. Six named
+# series cover 93-99% of the total in every current report, and a categorical
+# scale rotating over the 14-17 packages some sources carry would encode a
+# distinction the reader cannot resolve anyway.
+MAX_CHART_SERIES = 6
+OTHER_LABEL = "Other"
+
+# Okabe-Ito, which is colour-blind safe, minus yellow and black and with
+# orange and sky darkened. As bar fills these have to clear 3:1 against the
+# white card (WCAG 1.4.11); the published orange, sky and yellow do not.
+SERIES_COLORS = [
+    "#0072B2",  # blue
+    "#C38700",  # orange, darkened from #E69F00
+    "#009E73",  # bluish green
+    "#CC79A7",  # reddish purple
+    "#1E9BE2",  # sky blue, darkened from #56B4E9
+    "#D55E00",  # vermillion
+]
+OTHER_COLOR = "#939393"
+
+_WEEK_PERIOD = re.compile(r"^(\d{4})-W(\d{1,2})$")
+_MONTH_PERIOD = re.compile(r"^(\d{4})-(\d{1,2})$")
+
+
+def _period_sort_key(period: str) -> tuple:
+    """Return a chronological sort key for a report period label.
+
+    Handles both month keys (``2026-01``) and ISO week keys (``2026-W07``).
+    An unrecognised label sorts last rather than raising, so that one bad
+    row cannot reorder the rest of the series.
+    """
+    for pattern in (_MONTH_PERIOD, _WEEK_PERIOD):
+        match = pattern.match(period)
+        if match:
+            return (int(match.group(1)), int(match.group(2)))
+
+    logger.warning("Unrecognised period label: %s", period)
+    return (9999, 99)
+
+
+def _period_title(periods: list) -> str:
+    """Return the x-axis title for a set of period labels."""
+    return "Week" if any(_WEEK_PERIOD.match(p) for p in periods) else "Month"
+
+
+def _y_title_for(label: str) -> str:
+    """Return y-axis title for a given data source label."""
+    titles = {
+        "GitHub Clones": "Clones",
+        "GitHub Views": "Views",
+        "Galaxy Runs": "Runs",
+        "Galaxy Users": "Active Users",
+    }
+    return titles.get(label, "Downloads")
+
+
+def _top_packages(rows: list) -> list:
+    """Return the busiest package names, largest total first."""
+    totals = {}
+    for row in rows:
+        totals[row["package"]] = totals.get(row["package"], 0) + row["count"]
+
+    ranked = sorted(totals, key=lambda name: (-totals[name], name))
+    return ranked[:MAX_CHART_SERIES]
+
+
+def _build_chart_spec(label: str, rows: list) -> Optional[dict]:
+    """Build a stacked bar chart spec for one data source.
+
+    Returns a Vega-Lite specification with inline data values, or None when
+    the source has no rows to draw. No config block is emitted: vega-embed
+    merges its own config underneath the spec, which is what lets the page
+    theme the chart from its CSS custom properties.
+    """
+    if not rows:
+        return None
+
+    top = _top_packages(rows)
+    grouped = {}
+    for row in rows:
+        package = row["package"] if row["package"] in top else OTHER_LABEL
+        key = (row["period"], package)
+        grouped[key] = grouped.get(key, 0) + row["count"]
+
+    values = [
+        {"period": period, "package": package, "count": count}
+        for (period, package), count in grouped.items()
+    ]
+
+    periods = sorted({row["period"] for row in rows}, key=_period_sort_key)
+    domain = [name for name in top if any(v["package"] == name for v in values)]
+    colors = SERIES_COLORS[:len(domain)]
+    if any(v["package"] == OTHER_LABEL for v in values):
+        domain = domain + [OTHER_LABEL]
+        colors = colors + [OTHER_COLOR]
+
+    period_title = _period_title(periods)
+    y_title = _y_title_for(label)
+
+    return {
+        "$schema": "https://vega.github.io/schema/vega-lite/v6.json",
+        "data": {"values": values},
+        # Bars, not lines: load_tsv drops zero rows, so a period with no data
+        # is absent rather than zero, and a line would interpolate straight
+        # through the gap and invent numbers that were never reported.
+        "mark": {"type": "bar", "stroke": "#ffffff", "strokeWidth": 1},
+        "height": 340,
+        "width": "container",
+        "background": "transparent",
+        "encoding": {
+            "x": {"field": "period", "type": "ordinal", "title": period_title,
+                  "sort": periods,
+                  "axis": {"labelAngle": -45, "labelOverlap": "greedy"}},
+            "y": {"field": "count", "type": "quantitative", "title": y_title,
+                  "stack": "zero"},
+            "color": {"field": "package", "type": "nominal",
+                      "legend": {"title": "Package"},
+                      "scale": {"domain": domain, "range": colors}},
+            "order": {"field": "package", "type": "nominal", "sort": domain},
+            "tooltip": [
+                {"field": "period", "type": "ordinal", "title": period_title},
+                {"field": "package", "type": "nominal", "title": "Package"},
+                {"field": "count", "type": "quantitative", "title": y_title,
+                 "format": ",d"}
+            ]
+        }
+    }
+
+
+def build_chart_specs(all_data: list) -> dict:
+    """Build one chart spec per data source.
+
+    Takes the same long-form records the table is rendered from. Sources
+    that yield no drawable rows are left out, so the page can say so rather
+    than drawing an empty axis.
+    """
+    by_source = {}
+    for row in all_data:
+        by_source.setdefault(row["source"], []).append(row)
+
+    specs = {}
+    for label, rows in by_source.items():
+        spec = _build_chart_spec(label, rows)
+        if spec is not None:
+            specs[label] = spec
+
+    return specs
+
+
 def generate_dashboard(reports_dir: Path, output_file: Path) -> None:
     """Read TSV reports and write a self-contained HTML dashboard.
 
     The generated dashboard includes:
     - Summary cards with total counts per data source
-    - A placeholder for trend charts
+    - An interactive trend chart per data source
     - A combined data table
 
     Parameters
@@ -156,11 +309,13 @@ def generate_dashboard(reports_dir: Path, output_file: Path) -> None:
     all_data.sort(key=lambda x: (x["source"], x["period"], x["package"]))
 
     # Render template
+    chart_specs = build_chart_specs(all_data)
     template = env.get_template("dashboard.html")
     html = template.render({
         "summary_cards": summary_cards,
         "icons": icons,
         "all_data": all_data,
+        "chart_specs": chart_specs,
         "last_updated": pd.Timestamp.now().strftime("%Y-%m-%d %H:%M UTC"),
     })
 
diff --git a/src/templates/dashboard.html b/src/templates/dashboard.html
index 5a88d0a..51765af 100644
--- a/src/templates/dashboard.html
+++ b/src/templates/dashboard.html
@@ -11,42 +11,62 @@
     crossorigin="anonymous"
   />
   <style>
-    body { background: #f0f2f5; }
-    .navbar { background: linear-gradient(135deg, #0d6efd, #0a58ca); }
+    /* Every colour the page uses is declared here. Change these six values to
+       re-brand the dashboard; nothing below hard-codes a colour. */
+    :root {
+      --sd-bg: #f2f3f5;
+      --sd-accent: #3d5468;
+      --sd-accent-strong: #2b3d4d;
+      --sd-accent-soft: #eaeff4;
+      --sd-muted: #576270;
+      --sd-border: #d9dde1;
+    }
+    body { background: var(--sd-bg); }
+    /* The MUNI RECETOX wordmark is blue on an opaque white ground, so the banner
+       is light. On a dark banner it measures 1.4:1 and cannot be read. */
+    .navbar { background: #ffffff; border-bottom: 1px solid var(--sd-border); }
+    .navbar-brand img { height: 34px; width: auto; display: block; }
+    .navbar .navbar-text { color: var(--sd-muted); }
     .summary-cards { margin-bottom: 1.5rem; }
-    footer { font-size: .8rem; color: #6c757d; text-align: center; margin: 2rem 0 1rem; }
+    footer { font-size: .8rem; color: var(--sd-muted); text-align: center; margin: 2rem 0 1rem; }
     .hover-lift { transition: transform 0.2s ease, box-shadow 0.2s ease; cursor: pointer; }
     .hover-lift:hover { transform: translateY(-4px); box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15)!important; }
-    .section-title { border-left: 4px solid #0d6efd; padding-left: 1rem; margin: 2rem 0 1rem; }
-    .chart-placeholder {
-      background: linear-gradient(135deg, #e9ecef 0%, #dee2e6 100%);
-      border: 2px dashed #adb5bd;
-      border-radius: 8px;
+    .hover-lift:focus-visible { outline: 3px solid var(--sd-accent); outline-offset: 2px; }
+    .section-title { border-left: 4px solid var(--sd-accent); padding-left: 1rem; margin: 2rem 0 1rem; }
+    #trend-chart { width: 100%; min-height: 400px; }
+    .chart-message {
       min-height: 400px;
       display: flex;
       align-items: center;
       justify-content: center;
-      color: #6c757d;
-      font-size: 1.2rem;
+      text-align: center;
+      padding: 1rem;
+      color: var(--sd-muted);
+      border: 1px solid var(--sd-border);
+      border-radius: 8px;
     }
     .table-responsive { max-height: 600px; overflow-y: auto; }
     .card.selected {
-      border: 3px solid #0d6efd;
-      transform: scale(1.02);
+      border-color: var(--sd-accent);
+      box-shadow: 0 0 0 2px var(--sd-accent)!important;
     }
     .card.selected .card-body {
-      background-color: #e7f3ff;
+      background-color: var(--sd-accent-soft);
+    }
+    @media (prefers-reduced-motion: reduce) {
+      .hover-lift { transition: none; }
+      .hover-lift:hover { transform: none; }
     }
   </style>
 </head>
 <body>
-  <nav class="navbar navbar-dark mb-4">
-    <div class="container-fluid px-4">
-      <span class="navbar-brand fw-bold">
-        📊 RECETOX – Download Statistics Dashboard
+  <nav class="navbar mb-4">
+    <div class="container-fluid px-4 d-flex align-items-center gap-3">
+      <span class="navbar-brand p-0 m-0">
+        <img src="recetox-logo.webp" alt="MUNI RECETOX" width="1000" height="175">
       </span>
-      <span class="navbar-text text-white">
-        Package download analytics
+      <span class="navbar-text fw-bold ms-auto">
+        Download Statistics Dashboard
       </span>
     </div>
   </nav>
@@ -59,7 +79,8 @@ <h5 class="section-title">📈 Summary Overview - Click a card to view details</
       {% for label, data in summary_cards.items() %}
       <div class="col">
         <div class="card h-100 text-center shadow-sm hover-lift {% if loop.first %}selected{% endif %}"
-             data-source="{{ label }}" onclick="selectSource('{{ label }}')">
+             data-source="{{ label }}" onclick="selectSource('{{ label }}')"
+             role="button" tabindex="0">
           <div class="card-body">
             <div style="font-size:2rem">{{ icons[label] }}</div>
             <h6 class="card-subtitle mb-1 text-muted">{{ label }}</h6>
@@ -70,13 +91,12 @@ <h6 class="card-subtitle mb-1 text-muted">{{ label }}</h6>
       {% endfor %}
     </div>
 
-    <!-- Trend Chart Placeholder -->
+    <!-- Trend Chart -->
     <h5 class="section-title">📊 Trend Chart</h5>
     <div class="card shadow-sm mb-4">
       <div class="card-body">
-        <div id="trend-chart" class="chart-placeholder">
-          📈 Chart placeholder - Vega-Lite chart will be rendered here
-        </div>
+        <div id="trend-chart" role="img" aria-label="Trend chart"></div>
+        <p id="chart-message" class="chart-message" hidden></p>
       </div>
     </div>
 
@@ -125,9 +145,79 @@ <h5 class="mb-0" id="table-title">All Records</h5>
   <!-- Bootstrap JS -->
   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
 
+  <!-- Vega-Lite, for the trend chart. Loaded in this order: vega-embed's UMD
+       factory takes vega and vegaLite as arguments. -->
+  <script src="https://cdn.jsdelivr.net/npm/vega@6.4.0/build/vega.min.js"
+          integrity="sha384-VKdcJr3ZaBIJMbVcopTAI/JEuUkSY6qnwVu9iLuw0DnQ9gQ1JjsfZJhXFQAgNi43"
+          crossorigin="anonymous"></script>
+  <script src="https://cdn.jsdelivr.net/npm/vega-lite@6.4.3/build/vega-lite.min.js"
+          integrity="sha384-9/70gNCfOu6G7xXvkdreMfuqAEsoaGJVXV2BN/JLRXkSmcGvnMqtsRx8HZtUWAvI"
+          crossorigin="anonymous"></script>
+  <script src="https://cdn.jsdelivr.net/npm/vega-embed@7.1.0/build/vega-embed.min.js"
+          integrity="sha384-giTAWqsEDsWuWzWKi6NCvjgwi160SClnTYYXWPLuy/DnaQTqmk4soinrpxcCS4dx"
+          crossorigin="anonymous"></script>
+
   <!-- Dashboard interactivity -->
   <script>
     let currentFilter = null;
+    let chartView = null;
+    const chartSpecs = {{ chart_specs|tojson }};
+
+    // The chart takes its colours from the CSS custom properties above, so a
+    // re-brand needs no change here.
+    function chartConfig() {
+      const styles = getComputedStyle(document.documentElement);
+      const ink = styles.getPropertyValue('--sd-muted').trim();
+      return {
+        axis: { labelColor: ink, titleColor: ink, domainColor: ink, tickColor: ink },
+        legend: { labelColor: ink, titleColor: ink },
+        view: { stroke: 'transparent' }
+      };
+    }
+
+    function showChartMessage(text) {
+      const message = document.getElementById('chart-message');
+      const container = document.getElementById('trend-chart');
+      if (chartView) {
+        chartView.finalize();
+        chartView = null;
+      }
+      container.innerHTML = '';
+      container.hidden = true;
+      message.textContent = text;
+      message.hidden = false;
+    }
+
+    function renderChart(source) {
+      const container = document.getElementById('trend-chart');
+      const message = document.getElementById('chart-message');
+
+      if (typeof vegaEmbed === 'undefined') {
+        showChartMessage('The charting library could not be loaded. The table below shows the same figures.');
+        return;
+      }
+
+      const spec = source ? chartSpecs[source] : null;
+      if (!spec) {
+        showChartMessage(source
+          ? 'No chart data available for ' + source + '.'
+          : 'Select a data source above to see how it changed over time.');
+        return;
+      }
+
+      message.hidden = true;
+      container.hidden = false;
+      container.setAttribute('aria-label', source + ' over time, by package');
+      if (chartView) {
+        chartView.finalize();
+        chartView = null;
+      }
+      vegaEmbed(container, spec, { actions: false, config: chartConfig() })
+        .then(function (result) { chartView = result.view; })
+        .catch(function () {
+          showChartMessage('The chart could not be rendered. The table below shows the same figures.');
+        });
+    }
 
     function selectSource(source) {
       // Update selected card styling
@@ -155,6 +245,8 @@ <h5 class="mb-0" id="table-title">All Records</h5>
       currentFilter = source;
       document.getElementById('current-source').textContent = source;
       document.getElementById('table-title').textContent = source + ' Records (' + visibleCount + ')';
+
+      renderChart(source);
     }
 
     function showAllSources() {
@@ -173,8 +265,24 @@ <h5 class="mb-0" id="table-title">All Records</h5>
       currentFilter = null;
       document.getElementById('current-source').textContent = 'All Sources';
       document.getElementById('table-title').textContent = 'All Records (' + rows.length + ')';
+
+      // No combined chart: downloads, page views and tool runs are different
+      // units, and one axis over all of them would not mean anything.
+      renderChart(null);
     }
 
+    // Cards are operated by click; make them work from the keyboard too.
+    document.addEventListener('keydown', function(event) {
+      if (event.key !== 'Enter' && event.key !== ' ') {
+        return;
+      }
+      const card = event.target.closest('.hover-lift[data-source]');
+      if (card) {
+        event.preventDefault();
+        selectSource(card.dataset.source);
+      }
+    });
+
     // Auto-select first card on load
     document.addEventListener('DOMContentLoaded', function() {
       const firstCard = document.querySelector('.hover-lift');
diff --git a/tests/test_dashboard.py b/tests/test_dashboard.py
index aeb1640..a899085 100644
--- a/tests/test_dashboard.py
+++ b/tests/test_dashboard.py
@@ -1,11 +1,18 @@
 """Tests for the dashboard generator module."""
 
+import json
 import shutil
 import tempfile
 import unittest
 from pathlib import Path
 
-from src.dashboard import generate_dashboard, load_all_data, load_tsv
+from src.dashboard import (
+    MAX_CHART_SERIES,
+    build_chart_specs,
+    generate_dashboard,
+    load_all_data,
+    load_tsv,
+)
 
 
 class TestLoadTsv(unittest.TestCase):
@@ -158,6 +165,33 @@ def test_output_creates_parent_dirs(self):
         generate_dashboard(self.reports_dir, nested_output)
         self.assertTrue(nested_output.exists())
 
+    def test_output_embeds_chart_specs(self):
+        generate_dashboard(self.reports_dir, self.output_file)
+        content = self.output_file.read_text(encoding="utf-8")
+
+        self.assertIn("chartSpecs", content)
+        self.assertIn("vega-lite", content)
+
+    def test_output_no_longer_shows_a_placeholder(self):
+        generate_dashboard(self.reports_dir, self.output_file)
+        content = self.output_file.read_text(encoding="utf-8")
+
+        self.assertNotIn("Chart placeholder", content)
+
+    def test_output_loads_vega_with_integrity_hashes(self):
+        generate_dashboard(self.reports_dir, self.output_file)
+        content = self.output_file.read_text(encoding="utf-8")
+
+        self.assertIn("vega-embed@", content)
+        self.assertIn('integrity="sha384-', content)
+
+    def test_output_takes_its_colours_from_custom_properties(self):
+        generate_dashboard(self.reports_dir, self.output_file)
+        content = self.output_file.read_text(encoding="utf-8")
+
+        self.assertIn("--sd-accent", content)
+        self.assertNotIn("#0d6efd", content)
+
     def test_raises_when_no_data_found(self):
         empty_reports = Path(tempfile.mkdtemp())
         try:
@@ -167,5 +201,109 @@ def test_raises_when_no_data_found(self):
             shutil.rmtree(empty_reports)
 
 
+class TestBuildChartSpecs(unittest.TestCase):
+    """Unit tests for build_chart_specs."""
+
+    def _records(self, source, rows):
+        return [
+            {"source": source, "period": period, "package": package, "count": count}
+            for period, package, count in rows
+        ]
+
+    def test_one_spec_per_source(self):
+        records = self._records("PyPI Downloads", [("2026-01", "pkg_a", 5)])
+        records += self._records("GitHub Views", [("2026-W01", "pkg_a", 3)])
+
+        specs = build_chart_specs(records)
+
+        self.assertEqual(set(specs), {"PyPI Downloads", "GitHub Views"})
+
+    def test_spec_declares_vega_lite_schema(self):
+        records = self._records("PyPI Downloads", [("2026-01", "pkg_a", 5)])
+
+        spec = build_chart_specs(records)["PyPI Downloads"]
+
+        self.assertIn("vega-lite", spec["$schema"])
+
+    def test_months_sort_chronologically(self):
+        records = self._records("PyPI Downloads", [
+            ("2026-02", "pkg_a", 1),
+            ("2025-11", "pkg_a", 2),
+            ("2026-01", "pkg_a", 3),
+        ])
+
+        spec = build_chart_specs(records)["PyPI Downloads"]
+
+        self.assertEqual(spec["encoding"]["x"]["sort"], ["2025-11", "2026-01", "2026-02"])
+
+    def test_iso_weeks_sort_numerically_not_lexically(self):
+        records = self._records("GitHub Views", [
+            ("2026-W10", "pkg_a", 1),
+            ("2026-W2", "pkg_a", 2),
+        ])
+
+        spec = build_chart_specs(records)["GitHub Views"]
+
+        self.assertEqual(spec["encoding"]["x"]["sort"], ["2026-W2", "2026-W10"])
+
+    def test_unrecognised_period_sorts_last(self):
+        records = self._records("PyPI Downloads", [
+            ("nonsense", "pkg_a", 1),
+            ("2026-01", "pkg_a", 2),
+        ])
+
+        spec = build_chart_specs(records)["PyPI Downloads"]
+
+        self.assertEqual(spec["encoding"]["x"]["sort"][-1], "nonsense")
+
+    def test_axis_titles_follow_the_source(self):
+        monthly = self._records("PyPI Downloads", [("2026-01", "pkg_a", 1)])
+        weekly = self._records("GitHub Views", [("2026-W01", "pkg_a", 1)])
+
+        specs = build_chart_specs(monthly + weekly)
+
+        self.assertEqual(specs["PyPI Downloads"]["encoding"]["x"]["title"], "Month")
+        self.assertEqual(specs["PyPI Downloads"]["encoding"]["y"]["title"], "Downloads")
+        self.assertEqual(specs["GitHub Views"]["encoding"]["x"]["title"], "Week")
+        self.assertEqual(specs["GitHub Views"]["encoding"]["y"]["title"], "Views")
+
+    def test_extra_packages_are_bucketed_without_losing_any_count(self):
+        rows = [("2026-01", "pkg_%02d" % i, i + 1) for i in range(MAX_CHART_SERIES + 4)]
+        records = self._records("PyPI Downloads", rows)
+
+        spec = build_chart_specs(records)["PyPI Downloads"]
+        domain = spec["encoding"]["color"]["scale"]["domain"]
+
+        self.assertEqual(len(domain), MAX_CHART_SERIES + 1)
+        self.assertEqual(domain[-1], "Other")
+        self.assertEqual(
+            sum(value["count"] for value in spec["data"]["values"]),
+            sum(count for _, _, count in rows),
+        )
+
+    def test_every_series_has_a_colour(self):
+        rows = [("2026-01", "pkg_%02d" % i, i + 1) for i in range(MAX_CHART_SERIES + 4)]
+
+        spec = build_chart_specs(self._records("PyPI Downloads", rows))["PyPI Downloads"]
+        scale = spec["encoding"]["color"]["scale"]
+
+        self.assertEqual(len(scale["domain"]), len(scale["range"]))
+
+    def test_spec_is_json_serialisable(self):
+        records = self._records("PyPI Downloads", [("2026-01", "pkg_a", 5)])
+
+        json.dumps(build_chart_specs(records))
+
+    def test_spec_carries_no_config_block(self):
+        records = self._records("PyPI Downloads", [("2026-01", "pkg_a", 5)])
+
+        spec = build_chart_specs(records)["PyPI Downloads"]
+
+        self.assertNotIn("config", spec)
+
+    def test_no_records_means_no_specs(self):
+        self.assertEqual(build_chart_specs([]), {})
+
+
 if __name__ == "__main__":
     unittest.main()
