feat(bubble): add Bubble stories

src/Nivo.js

@@ -13,8 +13,8 @@ import { nivoCategoricalColors } from './lib/colorUtils'
 const defaults = {
     transitionDuration: 600,
     transitionEasing: 'cubic-out',
-    motionStiffness: 120,
-    motionDamping: 10,
+    motionStiffness: 90,
+    motionDamping: 13,
     colorRange: scaleOrdinal(schemeSet3),
     margin: {
         top: 0,

src/components/charts/bubble/BubbleProps.js

@@ -66,7 +66,7 @@ export const bubbleDefaultProps = {
     enableLabel: true,
     label: 'id',
     labelTextColor: 'inherit:darker(1)',
-    labelSkipRadius: 0,
+    labelSkipRadius: 8,
 
     // interactivity
     isInteractive: true,

stories/charts/bubble.stories.js

@@ -0,0 +1,25 @@
+import React from 'react'
+
+import { storiesOf } from '@storybook/react'
+import { generateLibTree } from 'nivo-generators'
+import '../style.css'
+import { Bubble } from '../../src'
+
+const commonProperties = {
+    width: 600,
+    height: 600,
+    root: generateLibTree(),
+    identity: 'name',
+    value: 'loc',
+    label: 'name',
+    labelSkipRadius: 16,
+}
+
+storiesOf('Bubble', module)
+    .addDecorator(story =>
+        <div className="wrapper">
+            {story()}
+        </div>
+    )
+    .add('default', () => <Bubble {...commonProperties} />)
+    .add('rendering leaves only', () => <Bubble {...commonProperties} leavesOnly={true} />)