Regions: keep the EU, add BRICS, drop the other groupings

@@ -14,37 +14,7 @@ const GROUPINGS = [
   },
   {
-    slug: "schengen", name: "Schengen Area", short: "Schengen", of: "Europe",
-    about: "The 29 countries without border checks between them, Bulgaria and Romania fully since 2025: a traveller crosses from a country that tolerates cannabis into one that punishes it without a passport check.",
-    members: ["at", "be", "bg", "hr", "cz", "dk", "ee", "fi", "fr", "de", "gr", "hu", "is", "it", "lv", "li", "lt", "lu", "mt", "nl", "no", "pl", "pt", "ro", "sk", "si", "es", "se", "ch"],
-  },
-  {
-    slug: "nordic", name: "Nordic countries", short: "Nordic", of: "Europe",
-    about: "Denmark, Finland, Iceland, Norway and Sweden, with Greenland and the Faroe Islands.",
-    members: ["dk", "fi", "is", "no", "se", "gl", "fo"],
-  },
-  {
-    slug: "asean", name: "ASEAN", short: "ASEAN", of: "Asia",
-    about: "The 11 members of the Association of Southeast Asian Nations, Timor-Leste the newest since 2025.",
-    members: ["bn", "kh", "id", "la", "my", "mm", "ph", "sg", "th", "vn", "tl"],
-  },
-  {
-    slug: "gcc", name: "Gulf Cooperation Council", short: "Gulf", of: "Asia",
-    about: "The six monarchies of the Gulf Cooperation Council: Bahrain, Kuwait, Oman, Qatar, Saudi Arabia and the United Arab Emirates.",
-    members: ["ae", "bh", "kw", "om", "qa", "sa"],
-  },
-  {
-    slug: "caricom", name: "Caribbean Community", short: "CARICOM", of: "North America",
-    about: "The full members of the Caribbean Community, from the Bahamas to Suriname and Guyana. Montserrat, a British territory and also a member, has no profile here yet.",
-    members: ["ag", "bs", "bb", "bz", "dm", "gd", "gy", "ht", "jm", "kn", "lc", "vc", "sr", "tt"],
-  },
-  {
-    slug: "mercosur", name: "Mercosur", short: "Mercosur", of: "South America",
-    about: "The full members of the Southern Common Market: Argentina, Bolivia, Brazil, Paraguay and Uruguay. Venezuela's membership is suspended.",
-    members: ["ar", "bo", "br", "py", "uy"],
-  },
-  {
-    slug: "g7", name: "Group of Seven", short: "G7",
-    about: "The seven large economies of the G7: Canada, France, Germany, Italy, Japan, the United Kingdom and the United States.",
-    members: ["ca", "fr", "de", "it", "jp", "gb", "us"],
+    slug: "brics", name: "BRICS", short: "BRICS",
+    about: "The ten members of BRICS: Brazil, Russia, India, China and South Africa, joined by Egypt, Ethiopia, Iran and the United Arab Emirates in 2024 and Indonesia in 2025.",
+    members: ["br", "ru", "in", "cn", "za", "eg", "et", "ir", "ae", "id"],
   },
 ];

@@ -23,7 +23,7 @@ const world = { slug: "world", name: "World", values: years.map((y) => yearEnd(a
 const CW = 960, CH = 360, PL = 34, PR = 120, PT = 12, PB = 28;
 const cx = (y) => PL + ((y - Y0) / (Y1 - Y0)) * (CW - PL - PR);
-// two charts behind a switch, continents and groups of countries, each with the world line
-const sets = [["continent", "Continents"], ["grouping", "Groups of countries"]].map(([kind, label]) => {
-  const lines = [...regions.filter((r) => r.kind === kind).map((r) => ({ slug: r.slug, name: r.short, values: years.map((y) => yearEnd(r.series.history, y)) })), world];
+// the continents, then the groupings, then the world
+const chart = (() => {
+  const lines = [...regions.map((r) => ({ slug: r.slug, name: r.short, values: years.map((y) => yearEnd(r.series.history, y)) })), world];
   const top = Math.ceil(Math.max(...lines.flatMap((l) => l.values)) / 10) * 10;
   const cy = (v) => PT + (1 - v / top) * (CH - PT - PB);
@@ -32,6 +32,6 @@ const sets = [["continent", "Continents"], ["grouping", "Groups of countries"]].
   const labels = [...drawn].sort((a, b) => b.values.at(-1) - a.values.at(-1)).map((l) => ({ l, y: cy(l.values.at(-1)) }));
   for (let i = 1; i < labels.length; i++) labels[i].y = Math.max(labels[i].y, labels[i - 1].y + 15);
-  return { kind, label, lines: drawn, labels, cy, gridY: Array.from({ length: top / 10 + 1 }, (_, i) => i * 10) };
-});
+  return { lines: drawn, labels, cy, gridY: Array.from({ length: top / 10 + 1 }, (_, i) => i * 10) };
+})();
 const gridX = years.filter((y) => y % 20 === 0);
 ---
@@ -50,10 +50,7 @@ const gridX = years.filter((y) => y % 20 === 0);
         <p class="sub">The average score of each region's countries at the end of each year, rebuilt from the recorded history. Point at a line to pick it out.</p>
       </div></div>
-      <div class="avg-switch rgp-switch" role="group" aria-label="Regions shown">
-        {sets.map((t, i) => <button type="button" data-set={t.kind} aria-pressed={i === 0 ? "true" : "false"}>{t.label}</button>)}
-      </div>
-      {sets.map((t, i) => (
-        <figure class="rgp-trend" data-rgp-trend data-set={t.kind} hidden={i > 0}>
-          <svg viewBox={`0 0 ${CW} ${CH}`} role="img" aria-label={`Average score, ${t.label.toLowerCase()}, ${Y0} to ${Y1}: ${t.lines.map((l) => `${l.name} ${l.values.at(-1).toFixed(1)}`).join(", ")}`}>
+      {[chart].map((t) => (
+        <figure class="rgp-trend" data-rgp-trend>
+          <svg viewBox={`0 0 ${CW} ${CH}`} role="img" aria-label={`Average score by region, ${Y0} to ${Y1}: ${t.lines.map((l) => `${l.name} ${l.values.at(-1).toFixed(1)}`).join(", ")}`}>
             {t.gridY.map((v) => <g class="rgp-grid"><line x1={PL} x2={CW - PR} y1={t.cy(v)} y2={t.cy(v)} /><text x={PL - 8} y={t.cy(v) + 4} text-anchor="end">{v}</text></g>)}
             {gridX.map((y) => <text class="rgp-axis" x={cx(y)} y={CH - 8} text-anchor="middle">{y}</text>)}
@@ -101,8 +98,3 @@ const gridX = years.filter((y) => y % 20 === 0);
     fig.addEventListener("mouseleave", () => { fig.classList.remove("picking"); set(null); });
   }
-  // the switch between continents and groups of countries
-  for (const btn of document.querySelectorAll(".rgp-switch button")) btn.addEventListener("click", () => {
-    btn.parentElement.querySelectorAll("button").forEach((b) => b.setAttribute("aria-pressed", String(b === btn)));
-    document.querySelectorAll("[data-rgp-trend]").forEach((f) => { f.hidden = f.dataset.set !== btn.dataset.set; });
-  });
 </script>

@@ -3623,3 +3623,2 @@ td.rgp-seg i { display: inline-block; width: 7px; height: 7px; margin-right: 5px
 .rgp-line.on { stroke: var(--text); stroke-width: 2.6; }
 .rgp-label.on text { fill: var(--text); }
-.rgp-switch { margin: 0 0 14px; }