diff --git a/src/components/Canvas.svelte b/src/components/Canvas.svelte
index e28cdd6..c5417f0 100644
--- a/src/components/Canvas.svelte
+++ b/src/components/Canvas.svelte
@@ -44,8 +44,6 @@
 		drawStore.set('yc', coords.yc)
 
 		draw()
-
-		drawStore.set('depth', $drawStore.depth + 1)
 	}
 
 	onMount(init)
diff --git a/src/components/Settings.svelte b/src/components/Settings.svelte
index af40d70..21f7738 100644
--- a/src/components/Settings.svelte
+++ b/src/components/Settings.svelte
@@ -14,6 +14,10 @@
 </script>
 
 <script>
+	// calculate how many times viewport was scaled by 2
+	// 4 is initial width between [-3, 1], rx - lx == total width of x axis
+	$: magnification_depth = Math.log2(4 / ($drawStore.rx - $drawStore.lx))
+
 	function toggleShow() {
 		settings.set('show_settings', !$settings.show_settings)
 	}
@@ -24,7 +28,6 @@
 		drawStore.set('lx', -3)
 		drawStore.set('rx', 1)
 		drawStore.set('yc', 0)
-		drawStore.set('depth', 0)
 		resetHash()
 	}
 </script>
@@ -54,7 +57,7 @@
 		</div>
 
 		<div class="mb-2">
-			<p>Depth: {$drawStore.depth}</p>
+			<p>Magnification depth: {magnification_depth}</p>
 		</div>
 
 		<div class="flex mb-2">
diff --git a/src/stores/settings.js b/src/stores/settings.js
index 7affac1..9bc2278 100644
--- a/src/stores/settings.js
+++ b/src/stores/settings.js
@@ -13,7 +13,6 @@ export const draw = sessionStore('draw-settings', {
 	lx: -3,
 	rx: 1,
 	yc: 0,
-	depth: 0,
 })
 
 export const settings = sessionStore('settings', {