tweak scatter plot example and add to examples listing

examples/index.html

@@ -89,6 +89,16 @@ <h2><a href="extensions.html">Interactive Real-Time Data</a></h2>
 	</div>
 </section>
 
+<section>
+	<a href="scatterplot.html"><img src="screenshots/scatterplot.png"></a>
+	<div>
+		<h2><a href="scatterplot.html">Scatter Plot with Multiple Series</a></h2>
+		<span>
+			Basic scatter plot with two overlapping series.
+		</span>
+	</div>
+</section>
+
 <section>
 	<a href="status.html"><img src="screenshots/status.png"></a>
 	<div>

examples/scatterplot.html

@@ -20,7 +20,7 @@
 var seriesData = [ [], [], [] ];
 var random = new Rickshaw.Fixtures.RandomData(150);
 
-for (var i = 0; i < 70; i++) {
+for (var i = 0; i < 500; i++) {
 	random.addData(seriesData);
 }
 
@@ -33,18 +33,17 @@
 	renderer: 'scatterplot',
 	series: [
 		{
-			color: "#c05020",
+			color: "#ff9030",
 			data: seriesData[0],
 		}, {
-			color: "#30c020",
+			color: "#ff4040",
 			data: seriesData[1],
-		}, {
-			color: "#6060c0",
-			data: seriesData[2],
 		}
 	]
 } );
 
+graph.renderer.dotSize = 6;
+
 graph.render();
 
 </script>