diff --git a/components/Chart.svelte b/components/Chart.svelte
index a0b60ad..0f9e03d 100644
--- a/components/Chart.svelte
+++ b/components/Chart.svelte
@@ -9,7 +9,7 @@
 </script>
 
 <script>
-	import { setContext, onDestroy } from 'svelte';
+	import { setContext } from 'svelte';
 	import { writable, derived } from 'svelte/store';
 	import * as yootils from 'yootils';
 
diff --git a/components/SvgLine.svelte b/components/SvgLine.svelte
index 2257fff..c27299a 100644
--- a/components/SvgLine.svelte
+++ b/components/SvgLine.svelte
@@ -1,16 +1,17 @@
 <script>
 	import { getChartContext } from './Chart.svelte';
 	import { default_x, default_y } from '../utils/accessors.mjs';
+	import { line, curveLinear } from 'd3-shape';
 
 	const { x_scale, y_scale } = getChartContext();
 
 	export let data;
 	export let x = default_x;
 	export let y = default_y;
+	export let curve = curveLinear;
 
-	$: d = 'M' + data
-		.map((d, i) => `${$x_scale(x(d, i))},${$y_scale(y(d, i))}`)
-		.join('L');
+	$: scaled = data.map((d, i) => [$x_scale(x(d, i)), $y_scale(y(d, i))]);
+	$: d = line().curve(curve)(scaled);
 </script>
 
 <slot {d}></slot>
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 9955611..b44e1e9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4,6 +4,21 @@
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
+    "d3-path": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-2.0.0.tgz",
+      "integrity": "sha512-ZwZQxKhBnv9yHaiWd6ZU4x5BtCQ7pXszEV9CU6kRgwIQVQGLMv1oiL4M+MK/n79sYzsj+gcgpPQSctJUsLN7fA==",
+      "dev": true
+    },
+    "d3-shape": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-2.0.0.tgz",
+      "integrity": "sha512-djpGlA779ua+rImicYyyjnOjeubyhql1Jyn1HK0bTyawuH76UQRWXd+pftr67H6Fa8hSwetkgb/0id3agKWykw==",
+      "dev": true,
+      "requires": {
+        "d3-path": "1 - 2"
+      }
+    },
     "yootils": {
       "version": "0.0.16",
       "resolved": "https://registry.npmjs.org/yootils/-/yootils-0.0.16.tgz",
diff --git a/package.json b/package.json
index 45a97f4..dd998c3 100644
--- a/package.json
+++ b/package.json
@@ -31,5 +31,11 @@
   "homepage": "https://github.com/Rich-Harris/pancake#readme",
   "dependencies": {
     "yootils": "0.0.16"
+  },
+  "devDependencies": {
+    "d3-shape": "^2.0.0"
+  },
+  "peerDependencies": {
+    "d3-shape": "2.*"
   }
 }