refactor(places): Embed Taxonomy Explorer from web-tools

docs/guides/places/taxonomy-explorer.mdx

@@ -4,7 +4,7 @@ description: Browse and explore the Overture Places taxonomy hierarchy
 hide_table_of_contents: true
 ---
 
-import TaxonomyBrowser from '@site/src/components/taxonomyBrowser';
+import TaxonomyExplorerEmbed from '@site/src/components/TaxonomyExplorerEmbed';
 
 # Taxonomy Explorer
 
@@ -14,24 +14,14 @@ to find one by name, and use the download links to take the release away as CSV.
 See [Places Taxonomy](./taxonomy.mdx) for what the `taxonomy` and
 `basic_category` properties mean and how to use them.
 
-<TaxonomyBrowser releases={[
-  {
-    id: 'september',
-    label: '2026 September (Canonical Taxonomy)',
-    releaseUrl: 'https://docs.overturemaps.org/blog/2026/09/23/release-notes/',
-    tags: [
-      { label: '23 September 2026', title: 'Date' },
-      { label: '2026-09-23.0', title: 'Data version' },
-      { label: 'v2.0.0', title: 'Schema version' },
-    ],
-    dataUrl: '/taxonomy/2026-09-23.0/taxonomy.json',
-    downloads: [
-      { label: 'Taxonomy (CSV)', url: '/taxonomy/2026-09-23.0/taxonomy.csv' },
-      { label: 'Basic categories (CSV)', url: '/taxonomy/2026-09-23.0/basic_categories.csv' },
-      { label: 'Taxonomy to legacy categories (CSV)', url: '/taxonomy/2026-09-23.0/taxonomy_to_legacy_categories.csv' },
-    ],
-    displayFields: [
-      { field: 'is_basic', label: 'Is Basic Category' },
-    ],
-  },
-]} />
+<TaxonomyExplorerEmbed />
+
+If the explorer doesn't load here, [open the Taxonomy Explorer in a new tab](https://labs.overturemaps.org/web-tools/taxonomy-explorer/).
+
+## Downloads
+
+CSV files for the `2026-10-21.0` release:
+
+- [Taxonomy](https://labs.overturemaps.org/web-tools/taxonomy-explorer/taxonomy/2026-10-21.0/taxonomy.csv)
+- [Basic categories](https://labs.overturemaps.org/web-tools/taxonomy-explorer/taxonomy/2026-10-21.0/basic_categories.csv)
+- [Taxonomy to legacy categories](https://labs.overturemaps.org/web-tools/taxonomy-explorer/taxonomy/2026-10-21.0/taxonomy_to_legacy_categories.csv)

package.json

@@ -34,8 +34,6 @@
     "@docusaurus/preset-classic": "^3.10.2",
     "@mdx-js/react": "^3.0.0",
     "clsx": "^2.1.1",
-    "d3-hierarchy": "^3.1.2",
-    "d3-shape": "^3.2.0",
     "docusaurus-plugin-llms": "^0.6.1",
     "js-yaml": "^5.5.0",
     "maplibre-gl": "^6.15.0",

src/components/TaxonomyExplorerEmbed.jsx

@@ -0,0 +1,27 @@
+import { useColorMode } from '@docusaurus/theme-common';
+import useIsBrowser from '@docusaurus/useIsBrowser';
+import { TAXONOMY_EXPLORER_URL, taxonomyExplorerSrc } from './taxonomyExplorerEmbed.utils';
+import styles from './TaxonomyExplorerEmbed.module.css';
+
+export default function TaxonomyExplorerEmbed() {
+  const { colorMode } = useColorMode();
+  // The real color mode is only known after hydration; wait for it so the
+  // iframe loads once with the right theme instead of loading twice.
+  const isBrowser = useIsBrowser();
+
+  return (
+    <div className={styles.frame}>
+      {isBrowser ? (
+        <iframe
+          className={styles.iframe}
+          src={taxonomyExplorerSrc(colorMode)}
+          title="Overture Places Taxonomy Explorer"
+        />
+      ) : (
+        <p className={styles.placeholder}>
+          <a href={TAXONOMY_EXPLORER_URL}>Open the Taxonomy Explorer</a>
+        </p>
+      )}
+    </div>
+  );
+}

src/components/TaxonomyExplorerEmbed.module.css

@@ -0,0 +1,22 @@
+.frame {
+  height: clamp(600px, 80vh, 900px);
+  margin: 1rem 0;
+  border: 1px solid var(--ifm-color-emphasis-300);
+  border-radius: var(--ifm-global-radius);
+  overflow: hidden;
+}
+
+.iframe {
+  display: block;
+  width: 100%;
+  height: 100%;
+  border: 0;
+}
+
+.placeholder {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  margin: 0;
+}