embed demo video

Author: mbostock

docs/desktop.html

@@ -12,7 +12,7 @@
   <script id="46" type="text/markdown">
     Here's a short demo:
 
-    <div style="border: solid 1px currentColor; max-width: 100%; width: 640px; display: flex; justify-content: center; align-items: center; aspect-ratio: 640 / 315; font: 14px var(--sans-serif);">VIDEO TK</div>
+    <iframe style="border: none; max-width: 100%; width: 640px; aspect-ratio: 560 / 315;" src="https://www.youtube.com/embed/BeH6AhiQ4Bw?si=-f-wzXSCNkddOQOz" title="Vibe coding a choropleth map in Observable Notebooks 2.0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
   </script>
   <script id="43" type="text/markdown">
     Observable Desktop is available as part of [**Notebooks 2.0 Technology Preview**](./).

docs/index.html

@@ -266,7 +266,7 @@
   <script id="58" type="text/markdown">
     Here's a short demo of authoring notebooks:
 
-    <div style="border: solid 1px currentColor; max-width: 100%; width: 640px; display: flex; justify-content: center; align-items: center; aspect-ratio: 640 / 315; font: 14px var(--sans-serif);">VIDEO TK</div>
+    <iframe style="border: none; max-width: 100%; width: 640px; aspect-ratio: 560 / 315;" src="https://www.youtube.com/embed/BeH6AhiQ4Bw?si=-f-wzXSCNkddOQOz" title="Vibe coding a choropleth map in Observable Notebooks 2.0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
   </script>
   <script id="80" type="text/markdown">
     See the [Desktop user guide](./desktop-guide) for help getting started.