observablehq · Fil · Oct 2, 2024 · Oct 2, 2024
diff --git a/src/legends/ramp.js b/src/legends/ramp.js
@@ -29,6 +29,8 @@ export function legendRamp(color, options) {
   if (tickFormat === null) tickFormat = () => null;
 
   const svg = create("svg", context)
+    .attr("xmlns", "http://www.w3.org/2000/svg")
+    .attr("xmlns:xlink", "http://www.w3.org/1999/xlink")
     .attr("class", `${className}-ramp`)
     .attr("font-family", "system-ui, sans-serif")
     .attr("font-size", 10)

diff --git a/src/legends/swatches.js b/src/legends/swatches.js
@@ -19,6 +19,8 @@ export function legendSwatches(color, {opacity, ...options} = {}) {
   return legendItems(color, options, (selection, scale, width, height) =>
     selection
       .append("svg")
+      .attr("xmlns", "http://www.w3.org/2000/svg")
+      .attr("xmlns:xlink", "http://www.w3.org/1999/xlink")
       .attr("width", width)
       .attr("height", height)
       .attr("fill", scale.scale)
@@ -53,6 +55,8 @@ export function legendSymbols(
   return legendItems(symbol, options, (selection, scale, width, height) =>
     selection
       .append("svg")
+      .attr("xmlns", "http://www.w3.org/2000/svg")
+      .attr("xmlns:xlink", "http://www.w3.org/1999/xlink")
       .attr("viewBox", "-8 -8 16 16")
       .attr("width", width)
       .attr("height", height)

diff --git a/src/plot.js b/src/plot.js
@@ -158,6 +158,8 @@ export function plot(options = {}) {
   context.ownerSVGElement = svg;
   context.className = className;
   context.projection = createProjection(options, subdimensions);
+  svg.setAttributeNS("http://www.w3.org/2000/xmlns/", "xmlns", "http://www.w3.org/2000/svg");
+  svg.setAttributeNS("http://www.w3.org/2000/xmlns/", "xmlns:xlink", "http://www.w3.org/1999/xlink");
 
   // Allows e.g. the axis mark to determine faceting lazily.
   context.filterFacets = (data, channels) => {

diff --git a/test/output/aaplBollinger.svg b/test/output/aaplBollinger.svg
diff --git a/test/output/aaplBollingerCandlestick.svg b/test/output/aaplBollingerCandlestick.svg
diff --git a/test/output/aaplBollingerGridInterval.svg b/test/output/aaplBollingerGridInterval.svg
diff --git a/test/output/aaplBollingerGridSpacing.svg b/test/output/aaplBollingerGridSpacing.svg
diff --git a/test/output/aaplCandlestick.svg b/test/output/aaplCandlestick.svg
diff --git a/test/output/aaplChangeVolume.svg b/test/output/aaplChangeVolume.svg
diff --git a/test/output/aaplClose.svg b/test/output/aaplClose.svg
diff --git a/test/output/aaplCloseClip.svg b/test/output/aaplCloseClip.svg
diff --git a/test/output/aaplCloseDataTicks.svg b/test/output/aaplCloseDataTicks.svg
diff --git a/test/output/aaplCloseGridColor.svg b/test/output/aaplCloseGridColor.svg
diff --git a/test/output/aaplCloseGridInterval.svg b/test/output/aaplCloseGridInterval.svg
diff --git a/test/output/aaplCloseGridIntervalName.svg b/test/output/aaplCloseGridIntervalName.svg
diff --git a/test/output/aaplCloseGridIterable.svg b/test/output/aaplCloseGridIterable.svg
diff --git a/test/output/aaplCloseImplicitGrid.svg b/test/output/aaplCloseImplicitGrid.svg
diff --git a/test/output/aaplCloseNormalize.svg b/test/output/aaplCloseNormalize.svg
diff --git a/test/output/aaplCloseUntyped.svg b/test/output/aaplCloseUntyped.svg
diff --git a/test/output/aaplFancyAxis.svg b/test/output/aaplFancyAxis.svg
diff --git a/test/output/aaplInterval.svg b/test/output/aaplInterval.svg
diff --git a/test/output/aaplMonthly.svg b/test/output/aaplMonthly.svg
diff --git a/test/output/aaplVolume.svg b/test/output/aaplVolume.svg
diff --git a/test/output/aaplVolumeRect.svg b/test/output/aaplVolumeRect.svg
diff --git a/test/output/anscombeQuartet.svg b/test/output/anscombeQuartet.svg
diff --git a/test/output/arcCollatz.svg b/test/output/arcCollatz.svg
diff --git a/test/output/arcCollatzUp.svg b/test/output/arcCollatzUp.svg
diff --git a/test/output/arcMiserables.svg b/test/output/arcMiserables.svg
diff --git a/test/output/armadillo.svg b/test/output/armadillo.svg
diff --git a/test/output/arrowDates.svg b/test/output/arrowDates.svg
diff --git a/test/output/arrowTest.svg b/test/output/arrowTest.svg
diff --git a/test/output/arrowTestAccessor.svg b/test/output/arrowTestAccessor.svg
diff --git a/test/output/arrowTestBin.svg b/test/output/arrowTestBin.svg
diff --git a/test/output/arrowTestCustomOrder.svg b/test/output/arrowTestCustomOrder.svg
diff --git a/test/output/arrowTestDifferenceY.svg b/test/output/arrowTestDifferenceY.svg
diff --git a/test/output/arrowTestGroup.svg b/test/output/arrowTestGroup.svg