diff --git a/manuscript/manuscript_cloud.py b/manuscript/manuscript_cloud.py
new file mode 100644
index 0000000..88ce8b8
--- /dev/null
+++ b/manuscript/manuscript_cloud.py
@@ -0,0 +1,118 @@
+"""Data for the manuscript-location word cloud on the Manuscripts page.
+
+Library records only store a city name, so coordinates for each holding city
+live here. The cloud uses them only to keep cities in the right compass
+order (north/south/east/west); a city that isn't listed still appears in the
+panel under "Location not mapped" and is logged so it can be added.
+"""
+
+import logging
+import re
+import unicodedata
+
+from django.urls import reverse
+
+logger = logging.getLogger(__name__)
+
+# key: normalized city name -> (display name, country, lat, lon)
+CITY_COORDS = {
+    "amsterdam": ("Amsterdam", "Netherlands", 52.372, 4.894),
+    "basel": ("Basel", "Switzerland", 47.559, 7.588),
+    "bergamo": ("Bergamo", "Italy", 45.698, 9.677),
+    "bologna": ("Bologna", "Italy", 44.494, 11.343),
+    "boston": ("Boston", "USA", 42.350, -71.078),
+    "brussels": ("Brussels", "Belgium", 50.850, 4.352),
+    "cambridge ma": ("Cambridge, MA", "USA", 42.374, -71.116),
+    "chicago": ("Chicago", "USA", 41.878, -87.630),
+    "cortona": ("Cortona", "Italy", 43.275, 11.985),
+    "florence": ("Florence", "Italy", 43.773, 11.256),
+    "forli": ("Forlì", "Italy", 44.222, 12.041),
+    "genoa": ("Genoa", "Italy", 44.405, 8.946),
+    "gubbio": ("Gubbio", "Italy", 43.352, 12.577),
+    "helsinki": ("Helsinki", "Finland", 60.170, 24.938),
+    "ithaca ny": ("Ithaca, NY", "USA", 42.448, -76.484),
+    "krakow": ("Krakow", "Poland", 50.065, 19.945),
+    "warsaw": ("Warsaw", "Poland", 52.230, 21.011),
+    "lawrence ks": ("Lawrence, KS", "USA", 38.958, -95.247),
+    "london": ("London", "UK", 51.520, -0.127),
+    "lucca": ("Lucca", "Italy", 43.843, 10.505),
+    "milan": ("Milan", "Italy", 45.464, 9.190),
+    "modena": ("Modena", "Italy", 44.647, 10.925),
+    "naples": ("Naples", "Italy", 40.852, 14.268),
+    "new haven": ("New Haven", "USA", 41.311, -72.926),
+    "new york": ("New York", "USA", 40.753, -73.982),
+    "oxford": ("Oxford", "UK", 51.754, -1.254),
+    "padua": ("Padua", "Italy", 45.406, 11.877),
+    "paris": ("Paris", "France", 48.857, 2.352),
+    "parma": ("Parma", "Italy", 44.801, 10.328),
+    "pavia": ("Pavia", "Italy", 45.185, 9.159),
+    "perugia": ("Perugia", "Italy", 43.112, 12.389),
+    "poppi": ("Poppi", "Italy", 43.721, 11.763),
+    "pesaro": ("Pesaro", "Italy", 43.910, 12.913),
+    "prato": ("Prato", "Italy", 43.878, 11.102),
+    "ravenna": ("Ravenna", "Italy", 44.418, 12.204),
+    "rome": ("Rome", "Italy", 41.900, 12.483),
+    "siena": ("Siena", "Italy", 43.318, 11.331),
+    "tenri": ("Tenri, Japan", "Japan", 34.597, 135.837),
+    "tenri japan": ("Tenri, Japan", "Japan", 34.597, 135.837),
+    "treviso": ("Treviso", "Italy", 45.666, 12.245),
+    "turin": ("Turin", "Italy", 45.070, 7.687),
+    "vaduz": ("Vaduz", "Liechtenstein", 47.141, 9.521),
+    "vatican city": ("Vatican City", "Vatican City", 41.904, 12.454),
+    "venice": ("Venice", "Italy", 45.434, 12.338),
+    "vicenza": ("Vicenza", "Italy", 45.546, 11.535),
+    "vienna": ("Vienna", "Austria", 48.206, 16.367),
+    "volterra": ("Volterra", "Italy", 43.402, 10.861),
+    "washington dc": ("Washington DC", "USA", 38.889, -77.005),
+}
+
+# City values that mean "we don't know where it is"
+UNLOCATED = {"", "unknown", "unverified", "irrelevant"}
+
+
+def normalize_city(name):
+    """'Cambridge, MA' / 'Cambridge MA' / 'Forlì' -> 'cambridge ma' / 'forli'"""
+    name = unicodedata.normalize("NFKD", name or "")
+    name = "".join(c for c in name if not unicodedata.combining(c))
+    name = re.sub(r"[^\w\s]", " ", name.lower())
+    return re.sub(r"\s+", " ", name).strip()
+
+
+def build_cloud_places(manuscripts, library_id_map):
+    """Group manuscripts by holding city, then by library.
+
+    `manuscripts` and `library_id_map` are the structures already built in
+    `views.manuscripts`. Returns a list of dicts ready for `json_script`.
+    """
+    places = {}
+    for ms in manuscripts:
+        if not ms.get("siglum"):
+            continue
+        library = library_id_map.get(ms.get("library")) or {}
+        key = normalize_city(library.get("city"))
+        coords = CITY_COORDS.get(key)
+        if coords:
+            label, country, lat, lon = coords
+        else:
+            if key not in UNLOCATED:
+                logger.info(
+                    "Manuscript cloud: no coordinates for city %r", library.get("city")
+                )
+            label, country, lat, lon = "Location not mapped", "", None, None
+        place = places.setdefault(
+            label,
+            {"city": label, "country": country, "lat": lat, "lon": lon, "inst": {}},
+        )
+        inst_name = library.get("library") or "Unknown library"
+        place["inst"].setdefault(inst_name, []).append(
+            [
+                ms.get("shelfmark") or "no shelfmark",
+                ms["siglum"],
+                reverse("manuscript", args=[ms["siglum"]]),
+            ]
+        )
+
+    return [
+        {**p, "inst": [{"name": k, "mss": v} for k, v in p["inst"].items()]}
+        for p in places.values()
+    ]
diff --git a/manuscript/views.py b/manuscript/views.py
index c518859..0196010 100644
--- a/manuscript/views.py
+++ b/manuscript/views.py
@@ -20,6 +20,7 @@
 from rest_framework import viewsets
 
 from gallery.models import GalleryIndexPage
+from manuscript.manuscript_cloud import build_cloud_places
 from manuscript.models import (
     Library,
     Location,
@@ -599,6 +600,7 @@ def manuscripts(request: HttpRequest):
             "manuscripts": sorted(manuscripts, key=lambda m: m["shelfmark_fmt"]),
             "sigla_index": sorted(sigla, key=lambda s: s["siglum"]),
             "snippet": ManuscriptsIntroduction.objects.first(),
+            "cloud_places": build_cloud_places(manuscripts, library_id_map),
         },
     )
 
diff --git a/static/css/manuscript-cloud.css b/static/css/manuscript-cloud.css
new file mode 100644
index 0000000..a374066
--- /dev/null
+++ b/static/css/manuscript-cloud.css
@@ -0,0 +1,77 @@
+/* Manuscript word cloud (templates/partials/manuscript_cloud.html).
+   Everything is scoped under .ms-cloud so it can't affect the rest of the site. */
+.ms-cloud {
+  --msc-bg: #eef1f4;
+  --msc-ink: #1c2631;
+  --msc-muted: #5a6876;
+  --msc-line: #d9e0e6;
+  --msc-hover: #e2e8ee;
+  --msc-italy: #b91c1c; /* lasfera-red */
+  --msc-italy-soft: #fbe5e5;
+  --msc-blue: #2f5d8a;
+  --msc-gold: #9a6a12;
+  --msc-font: "Barlow Semi Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
+  --msc-mono: ui-monospace, Menlo, Consolas, monospace;
+  margin: 0 0 2.5rem;
+  color: var(--msc-ink);
+}
+.ms-cloud__summary { color: var(--msc-muted); margin: 0 0 0.75rem; }
+
+/* 16:9 landscape frame, kept within the window height; scrolls sideways on phones */
+.ms-cloud__stage { overflow-x: auto; border-radius: 8px; }
+.ms-cloud__frame {
+  position: relative; width: 100%; min-width: 720px; aspect-ratio: 16 / 9;
+  max-height: calc(100vh - 120px); min-height: 405px;
+  background: var(--msc-bg); border-radius: 8px; overflow: hidden;
+}
+.ms-cloud__frame svg { display: block; width: 100%; height: 100%; }
+
+.ms-word { cursor: pointer; outline: none; }
+.ms-word text { font-family: var(--msc-font); font-weight: 600; fill: var(--msc-c); }
+.ms-word__hl { fill: transparent; }
+.ms-word:hover .ms-word__hl, .ms-word:focus-visible .ms-word__hl { fill: var(--msc-hover); }
+.ms-word:focus-visible .ms-word__hl { stroke: var(--msc-ink); stroke-width: 1.5; }
+.ms-word.is-selected .ms-word__hl { fill: var(--msc-italy-soft); }
+.ms-word--it { --msc-c: var(--msc-italy); }
+.ms-word--eu { --msc-c: var(--msc-ink); }
+.ms-word--na { --msc-c: var(--msc-blue); }
+.ms-word--jp { --msc-c: var(--msc-gold); }
+
+.ms-cloud__legend {
+  display: flex; flex-wrap: wrap; gap: 4px 14px; align-items: center;
+  font-size: 0.8rem; color: var(--msc-muted); margin: 0.5rem 0 1.25rem;
+}
+.ms-cloud__legend i {
+  display: inline-block; width: 10px; height: 10px; border-radius: 2px;
+  margin-right: 4px; vertical-align: -1px;
+}
+
+.ms-cloud__detail { border-top: 1px solid var(--msc-line); padding-top: 1rem; }
+.ms-cloud__eyebrow {
+  font: 500 0.7rem var(--msc-mono); letter-spacing: 0.08em; text-transform: uppercase;
+  color: var(--msc-muted); margin: 0;
+}
+.ms-cloud__place { font-size: 1.6rem; font-weight: 700; line-height: 1.2; margin: 0.1rem 0; }
+.ms-cloud__meta { color: var(--msc-muted); margin: 0 0 1rem; }
+.ms-cloud__libs {
+  display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
+  gap: 0.5rem 2rem; align-items: start;
+}
+.ms-cloud__lib h6 {
+  font-size: 1rem; line-height: 1.3;
+  display: flex; justify-content: space-between; gap: 12px; font-weight: 600;
+  border-bottom: 1px solid var(--msc-line); padding-bottom: 4px; margin: 0 0 4px;
+}
+.ms-cloud__lib h6 span { font: 0.75rem var(--msc-mono); color: var(--msc-muted); padding-top: 3px; }
+.ms-cloud__lib ul { list-style: none; margin: 0 0 1rem; padding: 0; }
+.ms-cloud__lib a {
+  display: grid; grid-template-columns: 70px minmax(0, 1fr); gap: 8px; align-items: baseline;
+  padding: 3px 6px; border-radius: 4px; text-decoration: none; color: var(--msc-ink);
+}
+.ms-cloud__lib a:hover { background: var(--msc-hover); text-decoration: underline; }
+.ms-cloud__sig { font: 500 0.8rem var(--msc-mono); color: var(--msc-italy); }
+.ms-cloud__unmapped {
+  margin-top: 0.5rem; font-size: 0.85rem; color: var(--msc-muted);
+  text-decoration: underline; background: none; border: 0; cursor: pointer; padding: 0;
+}
+.ms-cloud button:focus-visible, .ms-cloud a:focus-visible { outline: 2px solid var(--msc-italy); outline-offset: 2px; }
diff --git a/static/js/manuscript-cloud.js b/static/js/manuscript-cloud.js
new file mode 100644
index 0000000..1b405d9
--- /dev/null
+++ b/static/js/manuscript-cloud.js
@@ -0,0 +1,220 @@
+/*
+ * Manuscript word cloud for the Manuscripts page.
+ *
+ * Each holding city's name is sized by how many manuscripts it holds and
+ * placed so that cities keep their compass relation to one another
+ * (Florence above Rome, Washington to the west of both, Tenri to the east).
+ * Distances are compressed, not true. Clicking a name lists that city's
+ * manuscripts by library below the cloud.
+ *
+ * Expects: d3 v7 loaded globally, a <script id="ms-cloud-data"> JSON block
+ * (from manuscript/manuscript_cloud.py), and the markup in
+ * templates/partials/manuscript_cloud.html.
+ */
+(function () {
+  const root = document.querySelector(".ms-cloud");
+  const dataEl = document.getElementById("ms-cloud-data");
+  if (!root || !dataEl || !window.d3) return;
+
+  const PLACES = JSON.parse(dataEl.textContent);
+  if (!PLACES.length) return;
+
+  const coll = new Intl.Collator(undefined, { numeric: true, sensitivity: "base" });
+  const esc = (s) =>
+    String(s).replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]);
+
+  PLACES.forEach((p, i) => {
+    p.id = i;
+    p.label = p.city;
+    p.inst.sort((a, b) => b.mss.length - a.mss.length || coll.compare(a.name, b.name));
+    p.inst.forEach((ins) => ins.mss.sort((a, b) => coll.compare(a[0], b[0])));
+    p.count = p.inst.reduce((s, x) => s + x.mss.length, 0);
+  });
+  const located = PLACES.filter((p) => p.lat != null);
+  // Size only by the cities on the cloud; the "not mapped" group isn't drawn
+  const MAXC = Math.max(2, d3.max(located, (p) => p.count) || 0);
+  let selected = located.slice().sort((a, b) => b.count - a.count)[0] || PLACES[0];
+
+  const summary = root.querySelector(".ms-cloud__summary");
+  if (summary) {
+    const total = located.reduce((s, p) => s + p.count, 0);
+    summary.textContent = `${total} manuscripts in ${located.length} cities. Select a city to list its manuscripts.`;
+  }
+
+  /* ---------- Layout ---------- */
+  const stage = root.querySelector(".ms-cloud__stage");
+  const frame = root.querySelector(".ms-cloud__frame");
+  const svg = d3.select(root.querySelector("svg"));
+  const gW = svg.append("g");
+  const detEl = root.querySelector(".ms-cloud__detail");
+  let W = 0, H = 0, words = [];
+
+  const region = (p) =>
+    p.country === "Italy" || p.country === "Vatican City" ? "it"
+      : p.country === "USA" ? "na"
+      : p.country === "Japan" ? "jp" : "eu";
+
+  const ctx = document.createElement("canvas").getContext("2d");
+  const FAMILY = '"Barlow Semi Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif';
+  function measure(text, size) {
+    ctx.font = `600 ${size}px ${FAMILY}`;
+    const m = ctx.measureText(text);
+    return {
+      w: m.width,
+      asc: m.actualBoundingBoxAscent || size * 0.72,
+      desc: m.actualBoundingBoxDescent || size * 0.22,
+    };
+  }
+
+  // Compress distance from Florence logarithmically, then blend with rank order
+  // so the names spread across the frame instead of leaving an empty Atlantic.
+  const LON0 = 11.3, LAT0 = 43.6, SC = 1.1, LON_GAP = 2.0, LAT_GAP = 1.4;
+  const fx = (d) => Math.sign(d) * Math.log1p(Math.abs(d) / SC);
+  function blend(vals) {
+    const [a, b] = d3.extent(vals);
+    const sorted = vals.slice().sort((x, y) => x - y);
+    const n = Math.max(1, vals.length - 1);
+    return vals.map((v) => {
+      const lin = b > a ? (v - a) / (b - a) : 0.5;
+      const lo = d3.bisectLeft(sorted, v), hi = d3.bisectRight(sorted, v);
+      return 0.4 * lin + 0.6 * ((lo + (hi - lo - 1) / 2) / n);
+    });
+  }
+
+  function tryLayout(maxF) {
+    const minF = Math.max(W < 500 ? 10 : 12, maxF * 0.16);
+    const pad = 2, placed = [];
+    let viol = 0;
+    const us = blend(located.map((p) => fx(p.lon - LON0)));
+    const vs = blend(located.map((p) => -fx(p.lat - LAT0)));
+    const mx = Math.min(70, W * 0.1), my = Math.min(28, H * 0.06);
+    const list = located
+      .map((p, i) => ({ p, tx: mx + us[i] * (W - 2 * mx), ty: my + vs[i] * (H - 2 * my) }))
+      .sort((a, b) => b.p.count - a.p.count || coll.compare(a.p.label, b.p.label));
+
+    for (let i = 0; i < list.length; i++) {
+      const { p, tx, ty } = list[i];
+      const size = minF + (maxF - minF) * Math.sqrt((p.count - 1) / (MAXC - 1));
+      const m = measure(p.label, size);
+      const vertical = p.count === 1 && !p.label.includes(" ") && p.label.length <= 7 && i % 3 === 1;
+      const bw = (vertical ? m.asc + m.desc : m.w) + pad * 2;
+      const bh = (vertical ? m.w : m.asc + m.desc) + pad * 2;
+      let best = null;
+      for (let s = 0; s < 9000; s++) {
+        const th = s * 0.1, r = 1.2 * th;
+        if (r > Math.max(W, H)) break;
+        const cx = tx + r * Math.cos(th) * 1.6, cy = ty + r * Math.sin(th);
+        const x = cx - bw / 2, y = cy - bh / 2;
+        if (x < 4 || y < 4 || x + bw > W - 4 || y + bh > H - 4) continue;
+        if (placed.some((q) => x < q.x + q.w && x + bw > q.x && y < q.y + q.h && y + bh > q.y)) continue;
+        // Count compass-order slips against words already placed; never allow big ones.
+        let v = 0, hard = false;
+        for (const q of placed) {
+          const dl = p.lon - q.p.lon, dt = p.lat - q.p.lat;
+          const qx = q.x + q.w / 2, qy = q.y + q.h / 2;
+          const bx = Math.abs(dl) > LON_GAP && Math.sign(cx - qx) !== Math.sign(dl);
+          const by = Math.abs(dt) > LAT_GAP && Math.sign(qy - cy) !== Math.sign(dt);
+          if (bx || by) {
+            v++;
+            if (Math.abs(dl) > 25 || (by && Math.abs(dt) > 6)) hard = true;
+          }
+        }
+        if (hard) continue;
+        if (!best || v < best.v) best = { x, y, v };
+        if (v === 0) break;
+      }
+      if (!best) return null;
+      viol += best.v;
+      placed.push({ p, x: best.x, y: best.y, w: bw, h: bh, size, vertical, asc: m.asc, desc: m.desc });
+    }
+    placed.viol = viol;
+    return placed;
+  }
+
+  async function computeLayout() {
+    const rect = frame.getBoundingClientRect();
+    W = rect.width; H = rect.height;
+    if (W < 50 || H < 50) return;
+    svg.attr("viewBox", `0 0 ${W} ${H}`);
+    try { await document.fonts.load(`600 40px ${FAMILY}`); } catch (e) { /* use fallback */ }
+    let maxF = Math.min(W / 5, H / 3), res = null;
+    for (let k = 0; k < 50 && !res; k++) {
+      const r = tryLayout(maxF);
+      if (r && r.viol <= 2) res = r; else maxF *= 0.95;
+    }
+    if (!res) {
+      maxF = Math.min(W / 5, H / 3);
+      for (let k = 0; k < 50 && !res; k++) { res = tryLayout(maxF); if (!res) maxF *= 0.95; }
+    }
+    words = res || [];
+  }
+
+  function render() {
+    const plural = (n) => `${n} manuscript${n > 1 ? "s" : ""}`;
+    const g = gW.selectAll("g.ms-word").data(words, (d) => d.p.id).join((enter) => {
+      const g = enter.append("g").attr("tabindex", 0).attr("role", "button");
+      g.append("title"); g.append("rect").attr("class", "ms-word__hl").attr("rx", 4); g.append("text");
+      g.on("click", (e, d) => select(d.p)).on("keydown", (e, d) => {
+        if (e.key === "Enter" || e.key === " ") { e.preventDefault(); select(d.p); }
+      });
+      return g;
+    });
+    g.attr("transform", (d) => `translate(${d.x + d.w / 2},${d.y + d.h / 2})${d.vertical ? " rotate(-90)" : ""}`)
+      .attr("class", (d) => `ms-word ms-word--${region(d.p)}`)
+      .classed("is-selected", (d) => d.p === selected)
+      .attr("aria-label", (d) => `${d.p.label}: ${plural(d.p.count)}`);
+    g.select("title").text((d) => `${d.p.label} · ${plural(d.p.count)}`);
+    g.select("rect").each(function (d) {
+      const w = d.vertical ? d.h : d.w, h = d.vertical ? d.w : d.h;
+      d3.select(this).attr("x", -w / 2 - 3).attr("y", -h / 2 - 2).attr("width", w + 6).attr("height", h + 4);
+    });
+    g.select("text").attr("text-anchor", "middle").attr("y", (d) => (d.asc - d.desc) / 2)
+      .style("font-size", (d) => d.size + "px").text((d) => d.p.label);
+  }
+
+  /* ---------- Detail list ---------- */
+  function renderDetail() {
+    const p = selected;
+    const n = p.count, k = p.inst.length;
+    detEl.innerHTML = `
+      <p class="ms-cloud__eyebrow">${p.lat == null ? "Not on the cloud" : esc(p.country)}</p>
+      <h5 class="ms-cloud__place">${esc(p.label)}</h5>
+      <p class="ms-cloud__meta">${n} manuscript${n > 1 ? "s" : ""} · ${k} ${k > 1 ? "libraries" : "library"}</p>
+      <div class="ms-cloud__libs">
+      ${p.inst.map((ins) => `
+        <section class="ms-cloud__lib">
+          <h6>${esc(ins.name)}<span>${ins.mss.length}</span></h6>
+          <ul>${ins.mss.map(([shelf, sig, url]) => `
+            <li><a href="${esc(url)}"><span class="ms-cloud__sig">${esc(sig)}</span><span>${esc(shelf)}</span></a></li>`).join("")}
+          </ul>
+        </section>`).join("")}
+      </div>
+      ${PLACES.some((x) => x.lat == null) && p.lat != null
+        ? `<button type="button" class="ms-cloud__unmapped">Show manuscripts with no mapped location</button>` : ""}`;
+    const btn = detEl.querySelector(".ms-cloud__unmapped");
+    if (btn) btn.addEventListener("click", () => select(PLACES.find((x) => x.lat == null)));
+  }
+
+  function select(p) {
+    selected = p;
+    renderDetail();
+    render();
+  }
+
+  // Start from the current size so the observer's first callback doesn't
+  // repeat the initial layout below
+  const r0 = frame.getBoundingClientRect();
+  let lastW = r0.width, lastH = r0.height;
+  new ResizeObserver(() => {
+    const r = frame.getBoundingClientRect();
+    if (Math.abs(r.width - lastW) < 1 && Math.abs(r.height - lastH) < 1) return;
+    lastW = r.width; lastH = r.height;
+    computeLayout().then(render);
+  }).observe(frame);
+
+  renderDetail();
+  computeLayout().then(() => {
+    render();
+    if (stage) stage.scrollLeft = (stage.scrollWidth - stage.clientWidth) / 2;
+  });
+})();
diff --git a/templates/manuscripts.html b/templates/manuscripts.html
index 8620531..2795f66 100644
--- a/templates/manuscripts.html
+++ b/templates/manuscripts.html
@@ -26,6 +26,8 @@ <h3 class="text-4xl mb-8 font-bold" id="top">
         {% endif %}
       </div>
 
+      {% include "partials/manuscript_cloud.html" %}
+
       <!-- Filters -->
       <div class="bg-gray-50 p-4 rounded-lg mb-8 flex flex-wrap gap-x-8 gap-y-2">
         <span class="font-semibold text-gray-700">Filter:</span>
@@ -71,6 +73,13 @@ <h4 class="text-2xl font-semibold mb-4 text-gray-700">Index of Manuscripts</h4>
   </div>
 {% endblock content %}
 
+{% block extra_css %}
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@600&display=swap">
+  <link rel="stylesheet" href="{% static 'css/manuscript-cloud.css' %}">
+{% endblock extra_css %}
+
 {% block scripts %}
+  <script src="https://unpkg.com/d3@7.9.0/dist/d3.min.js"></script>
+  <script src="{% static 'js/manuscript-cloud.js' %}"></script>
 {% endblock scripts %}
 
diff --git a/templates/partials/manuscript_cloud.html b/templates/partials/manuscript_cloud.html
new file mode 100644
index 0000000..1fc8d96
--- /dev/null
+++ b/templates/partials/manuscript_cloud.html
@@ -0,0 +1,25 @@
+{% comment %}
+  Word cloud of manuscript holding cities. Needs `cloud_places` in context
+  (see manuscript/manuscript_cloud.py), plus static/css/manuscript-cloud.css,
+  d3 and static/js/manuscript-cloud.js loaded by the page.
+{% endcomment %}
+{% if cloud_places %}
+<section class="ms-cloud" aria-labelledby="ms-cloud-title">
+  <h4 id="ms-cloud-title" class="text-2xl font-semibold mb-2 text-gray-700">Where the manuscripts are</h4>
+  <p class="ms-cloud__summary"></p>
+  <div class="ms-cloud__stage">
+    <div class="ms-cloud__frame">
+      <svg role="img" aria-label="Word cloud of the cities that hold manuscripts of La sfera, each name sized by its number of manuscripts and placed in compass order"></svg>
+    </div>
+  </div>
+  <div class="ms-cloud__legend">
+    <span>Larger name = more manuscripts. Names keep their compass order (north, south, east, west), not true distances.</span>
+    <span><i style="background:var(--msc-italy)"></i>Italy &amp; Vatican</span>
+    <span><i style="background:var(--msc-ink)"></i>Rest of Europe</span>
+    <span><i style="background:var(--msc-blue)"></i>North America</span>
+    <span><i style="background:var(--msc-gold)"></i>Japan</span>
+  </div>
+  <div class="ms-cloud__detail" aria-live="polite"></div>
+</section>
+{{ cloud_places|json_script:"ms-cloud-data" }}
+{% endif %}