Add sparse sample, rename variable.

diff --git a/experimental/palette/index.html b/experimental/palette/index.html
index dc13209..4b4539b 100644 (file)
--- a/experimental/palette/index.html
+++ b/experimental/palette/index.html
@@ -24,10 +24,9 @@
         <td valign="top">
           <div id="selector">
             <select id="dataSelector">
-              <option value="1">Interesting Shapes</option>
-              <option value="2">Many Points</option>
-              <option value="3">Mercedes</option>
-              <option value="4">Audi</option>
+              <option value="interestingShapes">Interesting Shapes</option>
+              <option value="manyPoints">Many Points</option>
+              <option value="sparse">Sparse</option>
             </select>
           </div>
           <div id="graph"></div>

diff --git a/experimental/palette/index.js b/experimental/palette/index.js
index 518f4b2..74359c9 100644 (file)
--- a/experimental/palette/index.js
+++ b/experimental/palette/index.js
@@ -61,11 +61,11 @@ Index.addMessage = function(text) {
 
 Index.start = function() {
   var variables = Index.splitVariables();
-  var sampleIndex = variables["sampleIndex"];
-  if (!(sampleIndex)) {
-    sampleIndex = 0;
+  var sampleName = variables["sample"];
+  if (!(sampleName)) {
+    sampleName = "interestingShapes";
   }
-  var sample = Samples.samples[sampleIndex];
+  var sample = Samples[sampleName];
   var data = sample.data;
   var redraw = function() {
     Index.draw(document.getElementById("graph"), data, palette.read());

diff --git a/experimental/palette/samples.js b/experimental/palette/samples.js
new file mode 100644 (file)
index 0000000..2761b78
--- /dev/null
+++ b/experimental/palette/samples.js
@@ -0,0 +1,110 @@
+// Copyright (c) 2012 Google, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
+/** 
+ * @fileoverview Source samples.
+ *
+ * @author konigsberg@google.com (Robert Konigsberg)
+ */
+
+"use strict";
+
+var Samples = {
+  interestingShapes: {
+    data: function() {
+      var zp = function(x) { if (x < 10) return "0"+x; else return x; };
+      var r = "date,parabola,line,another line,sine wave\n";
+      for (var i=1; i<=31; i++) {
+        r += "201110" + zp(i);
+        r += "," + 10*(i*(31-i));
+        r += "," + 10*(8*i);
+        r += "," + 10*(250 - 8*i);
+        r += "," + 10*(125 + 125 * Math.sin(0.3*i));
+        r += "\n";
+      }
+      return r;
+    },
+    options: {
+      colors: [
+        "rgb(51,204,204)",
+        "rgb(255,100,100)",
+        "#00DD55",
+        "rgba(50,50,200,0.4)"
+      ],
+      labelsSeparateLines: true,
+      labelsKMB: true,
+      legend: 'always',
+      width: 640,
+      height: 480,
+      title: 'Interesting Shapes',
+      xlabel: 'Date',
+      ylabel: 'Count',
+      axisLineColor: 'white',
+      drawXGrid: false,
+      pointClickCallback: function() { alert("p-click!"); },
+    }
+  },
+  
+  sparse: {
+   data: [
+     [ new Date("2009/12/01"), 10, 10, 10],
+     [ new Date("2009/12/02"), 15, 11, 12],
+     [ new Date("2009/12/03"), null, null, 12],
+     [ new Date("2009/12/04"), 20, 14, null],
+     [ new Date("2009/12/05"), 15, null, 17],
+     [ new Date("2009/12/06"), 18, null, null],
+     [ new Date("2009/12/07"), 12, 14, null]
+   ],
+   options: {
+     labels: ["Date", "Series1", "Series2", "Series3"]
+   }
+  },
+  
+  manyPoints: {
+    data: function() {
+      var numPoints = 1000;
+      var numSeries = 100;
+  
+      var data = [];
+      var xmin = 0.0;
+      var xmax = 2.0 * Math.PI;
+      var adj = .5;
+      var delta = (xmax - xmin) / (numPoints - 1);
+  
+      for (var i = 0; i < numPoints; ++i) {
+        var x = xmin + delta * i;
+        var elem = [ x ];
+        for (var j = 0; j < numSeries; j++) {
+          var y = Math.pow(Math.random() - Math.random(), 7);
+          elem.push(y);
+        }
+        data[i] = elem;
+      }
+      return data;
+    },
+    options: {
+      labelsSeparateLines: true,
+      width: 640,
+      height: 480,
+      title: 'Many Points',
+      axisLineColor: 'white',
+    }
+  }
+}