diff --git a/web/frontend/src/Analysis.root.svelte b/web/frontend/src/Analysis.root.svelte
index b90a614..5c8adf0 100644
--- a/web/frontend/src/Analysis.root.svelte
+++ b/web/frontend/src/Analysis.root.svelte
@@ -386,7 +386,7 @@
             <Card body color="danger">{$topQuery.error.message}</Card>
           {:else}
             <Pie
-              type={groupSelection.key}
+              canvasId={`pie-${groupSelection.key}`}
               size={colWidth1}
               sliceLabel={sortSelection.label}
               quantities={$topQuery.data.topList.map(
diff --git a/web/frontend/src/generic/plots/Pie.svelte b/web/frontend/src/generic/plots/Pie.svelte
index 20e5712..6cf68c7 100644
--- a/web/frontend/src/generic/plots/Pie.svelte
+++ b/web/frontend/src/generic/plots/Pie.svelte
@@ -34,7 +34,7 @@
     import Chart from 'chart.js/auto'
     import { onMount } from 'svelte';
 
-    export let canvasId
+    export let canvasId = "pie-default"
     export let size
     export let sliceLabel
     export let quantities
diff --git a/web/frontend/src/generic/plots/Polar.svelte b/web/frontend/src/generic/plots/Polar.svelte
index 277a3af..2e1abc0 100644
--- a/web/frontend/src/generic/plots/Polar.svelte
+++ b/web/frontend/src/generic/plots/Polar.svelte
@@ -14,7 +14,7 @@
     import { getContext, onMount } from 'svelte'
     import Chart from 'chart.js/auto'
 
-    export let canvasId;
+    export let canvasId = "polar-default";
     export let footprintData = null;
     export let metrics = null;
     export let cluster = null;