Merge pull request plotly#497 from plotly/hist_2d_js

dikshagabha · web-flow · commit e9479675e006 · 2016-08-02T17:40:56.000+05:30
updated histogram overlaid scatter example
diff --git a/_posts/plotly_js/histogram2d/2015-04-09-2d-histogram-scatter.html b/_posts/plotly_js/histogram2d/2015-04-09-2d-histogram-scatter.html
@@ -11,43 +11,56 @@
 var y0 = [];
 var x1 = [];
 var y1 = [];
-for (var i = 0; i &lt; 500; i ++) {
-	x0[i] = Math.random() / 5 * 0.5;
-	y0[i] = Math.random() / 5 * 0.5;
+var x2 = [];
+var y2 = [];
+
+for (var i = 0; i < 500; i ++)
+{
+	x0[i] = Math.random() + 1;
+	y0[i] = Math.random() + 1.5;
 }
 
-for (var i = 0; i &lt; 50; i ++) {
+for (var i = 0; i < 100; i ++)
+{
 	x1[i] = Math.random();
 	y1[i] = Math.random() + 1;
 }
 
-var x = [x0, x1]
-var y = [y0, y1]
+for (var i = 0; i < 500; i ++)
+{
+	x2[i] = Math.random()*2;
+	y2[i] = Math.random()*3;
+}
 
 var trace1 = {
   x: x0,
   y: y0,
   mode: 'markers',
   marker: {
     symbol: 'circle',
-    opacity: 0.7
+    opacity: 0.7,
+	 color:'rgb(200,111,200)',
   },
-  type: 'scatter'
+  type: 'scatter',
 };
 var trace2 = {
   x: x1,
   y: y1,
   mode: 'markers',
   marker: {
     symbol: 'square',
-    opacity: 0.7
+    opacity: 0.7,
+	 color:'cyan',
   },
   type: 'scatter'
 };
 var trace3 = {
-  x: x,
-  y: y,
-  type: 'histogram2d'
+  x: x2,
+  y: y2,
+  type: 'histogram2d',
+  colorscale : [['0' , 'rgb(0,225,100)'],['1', 'rgb(100,0,200)']],
+  
 };
+
 var data = [trace1, trace2, trace3];
 Plotly.newPlot('myDiv', data);
