more relative links

mbostock · mbostock · commit 254350153ce9 · 2025-07-29T09:29:36.000-04:00
diff --git a/docs/ex/d3/orthographic.html b/docs/ex/d3/orthographic.html
@@ -4,7 +4,7 @@
   <script id="2" type="text/markdown">
     # Orthographic
 
-    The [orthographic projection](https://en.wikipedia.org/wiki/Orthographic_projection#Cartography) is a perspective (azimuthal) projection, like the [stereographic](./stereographic) and [gnomonic](https://observablehq.com/@d3/gnomonic) projections. It "depicts a hemisphere of the globe as it appears from outer space, where the horizon is a great circle." See also the [general perspective projection](https://observablehq.com/@d3/satellite) and an [animated world tour](./world-tour).
+    The [orthographic projection](https://en.wikipedia.org/wiki/Orthographic_projection#Cartography) is a perspective (azimuthal) projection, like the [stereographic](./stereographic) and [gnomonic](./gnomonic) projections. It "depicts a hemisphere of the globe as it appears from outer space, where the horizon is a great circle." See also the [general perspective projection](https://observablehq.com/@d3/satellite) and an [animated world tour](./world-tour).
   </script>
   <script id="1" type="module" pinned="">
     const projection = d3.geoOrthographic().rotate([110, -40]);
diff --git a/docs/ex/d3/scatterplot-tour.html b/docs/ex/d3/scatterplot-tour.html
@@ -4,7 +4,7 @@
   <script id="2" type="text/markdown">
     # Scatterplot tour
 
-    This notebook implements an animated tour of a scatterplot using zoom transitions. The tour zooms in on each cluster's [bounding box](https://observablehq.com/@d3/zoom-to-bounding-box) in succession before zooming back out to the overview. To improve rendering performance, the circles are drawn as zero-length strokes with round caps.
+    This notebook implements an animated tour of a scatterplot using zoom transitions. The tour zooms in on each cluster's [bounding box](./zoom-to-bounding-box) in succession before zooming back out to the overview. To improve rendering performance, the circles are drawn as zero-length strokes with round caps.
   </script>
   <script id="3" type="module">
     const input = Inputs.radio(new Map(transforms), {value: transforms[0][1]});
diff --git a/docs/ex/d3/treemap.html b/docs/ex/d3/treemap.html
@@ -4,7 +4,7 @@
   <script id="5" type="text/markdown">
     # Treemap
 
-    Use [d3.stratify](https://d3js.org/d3-hierarchy/stratify) to compute a [treemap](https://observablehq.com/@d3/treemap/2) from a flat list of references in CSV format, instead of a hierarchical JSON format.
+    Use [d3.stratify](https://d3js.org/d3-hierarchy/stratify) to compute a [treemap](https://d3js.org/d3-hierarchy/treemap) from a flat list of references in CSV format, instead of a hierarchical JSON format.
   </script>
   <script id="3" type="module">
     const tile = view(Inputs.select(
diff --git a/docs/ex/d3/world-tour.html b/docs/ex/d3/world-tour.html
@@ -4,7 +4,7 @@
   <script id="1" type="text/markdown">
     # World tour
 
-    This animation uses [d3.geoInterpolate](https://d3js.org/d3-geo/math#geoInterpolate) to interpolate a path along great arcs, and [spherical linear interpolation](https://en.wikipedia.org/wiki/Slerp) to rotate the [orthographic](https://observablehq.com/@d3/orthographic) projection.
+    This animation uses [d3.geoInterpolate](https://d3js.org/d3-geo/math#geoInterpolate) to interpolate a path along great arcs, and [spherical linear interpolation](https://en.wikipedia.org/wiki/Slerp) to rotate the [orthographic](./orthographic) projection.
   </script>
   <script id="2" type="text/html">
     <b style="display: block; text-align:center; line-height: 33px;">${country?.properties.name ?? "\xa0"}
diff --git a/docs/ex/d3/zoomable-icicle.html b/docs/ex/d3/zoomable-icicle.html
@@ -4,7 +4,7 @@
   <script id="1" type="text/markdown">
     # Zoomable icicle
 
-    This variant of an [icicle diagram](https://observablehq.com/@d3/icicle/2) shows only three layers of the hierarchy at a time. Click a node to zoom in, or the left column to zoom out. Compare to a [sunburst](https://observablehq.com/@d3/zoomable-sunburst).
+    This variant of an [icicle diagram](https://observablehq.com/@d3/icicle/2) shows only three layers of the hierarchy at a time. Click a node to zoom in, or the left column to zoom out. Compare to a [sunburst](./zoomable-sunburst).
   </script>
   <script id="2" type="module" pinned="">
     // Specify the chart’s dimensions.
diff --git a/docs/ex/d3/zoomable-sunburst.html b/docs/ex/d3/zoomable-sunburst.html
@@ -4,7 +4,7 @@
   <script id="1" type="text/markdown">
     # Zoomable sunburst
 
-    This variant of a [sunburst diagram](https://observablehq.com/@d3/sunburst/2) shows only two layers of the hierarchy at a time. Click a node to zoom in, or the center to zoom out. Compare to an [icicle](https://observablehq.com/@d3/zoomable-icicle).
+    This variant of a [sunburst diagram](https://observablehq.com/@d3/sunburst/2) shows only two layers of the hierarchy at a time. Click a node to zoom in, or the center to zoom out. Compare to an [icicle](./zoomable-icicle).
   </script>
   <script id="2" type="module" pinned="">
     // Specify the chart’s dimensions.
diff --git a/docs/ex/plot/arc-diagram.html b/docs/ex/plot/arc-diagram.html
@@ -4,7 +4,7 @@
   <script id="1" type="text/markdown">
     # Arc diagram
 
-    This diagram places nodes in a vertical line with circular arcs for links. Unlike other network visualizations such as a [force layout](https://observablehq.com/@d3/force-directed-graph), the appearance (and usefulness) of an arc diagram is highly dependent on the order of nodes.
+    This diagram places nodes in a vertical line with circular arcs for links. Unlike other network visualizations such as a [force layout](./force-directed-graph), the appearance (and usefulness) of an arc diagram is highly dependent on the order of nodes.
   </script>
   <script id="5" type="module" pinned="">
     Plot.plot({
diff --git a/docs/ex/plot/area-chart-with-gradient.html b/docs/ex/plot/area-chart-with-gradient.html
@@ -4,7 +4,7 @@
   <script id="1" type="text/markdown">
     # Area chart with gradient
 
-    A custom [function mark](https://observablehq.com/plot/features/marks) returns a svg gradient (generated with [Hypertext Literal](https://observablehq.com/@observablehq/htl)), that can be referenced as a [funciri](https://developer.mozilla.org/en-US/docs/Web/SVG/Content_type#funciri) color in the [area](https://observablehq.com/plot/marks/area) mark.
+    A custom [function mark](https://observablehq.com/plot/features/marks) returns a svg gradient (generated with [Hypertext Literal](https://github.com/observablehq/htl)), that can be referenced as a [funciri](https://developer.mozilla.org/en-US/docs/Web/SVG/Content_type#funciri) color in the [area](https://observablehq.com/plot/marks/area) mark.
   </script>
   <script id="5" type="module" pinned="">
     Plot.plot({
