diff --git a/webui/src/views/Surface.svelte b/webui/src/views/Surface.svelte
index f532018..5fd9a26 100644
--- a/webui/src/views/Surface.svelte
+++ b/webui/src/views/Surface.svelte
@@ -2,7 +2,6 @@
   import UpObject from "../components/display/UpObject.svelte";
   import { queryOnce } from "../lib/api";
   import Selector from "../components/utils/Selector.svelte";
-  import * as d3 from "d3";
   import { onMount } from "svelte";
   import type { ZoomTransform } from "d3";
   import Spinner from "../components/utils/Spinner.svelte";
@@ -52,7 +51,9 @@
     }
   }
 
-  onMount(() => {
+  onMount(async () => {
+    const d3 = await import("d3");
+
     const view = d3.select(".view");
 
     const svg = view.append("svg");