add some verbiage

computeristgeek · Dec 21, 2014 · 1c6c8ec · 1c6c8ec
1 parent f636484
commit 1c6c8ec
Show file tree

Hide file tree

Showing 13 changed files with 49 additions and 4 deletions.
diff --git a/examples/d3.html b/examples/d3.html
@@ -44,6 +44,9 @@
         </script>
 
         <p><a href="index.html">&laquo; back to examples</a></p>
+
+        <p style="width: 800px">This example of a D3 renderer shows a treemap.</p>
+
         <div id="output" style="margin: 30px;"></div>
 
     </body>

diff --git a/examples/fully_loaded.html b/examples/fully_loaded.html
@@ -50,6 +50,10 @@
         </script>
 
         <p><a href="index.html">&laquo; back to examples</a></p>
+
+        <p style="width: 800px">This example has all the renderers loaded, and should work with touch devices.</p>
+
+
         <div id="output" style="margin: 30px;"></div>
 
     </body>

diff --git a/examples/gchart.html b/examples/gchart.html
@@ -7,18 +7,17 @@
         <script type="text/javascript" src="ext/jquery-1.8.3.min.js"></script>
         <script type="text/javascript" src="ext/jquery-ui-1.9.2.custom.min.js"></script>
         <script type="text/javascript" src="../dist/pivot.js"></script>
-        <script type="text/javascript" src="../dist/gchart_renderers.js"></script>
+        <script type="text/javascript" src="../dist/export_renderers.js"></script>
     </head>
     <style>
         * {font-family: Verdana;}
     </style>
     <body>
         <script type="text/javascript">
-            google.load("visualization", "1", {packages:["corechart", "charteditor"]});
             $(function(){
                 var derivers = $.pivotUtilities.derivers;
                 var renderers = $.extend($.pivotUtilities.renderers, 
-                    $.pivotUtilities.gchart_renderers);
+                    $.pivotUtilities.export_renderers);
 
                 $.getJSON("mps.json", function(mps) {
                     $("#output").pivotUI(mps, {
@@ -30,13 +29,17 @@
                             }
                         },
                         cols: ["Age Bin"], rows: ["Gender"],
-                        rendererName: "Area Chart"
+                        rendererName: "CSV"
                     });
                 });
              });
         </script>
 
         <p><a href="index.html">&laquo; back to examples</a></p>
+
+        <p style="width: 800px">This example adds Google Chart renderers.</p>
+
+
         <div id="output" style="margin: 30px;"></div>
 
     </body>

diff --git a/examples/index.html b/examples/index.html
@@ -26,6 +26,7 @@ <h3 align="center">Canadian MPs 2012 Dataset</h3>
                 <li><a href="onrefresh.html">pivotUI() with configuration access on refresh</a></li>
                 <li><a href="mps_csv.html">pivotUI() loaded from CSV</a></li>
                 <li><a href="mps_fr.html">pivotUI() French UI localization</a></li>
+                <li><a href="mps_export.html">pivotUI() with export renderers</a></li>
                 <li><a href="gchart.html">pivotUI() with Google Charts renderers</a></li>
                 <li><a href="d3.html">pivotUI() with D3 renderers</a></li>
                 <li><a href="fully_loaded.html">pivotUI() mobile-enabled and with all renderers</a></li>

diff --git a/examples/mps.html b/examples/mps.html
@@ -28,6 +28,10 @@
              });
         </script>
         <p><a href="index.html">&laquo; back to examples</a></p>
+
+        <p style="width: 800px">This example simply loads up a pivot table, ready for interaction.</p>
+
+
         <div id="output" style="margin: 30px;"></div>
 
     </body>

diff --git a/examples/mps_agg.html b/examples/mps_agg.html
@@ -34,6 +34,10 @@
         </script>
 
         <p><a href="index.html">&laquo; back to examples</a></p>
+
+        <p style="width: 800px">This example shows custom aggregators.</p>
+
+
         <div id="output" style="margin: 30px;"></div>
 
     </body>

diff --git a/examples/mps_csv.html b/examples/mps_csv.html
@@ -29,6 +29,10 @@
              });
         </script>
         <p><a href="index.html">&laquo; back to examples</a></p>
+
+        <p style="width: 800px">This example loads data from a CSV instead of from JSON.</p>
+
+
         <div id="output" style="margin: 30px;"></div>
 
     </body>

diff --git a/examples/mps_fr.html b/examples/mps_fr.html
@@ -23,6 +23,10 @@
         </script>
 
         <p><a href="index.html">&laquo; back to examples</a></p>
+
+        <p style="width: 800px">This example shows French localization.</p>
+
+
         <div id="output" style="margin: 30px;"></div>
 
     </body>

diff --git a/examples/mps_prepop.html b/examples/mps_prepop.html
@@ -32,6 +32,10 @@
         </script>
 
         <p><a href="index.html">&laquo; back to examples</a></p>
+
+        <p style="width: 800px">This example shows how to prepopulate the UI on load.</p>
+
+
         <div id="output" style="margin: 30px;"></div>
 
     </body>

diff --git a/examples/simple.html b/examples/simple.html
@@ -27,6 +27,10 @@
         </script>
 
         <p><a href="index.html">&laquo; back to examples</a></p>
+
+        <p style="width: 800px">This example is the most basic usage of pivot().</p>
+
+
         <div id="output" style="margin: 10px;"></div>
 
     </body>

diff --git a/examples/simple_ui.html b/examples/simple_ui.html
@@ -27,6 +27,10 @@
         </script>
 
         <p><a href="index.html">&laquo; back to examples</a></p>
+
+        <p style="width: 800px">This example is the most basic usage of pivotUI().</p>
+
+
         <div id="output" style="margin: 10px;"></div>
 
     </body>

diff --git a/examples/simple_ui_from_table.html b/examples/simple_ui_from_table.html
@@ -23,6 +23,9 @@
         </script>
 
         <p><a href="index.html">&laquo; back to examples</a></p>
+
+        <p style="width: 800px">This example loads data from the HTML table below.</p>
+
         <div id="output" style="margin: 10px;"></div>
         <br />
         <h3>Input table:</h3>

diff --git a/examples/simple_ui_html_values.html b/examples/simple_ui_html_values.html
@@ -27,6 +27,9 @@
         </script>
 
         <p><a href="index.html">&laquo; back to examples</a></p>
+
+        <p style="width: 800px">This example shows what can be done with HTML in the input.</p>
+
         <div id="output" style="margin: 10px;"></div>
 
     </body>