diff --git a/ts/graphs/CountMethodRadios.svelte b/ts/graphs/CountMethodRadios.svelte
new file mode 100644
index 000000000..cbb3c1304
--- /dev/null
+++ b/ts/graphs/CountMethodRadios.svelte
@@ -0,0 +1,19 @@
+<script lang="typescript">
+    import type { I18n } from "anki/i18n";
+    import { CardCountMethod } from "./graph-helpers";
+
+    export let i18n: I18n;
+    export let cardCountMethod: CardCountMethod;
+
+    const byType = "By card type";
+    const byQueue = "By scheduling Queue";
+</script>
+
+<label>
+    <input type="radio" bind:group={cardCountMethod} value={CardCountMethod.ByType} />
+    {byType}
+</label>
+<label>
+    <input type="radio" bind:group={cardCountMethod} value={CardCountMethod.ByQueue} />
+    {byQueue}
+</label>
diff --git a/ts/graphs/graph-helpers.ts b/ts/graphs/graph-helpers.ts
index bed36f6d1..121809042 100644
--- a/ts/graphs/graph-helpers.ts
+++ b/ts/graphs/graph-helpers.ts
@@ -33,6 +33,12 @@ export enum GraphRange {
     AllTime = 3,
 }
 
+// how card should be counted
+export enum CardCountMethod {
+    ByType = 0,
+    ByQueue = 1,
+}
+
 export interface GraphsContext {
     cards: pb.BackendProto.Card[];
     revlog: pb.BackendProto.RevlogEntry[];