remove default white background

Author: mbostock

docs/.vitepress/theme/custom.css

@@ -40,7 +40,6 @@
 
 .vp-doc .plot,
 .vp-doc .plot-ramp {
-  background: none;
   overflow: visible;
   position: relative;
   z-index: 1;

docs/features/plots.md

@@ -40,7 +40,6 @@ export function legendRamp(color, options) {
       svg.append("style").text(
         `.${className}-ramp {
   display: block;
-  background: white;
   height: auto;
   height: intrinsic;
   max-width: 100%;

src/legends/ramp.js

@@ -82,17 +82,9 @@ export interface PlotOptions extends ScaleDefaults {
    * properties][2]). Note that unitless numbers ([quirky lengths][3]) such as
    * `{padding: 20}` may not supported by some browsers; you should instead
    * specify a string with units such as `{padding: "20px"}`. By default, the
-   * returned plot has a white background, a max-width of 100%, and the
-   * system-ui font. Plot’s marks and axes default to [currentColor][4], meaning
-   * that they will inherit the surrounding content’s color. For example, a dark
-   * theme:
-   *
-   * ```js
-   * Plot.plot({
-   *   style: "background: black; color: white;",
-   *   marks: …
-   * })
-   * ```
+   * returned plot has a max-width of 100%, and the system-ui font. Plot’s marks
+   * and axes default to [currentColor][4], meaning that they will inherit the
+   * surrounding content’s color.
    *
    * [1]: https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style
    * [2]: https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleDeclaration

src/plot.d.ts

@@ -259,7 +259,6 @@ export function plot(options = {}) {
       svg.append("style").text(
         `.${className} {
   display: block;
-  background: white;
   height: auto;
   height: intrinsic;
   max-width: 100%;