change example

Author: benweizhu

example/index.jsx

@@ -1,14 +1,37 @@
 import React from 'react';
 import ReactDom from 'react-dom';
-import PropTypes from 'prop-types';
 import ReactHeatmap from 'react-heatmap';
 
 class ReactHeatmapExample extends React.Component {
-  render(){
+  render() {
+    var points = [];
+    var max = 0;
+    var width = 840;
+    var height = 400;
+    var len = 300;
+
+    while (len--) {
+      var val = Math.floor(Math.random() * 100);
+      // now also with custom radius
+      var radius = Math.floor(Math.random() * 70);
+
+      max = Math.max(max, val);
+      var point = {
+        x: Math.floor(Math.random() * width),
+        y: Math.floor(Math.random() * height),
+        value: val,
+        // radius configuration on point basis
+        radius: radius
+      };
+      points.push(point);
+    }
+
     return (
-      <div><ReactHeatmap /></div>
+      <div style={{ width: '840px', height: '400px' }}>
+        < ReactHeatmap max= { max } data= { points } unit= "notPercent" />
+      </div >
     );
   }
 }
 
-ReactDom.render(<ReactHeatmapExample/>, document.querySelector('#app'));
+ReactDom.render(<ReactHeatmapExample />, document.querySelector('#app'));

example/package.json

@@ -19,6 +19,7 @@
     "webpack-dev-server": "^2.4.2"
   },
   "dependencies": {
+    "heatmap.js": "^2.0.5",
     "prop-types": "^15.5.8",
     "react": "^15.5.4",
     "react-dom": "^15.5.4",

example/yarn.lock

@@ -2645,10 +2645,12 @@ react-dom@^15.5.4:
 
 "react-heatmap@https://github.com/benweizhu/react-heatmap.git":
   version "1.0.0"
-  resolved "https://github.com/benweizhu/react-heatmap.git#0ce333cb85839ee514d3ac459e7f470627bd44ff"
+  resolved "https://github.com/benweizhu/react-heatmap.git#e0caa82f6604884820185f577fef1cc5cfc2cfea"
   dependencies:
     heatmap.js "^2.0.5"
-    prop-types "^15.5.7"
+    prop-types "^15.5.8"
+    react "^15.5.4"
+    react-dom "^15.5.4"
 
 react@^15.5.4:
   version "15.5.4"