diff --git a/example/index.html b/example/index.html
index a2a429b..ab19f3f 100644
--- a/example/index.html
+++ b/example/index.html
@@ -5,11 +5,9 @@
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
 <script src="https://d3js.org/d3.v4.min.js"></script>
-<!--<script src="https://unpkg.com/d3-simple-slider@0.1.2/build/d3-simple-slider.js"></script>-->
 <script src="../build/d3-simple-slider.js"></script>
 
-<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb"
-  crossorigin="anonymous">
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css">
 
 <body>
   <div class="container">
@@ -69,7 +67,7 @@ <h1>Transition example</h1>
 <script>
   var data1 = [0, 0.005, 0.01, 0.015, 0.02, 0.025];
 
-  var slider1 = d3Slider.sliderHorizontal()
+  var slider1 = d3.sliderHorizontal()
     .min(d3.min(data1))
     .max(d3.max(data1))
     .width(300)
@@ -91,7 +89,7 @@ <h1>Transition example</h1>
   d3.select("p#value1").text(d3.format('.2%')(slider1.value()))
   d3.select("a#setValue1").on("click", () => slider1.value(0.015));
 
-  var slider2 = d3Slider.sliderHorizontal()
+  var slider2 = d3.sliderHorizontal()
     .min(0)
     .max(10)
     .step(1)
@@ -114,7 +112,7 @@ <h1>Transition example</h1>
 
   var data3 = d3.range(0, 10).map(function (d) { return new Date(1995 + d, 10, 3); });
 
-  var slider3 = d3Slider.sliderHorizontal()
+  var slider3 = d3.sliderHorizontal()
     .min(d3.min(data3))
     .max(d3.max(data3))
     .step(1000 * 60 * 60 * 24 * 365)
@@ -138,7 +136,7 @@ <h1>Transition example</h1>
 
   var data4 = [0.20, 0.22, 0.24, 0.26, 0.28, 0.30, 1];
 
-  var slider4 = d3Slider.sliderHorizontal()
+  var slider4 = d3.sliderHorizontal()
     .min(d3.min(data4))
     .max(d3.max(data4))
     .width(300)
@@ -161,7 +159,7 @@ <h1>Transition example</h1>
   d3.select("p#value4").text(d3.format('.2%')(slider4.value()))
   d3.select("a#setValue4").on("click", () => slider4.value(0.015));
 
-  var slider5 = d3Slider.sliderHorizontal()
+  var slider5 = d3.sliderHorizontal()
     .min(0)
     .max(10)
     .step(1)
diff --git a/package-lock.json b/package-lock.json
index 93312de..ddbf9ce 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "d3-simple-slider",
-  "version": "0.1.7",
+  "version": "0.2.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -326,7 +326,8 @@
     "commander": {
       "version": "2.11.0",
       "resolved": "https://registry.npmjs.org/commander/-/commander-2.11.0.tgz",
-      "integrity": "sha512-b0553uYA5YAEGgyYIGYROzKQ7X5RAqedkfjiZxwi0kL1g3bOaBNNZfYkzt/CL0umgD5wc9Jec2FbB98CjkMRvQ=="
+      "integrity": "sha512-b0553uYA5YAEGgyYIGYROzKQ7X5RAqedkfjiZxwi0kL1g3bOaBNNZfYkzt/CL0umgD5wc9Jec2FbB98CjkMRvQ==",
+      "dev": true
     },
     "concat-map": {
       "version": "0.0.1",
@@ -403,43 +404,6 @@
         "cssom": "0.3.2"
       }
     },
-    "d3": {
-      "version": "4.11.0",
-      "resolved": "https://registry.npmjs.org/d3/-/d3-4.11.0.tgz",
-      "integrity": "sha512-o048nfmydnbt0ciIvCUDTq9p62rZYOXzl8cKps0XVzk+5nHgeXmAS7jU4nh+3v82pUyH7t/GFm1bJRX4oIAlPw==",
-      "requires": {
-        "d3-array": "1.2.1",
-        "d3-axis": "1.0.8",
-        "d3-brush": "1.0.4",
-        "d3-chord": "1.0.4",
-        "d3-collection": "1.0.4",
-        "d3-color": "1.0.3",
-        "d3-dispatch": "1.0.3",
-        "d3-drag": "1.2.1",
-        "d3-dsv": "1.0.7",
-        "d3-ease": "1.0.3",
-        "d3-force": "1.1.0",
-        "d3-format": "1.2.0",
-        "d3-geo": "1.8.1",
-        "d3-hierarchy": "1.1.5",
-        "d3-interpolate": "1.1.5",
-        "d3-path": "1.0.5",
-        "d3-polygon": "1.0.3",
-        "d3-quadtree": "1.0.3",
-        "d3-queue": "3.0.7",
-        "d3-random": "1.1.0",
-        "d3-request": "1.0.6",
-        "d3-scale": "1.0.6",
-        "d3-selection": "1.1.0",
-        "d3-shape": "1.2.0",
-        "d3-time": "1.0.7",
-        "d3-time-format": "2.0.5",
-        "d3-timer": "1.0.7",
-        "d3-transition": "1.1.0",
-        "d3-voronoi": "1.1.2",
-        "d3-zoom": "1.6.0"
-      }
-    },
     "d3-array": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-1.2.1.tgz",
@@ -462,15 +426,6 @@
         "d3-transition": "1.1.0"
       }
     },
-    "d3-chord": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/d3-chord/-/d3-chord-1.0.4.tgz",
-      "integrity": "sha1-fexPC6iG9xP+ERxF92NBT290yiw=",
-      "requires": {
-        "d3-array": "1.2.1",
-        "d3-path": "1.0.5"
-      }
-    },
     "d3-collection": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/d3-collection/-/d3-collection-1.0.4.tgz",
@@ -495,50 +450,16 @@
         "d3-selection": "1.1.0"
       }
     },
-    "d3-dsv": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/d3-dsv/-/d3-dsv-1.0.7.tgz",
-      "integrity": "sha512-12szKhDhM/tM5U/Ch3hyJ7sMdcwPqMRmrUWitLLdPBMKO9Wuox95ezKZvemy/fxFbefLF/HIPKUmJMBLLuFDaQ==",
-      "requires": {
-        "commander": "2.11.0",
-        "iconv-lite": "0.4.13",
-        "rw": "1.3.3"
-      }
-    },
     "d3-ease": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-1.0.3.tgz",
       "integrity": "sha1-aL+8NJM4o4DETYrMT7wzBKotjA4="
     },
-    "d3-force": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/d3-force/-/d3-force-1.1.0.tgz",
-      "integrity": "sha512-2HVQz3/VCQs0QeRNZTYb7GxoUCeb6bOzMp/cGcLa87awY9ZsPvXOGeZm0iaGBjXic6I1ysKwMn+g+5jSAdzwcg==",
-      "requires": {
-        "d3-collection": "1.0.4",
-        "d3-dispatch": "1.0.3",
-        "d3-quadtree": "1.0.3",
-        "d3-timer": "1.0.7"
-      }
-    },
     "d3-format": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-1.2.0.tgz",
       "integrity": "sha1-a0gLqohohdRlHcJIqPSsnaFtsHo="
     },
-    "d3-geo": {
-      "version": "1.8.1",
-      "resolved": "https://registry.npmjs.org/d3-geo/-/d3-geo-1.8.1.tgz",
-      "integrity": "sha512-PuvmWl1A1UXuaxcH55EGNhvMNAUBS0RQN2PAnxrZbDvDX56Xwkd+Yp1t1+ECkaJO3my+dnhxAyqAKMyyK+IFPQ==",
-      "requires": {
-        "d3-array": "1.2.1"
-      }
-    },
-    "d3-hierarchy": {
-      "version": "1.1.5",
-      "resolved": "https://registry.npmjs.org/d3-hierarchy/-/d3-hierarchy-1.1.5.tgz",
-      "integrity": "sha1-ochFxC+Eoga88cAcAQmOpN2qeiY="
-    },
     "d3-interpolate": {
       "version": "1.1.5",
       "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-1.1.5.tgz",
@@ -547,42 +468,6 @@
         "d3-color": "1.0.3"
       }
     },
-    "d3-path": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-1.0.5.tgz",
-      "integrity": "sha1-JB6xhJvZ6egCHA0KeZ+KDo5EF2Q="
-    },
-    "d3-polygon": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/d3-polygon/-/d3-polygon-1.0.3.tgz",
-      "integrity": "sha1-FoiOkCZGCTPysXllKtN4Ik04LGI="
-    },
-    "d3-quadtree": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/d3-quadtree/-/d3-quadtree-1.0.3.tgz",
-      "integrity": "sha1-rHmH4+I/6AWpkPKOG1DTj8uCJDg="
-    },
-    "d3-queue": {
-      "version": "3.0.7",
-      "resolved": "https://registry.npmjs.org/d3-queue/-/d3-queue-3.0.7.tgz",
-      "integrity": "sha1-yTouVLQXwJWRKdfXP2z31Ckudhg="
-    },
-    "d3-random": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/d3-random/-/d3-random-1.1.0.tgz",
-      "integrity": "sha1-ZkLlBsb6OmSFldKyRpeIqNElKdM="
-    },
-    "d3-request": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/d3-request/-/d3-request-1.0.6.tgz",
-      "integrity": "sha512-FJj8ySY6GYuAJHZMaCQ83xEYE4KbkPkmxZ3Hu6zA1xxG2GD+z6P+Lyp+zjdsHf0xEbp2xcluDI50rCS855EQ6w==",
-      "requires": {
-        "d3-collection": "1.0.4",
-        "d3-dispatch": "1.0.3",
-        "d3-dsv": "1.0.7",
-        "xmlhttprequest": "1.8.0"
-      }
-    },
     "d3-scale": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-1.0.6.tgz",
@@ -594,7 +479,7 @@
         "d3-format": "1.2.0",
         "d3-interpolate": "1.1.5",
         "d3-time": "1.0.7",
-        "d3-time-format": "2.0.5"
+        "d3-time-format": "2.1.0"
       }
     },
     "d3-selection": {
@@ -602,23 +487,15 @@
       "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-1.1.0.tgz",
       "integrity": "sha1-GZhoSJZIj4OcoDchI9o08dMYgJw="
     },
-    "d3-shape": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-1.2.0.tgz",
-      "integrity": "sha1-RdAVOPBkuv0F6j1tLLdI/YxB93c=",
-      "requires": {
-        "d3-path": "1.0.5"
-      }
-    },
     "d3-time": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-1.0.7.tgz",
       "integrity": "sha1-lMr27bt4ebuAnQ0fdXK8SEgvcnA="
     },
     "d3-time-format": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-2.0.5.tgz",
-      "integrity": "sha1-nXeAIE98kRnJFwsaVttN6aivly4=",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-2.1.0.tgz",
+      "integrity": "sha512-mqTsfDTylgwE3YE/VNs9oB2OGX274fO0B5j1irbgLQI+X3FPoJg25pesNxrcdZ2nBeRx/6sHDJlDyMIjWL0BGQ==",
       "requires": {
         "d3-time": "1.0.7"
       }
@@ -641,23 +518,6 @@
         "d3-timer": "1.0.7"
       }
     },
-    "d3-voronoi": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/d3-voronoi/-/d3-voronoi-1.1.2.tgz",
-      "integrity": "sha1-Fodmfo8TotFYyAwUgMWinLDYlzw="
-    },
-    "d3-zoom": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/d3-zoom/-/d3-zoom-1.6.0.tgz",
-      "integrity": "sha512-viq+6rXA9JQY1wD+gpDEdlOtCeJ6IfcsNT2aVr31VTjIAIhYlO0YurQ80yDRZeMJw5P/e6nVPhGJF9D9Ade5Og==",
-      "requires": {
-        "d3-dispatch": "1.0.3",
-        "d3-drag": "1.2.1",
-        "d3-interpolate": "1.1.5",
-        "d3-selection": "1.1.0",
-        "d3-transition": "1.1.0"
-      }
-    },
     "dashdash": {
       "version": "1.14.1",
       "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz",
@@ -1158,7 +1018,8 @@
     "iconv-lite": {
       "version": "0.4.13",
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.13.tgz",
-      "integrity": "sha1-H4irpKsLFQjoMSrMOTRfNumS4vI="
+      "integrity": "sha1-H4irpKsLFQjoMSrMOTRfNumS4vI=",
+      "dev": true
     },
     "ignore": {
       "version": "3.3.5",
@@ -1820,11 +1681,6 @@
         "is-promise": "2.1.0"
       }
     },
-    "rw": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/rw/-/rw-1.3.3.tgz",
-      "integrity": "sha1-P4Yt+pGrdmsUiF700BEkv9oHT7Q="
-    },
     "rx-lite": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/rx-lite/-/rx-lite-4.0.8.tgz",
@@ -2233,11 +2089,6 @@
       "integrity": "sha1-TYuPHszTQZqjYgYb7O9RXh5VljU=",
       "dev": true
     },
-    "xmlhttprequest": {
-      "version": "1.8.0",
-      "resolved": "https://registry.npmjs.org/xmlhttprequest/-/xmlhttprequest-1.8.0.tgz",
-      "integrity": "sha1-Z/4HXFwk/vOfnWX197f+dRcZaPw="
-    },
     "yallist": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",
diff --git a/package.json b/package.json
index 2ca00a9..40c7dd3 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "d3-simple-slider",
-  "version": "0.1.7",
-  "description": "Displays an SVG slider",
+  "version": "0.2.0",
+  "description": "Renders an SVG slider",
   "keywords": ["d3", "d3-module", "slider", "visualization"],
   "homepage": "https://github.com/johnwalley/d3-simple-slider",
   "license": "BSD-3-Clause",
@@ -18,7 +18,7 @@
   },
   "scripts": {
     "pretest":
-      "rm -rf build && mkdir build && rollup --banner \"$(preamble)\" -f umd -g d3:d3 -n d3Slider -o build/d3-simple-slider.js -- index.js",
+      "rm -rf build && mkdir build && rollup --banner \"$(preamble)\" -f umd -g d3-array:d3,d3-axis:d3,d3-dispatch:d3,d3-drag:d3,d3-ease:d3,d3-scale:d3,d3-selection:d3 -n d3 -o build/d3-simple-slider.js --extend -- index.js",
     "test": "tape 'test/**/*-test.js' && eslint index.js src",
     "prepublish":
       "npm run test && uglifyjs --preamble \"$(preamble)\" build/d3-simple-slider.js -c -m -o build/d3-simple-slider.min.js",
@@ -34,6 +34,13 @@
     "uglify-js": "^3.1.4"
   },
   "dependencies": {
-    "d3": "^4.11.0"
+    "d3-array": "^1.2.1",
+    "d3-axis": "^1.0.8",
+    "d3-brush": "^1.0.4",
+    "d3-dispatch": "^1.0.3",
+    "d3-drag": "^1.2.1",
+    "d3-ease": "^1.0.3",
+    "d3-scale": "^1.0.6",
+    "d3-selection": "^1.1.0"
   }
 }
diff --git a/src/slider.js b/src/slider.js
index f446924..6bfa769 100644
--- a/src/slider.js
+++ b/src/slider.js
@@ -1,4 +1,10 @@
-import * as d3 from "d3";
+import { scan } from "d3-array";
+import { axisBottom } from "d3-axis";
+import { dispatch } from "d3-dispatch";
+import { drag } from "d3-drag";
+import { easeQuadOut } from "d3-ease";
+import { scaleLinear, scaleTime } from "d3-scale";
+import { event, select } from "d3-selection";
 
 var UPDATE_DURATION = 200;
 
@@ -15,7 +21,7 @@ function slider() {
   var tickFormat = null;
   var ticks = null;
 
-  var dispatch = d3.dispatch("onchange", "start", "end", "drag");
+  var listeners = dispatch("onchange", "start", "end", "drag");
 
   var selection = null;
   var scale = null;
@@ -24,15 +30,14 @@ function slider() {
   function slider(context) {
     selection = context.selection ? context.selection() : context;
 
-    scale = domain[0] instanceof Date ? d3.scaleTime() : d3.scaleLinear();
+    scale = domain[0] instanceof Date ? scaleTime() : scaleLinear();
 
     scale = scale
       .domain(domain)
       .range([0, width])
       .clamp(true);
 
-    identityClamped = d3
-      .scaleLinear()
+    identityClamped = scaleLinear()
       .range(scale.range())
       .domain(scale.range())
       .clamp(true);
@@ -56,8 +61,7 @@ function slider() {
       .attr("cursor", "ew-resize")
       .attr("transform", "translate(0,0)")
       .call(
-        d3
-          .drag()
+        drag()
           .on("start", dragstarted)
           .on("drag", dragged)
           .on("end", dragended)
@@ -121,8 +125,7 @@ function slider() {
     context.select(".track-overlay").attr("x2", scale.range()[1]);
 
     context.select(".axis").call(
-      d3
-        .axisBottom(scale)
+      axisBottom(scale)
         .tickFormat(tickFormat)
         .ticks(ticks)
         .tickValues(tickValues)
@@ -152,31 +155,31 @@ function slider() {
     fadeTickText();
 
     function dragstarted() {
-      d3.select(this).classed("active", true);
-      var pos = identityClamped(d3.event.x);
+      select(this).classed("active", true);
+      var pos = identityClamped(event.x);
       var newValue = alignedValue(scale.invert(pos));
 
       updateHandle(newValue);
-      dispatch.call("start", slider, newValue);
+      listeners.call("start", slider, newValue);
       updateValue(newValue);
     }
 
     function dragged() {
-      var pos = identityClamped(d3.event.x);
+      var pos = identityClamped(event.x);
       var newValue = alignedValue(scale.invert(pos));
 
       updateHandle(newValue);
-      dispatch.call("drag", slider, newValue);
+      listeners.call("drag", slider, newValue);
       updateValue(newValue);
     }
 
     function dragended() {
-      d3.select(this).classed("active", false);
-      var pos = identityClamped(d3.event.x);
+      select(this).classed("active", false);
+      var pos = identityClamped(event.x);
       var newValue = alignedValue(scale.invert(pos));
 
       updateHandle(newValue);
-      dispatch.call("end", slider, newValue);
+      listeners.call("end", slider, newValue);
       updateValue(newValue);
     }
   }
@@ -189,7 +192,7 @@ function slider() {
         distances.push(Math.abs(d - value));
       });
 
-      var index = d3.scan(distances);
+      var index = scan(distances);
 
       selection.selectAll(".axis .tick text").attr("opacity", function(d, i) {
         return i === index ? 0 : 1;
@@ -210,7 +213,7 @@ function slider() {
     }
 
     if (marks) {
-      var index = d3.scan(
+      var index = scan(
         marks.map(function(d) {
           return Math.abs(newValue - d);
         })
@@ -225,7 +228,7 @@ function slider() {
   function updateValue(newValue) {
     if (value !== newValue) {
       value = newValue;
-      dispatch.call("onchange", slider, newValue);
+      listeners.call("onchange", slider, newValue);
       fadeTickText();
     }
   }
@@ -236,7 +239,7 @@ function slider() {
     if (animate) {
       handleSelection = handleSelection
         .transition()
-        .ease(d3.easeQuadOut)
+        .ease(easeQuadOut)
         .duration(UPDATE_DURATION);
     }
 
@@ -332,8 +335,8 @@ function slider() {
   };
 
   slider.on = function() {
-    var value = dispatch.on.apply(dispatch, arguments);
-    return value === dispatch ? slider : value;
+    var value = listeners.on.apply(listeners, arguments);
+    return value === listeners ? slider : value;
   };
 
   return slider;
diff --git a/test/slider-test.js b/test/slider-test.js
index 280e8a4..01cd2d6 100644
--- a/test/slider-test.js
+++ b/test/slider-test.js
@@ -2,7 +2,7 @@ var tape = require("tape");
 var jsdom = require("jsdom");
 var fs = require("fs");
 var path = require("path");
-d3 = Object.assign({}, require("d3"), require("../"));
+d3 = Object.assign({}, require("d3-selection"), require("../"));
 
 tape("sliderHorizontal() has the expected defaults", function(test) {
   var s = d3.sliderHorizontal();
