diff --git a/package.json b/package.json
index 5e10e54a0..bdbc4ecfc 100644
--- a/package.json
+++ b/package.json
@@ -6,18 +6,30 @@
   "scripts": {
     "test": "lerna exec npm install && jest",
     "docs": "node ./scripts/docs/index.js",
-    "prepare-release":
-      "git checkout master && git pull --rebase origin master && npm run docs && lerna updated",
+    "prepare-release": "git checkout master && git pull --rebase origin master && npm run docs && lerna updated",
     "release": "npm run prepare-release && lerna publish --exact"
   },
   "jest": {
-    "projects": ["<rootDir>/packages/*"],
+    "projects": [
+      "<rootDir>/packages/*"
+    ],
     "collectCoverage": true,
     "coverageDirectory": "<rootDir>/coverage",
-    "coveragePathIgnorePatterns": ["/node_modules/"],
-    "coverageReporters": ["text", "lcov"]
+    "coveragePathIgnorePatterns": [
+      "/node_modules/"
+    ],
+    "coverageReporters": [
+      "text",
+      "lcov"
+    ]
   },
-  "keywords": ["react", "d3", "visualization", "vx", "charts"],
+  "keywords": [
+    "react",
+    "d3",
+    "visualization",
+    "vx",
+    "charts"
+  ],
   "author": "@hshoff",
   "license": "MIT",
   "devDependencies": {
diff --git a/packages/vx-hierarchy/src/hierarchies/Cluster.js b/packages/vx-hierarchy/src/hierarchies/Cluster.js
index d6323a572..753049289 100644
--- a/packages/vx-hierarchy/src/hierarchies/Cluster.js
+++ b/packages/vx-hierarchy/src/hierarchies/Cluster.js
@@ -7,7 +7,7 @@ import DefaultLink from '../HierarchyDefaultLink';
 import DefaultNode from '../HierarchyDefaultNode';
 
 Cluster.propTypes = {
-  data: PropTypes.object.isRequired,
+  root: PropTypes.object.isRequired,
   children: PropTypes.func,
 };
 
@@ -15,7 +15,7 @@ export default function Cluster({
   top,
   left,
   className,
-  data,
+  root,
   size,
   nodeSize,
   separation,
@@ -29,7 +29,7 @@ export default function Cluster({
   if (nodeSize) cluster.nodeSize(nodeSize);
   if (separation) cluster.separation(separation);
 
-  const root = cluster(data);
+  const data = cluster(root);
 
   if (!!children) {
     return (
@@ -38,7 +38,7 @@ export default function Cluster({
         left={left}
         className={cx('vx-cluster', className)}
       >
-        {children({ root })}
+        {children({ data })}
       </Group>
     );
   }
@@ -50,7 +50,7 @@ export default function Cluster({
       className={cx('vx-cluster', className)}
     >
       {linkComponent &&
-        root.links().map((link, i) => {
+        data.links().map((link, i) => {
           return (
             <Group key={`cluster-link-${i}`}>
               {React.createElement(linkComponent, { link })}
@@ -58,7 +58,7 @@ export default function Cluster({
           );
         })}
       {nodeComponent &&
-        root.descendants().map((node, i) => {
+        data.descendants().map((node, i) => {
           return (
             <Group key={`cluster-node-${i}`}>
               {React.createElement(nodeComponent, { node })}
diff --git a/packages/vx-hierarchy/src/hierarchies/Pack.js b/packages/vx-hierarchy/src/hierarchies/Pack.js
index 3fa48b5c5..362017be2 100644
--- a/packages/vx-hierarchy/src/hierarchies/Pack.js
+++ b/packages/vx-hierarchy/src/hierarchies/Pack.js
@@ -6,7 +6,7 @@ import { pack as d3pack } from 'd3-hierarchy';
 import DefaultNode from '../HierarchyDefaultNode';
 
 Pack.propTypes = {
-  data: PropTypes.object.isRequired,
+  root: PropTypes.object.isRequired,
   children: PropTypes.func
 };
 
@@ -14,7 +14,7 @@ export default function Pack({
   top,
   left,
   className,
-  data,
+  root,
   radius,
   size,
   padding,
@@ -27,12 +27,12 @@ export default function Pack({
   if (radius) pack.radius(radius);
   if (padding) pack.padding(padding);
 
-  const root = pack(data);
+  const data = pack(root);
 
   if (!!children) {
     return (
       <Group top={top} left={left} className={cx('vx-pack', className)}>
-        {children({ root })}
+        {children({ data })}
       </Group>
     );
   }
@@ -40,7 +40,7 @@ export default function Pack({
   return (
     <Group top={top} left={left} className={cx('vx-pack', className)}>
       {nodeComponent &&
-        root.descendants().map((node, i) => {
+        data.descendants().map((node, i) => {
           return (
             <Group key={`pack-node-${i}`}>
               {React.createElement(nodeComponent, { node })}
diff --git a/packages/vx-hierarchy/src/hierarchies/Partition.js b/packages/vx-hierarchy/src/hierarchies/Partition.js
index 2c1006d24..78d55f18b 100644
--- a/packages/vx-hierarchy/src/hierarchies/Partition.js
+++ b/packages/vx-hierarchy/src/hierarchies/Partition.js
@@ -6,7 +6,7 @@ import { partition as d3partition } from 'd3-hierarchy';
 import DefaultNode from '../HierarchyDefaultNode';
 
 Partition.propTypes = {
-  data: PropTypes.object.isRequired,
+  root: PropTypes.object.isRequired,
   children: PropTypes.func
 };
 
@@ -14,7 +14,7 @@ export default function Partition({
   top,
   left,
   className,
-  data,
+  root,
   size,
   round,
   padding,
@@ -27,12 +27,12 @@ export default function Partition({
   if (round) partition.round(round);
   if (padding) partition.padding(padding);
 
-  const root = partition(data);
+  const data = partition(root);
 
   if (!!children) {
     return (
       <Group top={top} left={left} className={cx('vx-pack', className)}>
-        {children({ root })}
+        {children({ data })}
       </Group>
     );
   }
@@ -40,7 +40,7 @@ export default function Partition({
   return (
     <Group top={top} left={left} className={cx('vx-pack', className)}>
       {nodeComponent &&
-        root.descendants().map((node, i) => {
+        data.descendants().map((node, i) => {
           return (
             <Group key={`pack-node-${i}`}>
               {React.createElement(nodeComponent, { node })}
diff --git a/packages/vx-hierarchy/src/hierarchies/Tree.js b/packages/vx-hierarchy/src/hierarchies/Tree.js
index 3fce22738..a5b989bbc 100644
--- a/packages/vx-hierarchy/src/hierarchies/Tree.js
+++ b/packages/vx-hierarchy/src/hierarchies/Tree.js
@@ -7,7 +7,7 @@ import DefaultLink from '../HierarchyDefaultLink';
 import DefaultNode from '../HierarchyDefaultNode';
 
 Tree.propTypes = {
-  data: PropTypes.object.isRequired,
+  root: PropTypes.object.isRequired,
   children: PropTypes.func,
 };
 
@@ -15,7 +15,7 @@ export default function Tree({
   top,
   left,
   className,
-  data,
+  root,
   size,
   nodeSize,
   separation,
@@ -29,7 +29,7 @@ export default function Tree({
   if (nodeSize) tree.nodeSize(nodeSize);
   if (separation) tree.separation(separation);
 
-  const root = tree(data);
+  const data = tree(root);
 
   if (!!children) {
     return (
@@ -38,7 +38,7 @@ export default function Tree({
         left={left}
         className={cx('vx-tree', className)}
       >
-        {children({ root })}
+        {children({ data })}
       </Group>
     );
   }
@@ -46,7 +46,7 @@ export default function Tree({
   return (
     <Group top={top} left={left} className={cx('vx-tree', className)}>
       {linkComponent &&
-        root.links().map((link, i) => {
+        data.links().map((link, i) => {
           return (
             <Group key={`tree-link-${i}`}>
               {React.createElement(linkComponent, { link })}
@@ -54,7 +54,7 @@ export default function Tree({
           );
         })}
       {nodeComponent &&
-        root.descendants().map((node, i) => {
+        data.descendants().map((node, i) => {
           return (
             <Group key={`tree-node-${i}`}>
               {React.createElement(nodeComponent, { node })}
diff --git a/packages/vx-hierarchy/src/hierarchies/Treemap.js b/packages/vx-hierarchy/src/hierarchies/Treemap.js
index 4c6df003c..0bfa463ab 100644
--- a/packages/vx-hierarchy/src/hierarchies/Treemap.js
+++ b/packages/vx-hierarchy/src/hierarchies/Treemap.js
@@ -14,7 +14,7 @@ export default function Treemap({
   top,
   left,
   className,
-  data,
+  root,
   tile,
   size,
   round,
@@ -41,12 +41,12 @@ export default function Treemap({
   if (paddingBottom) treemap.paddingBottom(paddingBottom);
   if (paddingLeft) treemap.paddingLeft(paddingLeft);
 
-  const root = treemap(data);
+  const data = treemap(root);
 
   if (!!children) {
     return (
       <Group top={top} left={left} className={cx('vx-treemap', className)}>
-        {children({ root })}
+        {children({ data })}
       </Group>
     );
   }
@@ -54,7 +54,7 @@ export default function Treemap({
   return (
     <Group top={top} left={left} className={cx('vx-treemap', className)}>
       {nodeComponent &&
-        root.descendants().map((node, i) => {
+        data.descendants().map((node, i) => {
           return (
             <Group key={`treemap-node-${i}`}>
               {React.createElement(nodeComponent, { node })}