From cc1274c1e7de48d961d75f4a90f857ea0f565359 Mon Sep 17 00:00:00 2001
From: Dan Delany <dand@spotify.com>
Date: Tue, 8 Aug 2017 16:52:20 -0400
Subject: [PATCH] update numeral and docs

---
 .../docs/AreaBarChart/examples/AreaBarChart.js.example    | 4 ++--
 docs/src/docs/Histogram/examples/Histogram.js.example     | 8 +++++---
 package.json                                              | 2 +-
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/docs/src/docs/AreaBarChart/examples/AreaBarChart.js.example b/docs/src/docs/AreaBarChart/examples/AreaBarChart.js.example
index 52b96304..3e7d8371 100644
--- a/docs/src/docs/AreaBarChart/examples/AreaBarChart.js.example
+++ b/docs/src/docs/AreaBarChart/examples/AreaBarChart.js.example
@@ -8,7 +8,7 @@ const AreaBarChartExample = (props) => {
         getXEnd={d => Math.sin((d + 1) / 10) * 10}
         getY={d => Math.cos(d / (Math.PI))}
       />
-    </XYPlot>;
+    </XYPlot>
     <XYPlot width={320} height={500}>
       <XAxis /><YAxis />
       <AreaBarChart
@@ -18,7 +18,7 @@ const AreaBarChartExample = (props) => {
         getY={d => Math.sin(d / 10) * 10}
         getYEnd={d => Math.sin((d + 1) / 10) * 10}
       />
-    </XYPlot>;
+    </XYPlot>
   </div>
 };
 
diff --git a/docs/src/docs/Histogram/examples/Histogram.js.example b/docs/src/docs/Histogram/examples/Histogram.js.example
index 66472a81..a1df000c 100644
--- a/docs/src/docs/Histogram/examples/Histogram.js.example
+++ b/docs/src/docs/Histogram/examples/Histogram.js.example
@@ -1,9 +1,10 @@
 const HistogramExample = (props) => {
   const randomNormalArr = _.times(1000, d3.randomNormal(0, 1)).concat(_.times(1000, d3.randomNormal(3, 0.5)));
+  const domain = {x: [-4, 5], y: [0, 200]};
 
   return <div>
     <div>
-      <XYPlot margin={{left: 40, right: 8}} width={700} height={300}>
+      <XYPlot margin={{left: 40, right: 8}} domain={domain} width={450} height={300}>
         <XAxis /><YAxis />
         <Histogram
           data={randomNormalArr} getValue={null}
@@ -12,8 +13,9 @@ const HistogramExample = (props) => {
     </div>
     <div>
       <XYPlot
+        domain={domain}
         margin={{left: 40, right: 8}}
-        width={700} height={40}
+        width={450} height={40}
         showGrid={false}
         showLabels={false}
         showTicks={false}
@@ -21,7 +23,7 @@ const HistogramExample = (props) => {
         <ScatterPlot
           data={randomNormalArr}
           getX={null}
-          getY={() => Math.random()}
+          getY={() => Math.random()*200}
           pointRadius={1}
         />
       </XYPlot>
diff --git a/package.json b/package.json
index e8bb6b2f..4712c122 100644
--- a/package.json
+++ b/package.json
@@ -28,7 +28,7 @@
     "lodash": "^4.5.1",
     "measure-text": "0.0.4",
     "moment": "^2.10.6",
-    "numeral": "^1.5.3",
+    "numeral": "^2.0.6",
     "prop-types": "^15.5.10",
     "react-addons-shallow-compare": "^15.6.0"
   },