Updated pretty graphs and statistics for JavaOne 2013.

jamesward · Sep 23, 2013 · e5af757 · e5af757
1 parent ce82a0e
commit e5af757
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 40 deletions.
diff --git a/preso/assets/images/google-trends.png b/preso/assets/images/google-trends.png
diff --git a/preso/assets/images/indeed-absolute.png b/preso/assets/images/indeed-absolute.png
diff --git a/preso/css/smackdown.css b/preso/css/smackdown.css
@@ -83,12 +83,11 @@ pre code {
 }
 
 .reveal .legend {
-    background: white;
     font-size: .4em;
     color: black;
     width: 200px;
     position: absolute;
-    top: 175px;
+    top: 170px;
     right: 80px;
 }
 

diff --git a/preso/index.html b/preso/index.html
@@ -733,13 +733,13 @@ <h3>Demo Data - Grails</h3>
     <script>
         $(function () {
             var selectorId = '#grails-data';
-            getSource("89cb6acef9133f295a340fd15e031833e80ffa02", function (content, url) {
+            getSource("63c182b3298713b703d552f95b69633135d1cac6", function (content, url) {
                 $(selectorId).html(hljs.highlight("java", content).value);
                 linkToFile(selectorId, 'grails2');
             })
         })
     </script>
-    <pre><code id="grails-data"></code></pre>
+    <pre style="font-size: .45em; width: 101%"><code id="grails-data"></code></pre>
 </section>
 <section>
     <h3>Demo Data - Play</h3>
@@ -1014,13 +1014,13 @@ <h2>Jobs</h2>
 
                 var data = google.visualization.arrayToDataTable([
                     ['Jobs', 'Grails', 'Play Framework', 'Spring MVC'],
-                    ['Dice', 209, 9, 552],
+                    ['Dice', 194, 38, 539],
-                    ['Monster', 67, 11, 188],
+                    ['Monster', 54, 18, 209],
-                    ['Indeed', 951, 58, 1388]
+                    ['Indeed', 851, 115, 1499]
                 ]);
 
                 var chart = new google.visualization.BarChart(document.getElementById('jobs_chart_div'));
-                chart.draw(data, {width:900, height:500, title: 'March 19, 2013'});
+                chart.draw(data, {width:900, height:500, title: 'September 22, 2013'});
             }
         </script>
         <div id="jobs_chart_div" class="chart" style="width: 900px; height: 500px;"></div>
@@ -1034,13 +1034,13 @@ <h2>LinkedIn Skills</h2>
 
                 var data = google.visualization.arrayToDataTable([
                     ['Skill', '# People'],
-                    ['Grails', 14051],
+                    ['Grails', 17303],
-                    ['Play Framework', 3397],
+                    ['Play Framework', 5254],
-                    ['Spring MVC', 13685]
+                    ['Spring MVC', 17973]
                 ]);
 
                 var chart = new google.visualization.BarChart(document.getElementById('linkedin_chart_div'));
-                chart.draw(data, {width:900, height:500, title: 'March 19, 2013'});
+                chart.draw(data, {width:900, height:500, title: 'September 22, 2013'});
             }
         </script>
         <div id="linkedin_chart_div" class="chart" style="width: 900px; height: 500px;"></div>
@@ -1050,7 +1050,7 @@ <h2>LinkedIn Skills</h2>
     </section>
     <section>
         <h2>Google Trends</h2>
-        <img src="assets/images/google-trends.png" style="width: 794px; height: 370px">
+        <img src="assets/images/google-trends.png" style="width: 813px; height: 300px">
         <div class="legend">
             <span class="box blue"></span> Grails
             <span class="box red"></span> Play
@@ -1071,32 +1071,18 @@ <h2>User Mailing List Traffic</h2>
             function drawMailingListChart() {
                 new google.visualization.BarChart(document.getElementById('mailinglist_messages_chart_div')).draw(google.visualization.arrayToDataTable([
                     ['Messages', 'Grails', 'Play Framework'],
-                    ['March', 1503, 3365],
+                    ['March', 931, 1443],
-                    ['April', 1377, 2884],
+                    ['April', 863, 1448],
-                    ['May', 1299, 2760]
+                    ['May', 1005, 1177],
-                ]), {width:900, height:500, title: 'June 2012'}
+                    ['June', 766, 1049],
+                    ['July', 971, 858],
+                    ['August', 922, 1033]
+                ]), {width:900, height:500}
                 );
             }
         </script>
         <div id="mailinglist_messages_chart_div" class="chart" style="width: 900px; height: 500px;"></div>
     </section>
-    <section>
-        <h2>User Mailing List Traffic</h2>
-        <script>
-            google.setOnLoadCallback(drawMailingListChart);
-
-            function drawMailingListChart() {
-                new google.visualization.BarChart(document.getElementById('mailinglist_messages_chart_div2')).draw(google.visualization.arrayToDataTable([
-                    ['Messages', 'Grails', 'Play Framework'],
-                    ['December', 1059, 1181],
-                    ['January', 973, 1797],
-                    ['February', 828, 1623]
-                ]), {width:900, height:500, title: 'March 2013'}
-                );
-            }
-        </script>
-        <div id="mailinglist_messages_chart_div2" class="chart" style="width: 900px; height: 500px;"></div>
-    </section>
     <section>
         <h2>Books on Amazon</h2>
         <script>
@@ -1105,9 +1091,9 @@ <h2>Books on Amazon</h2>
             function drawBooksChart() {
                 new google.visualization.PieChart(document.getElementById('books_chart_div')).draw(google.visualization.arrayToDataTable([
                     ['Books', 'Amazon'],
-                    ['Grails', 8],
+                    ['Grails', 11],
                     ['Play Framework', 3]
-                ]), {width:900, height:500, pieSliceText:'value', title: 'March 2013'});
+                ]), {width:900, height:500, pieSliceText:'value', title: 'September 2013'});
             }
         </script>
         <div id="books_chart_div" class="chart" style="width: 900px; height: 500px;"></div>
@@ -1120,8 +1106,8 @@ <h2>2013 Releases</h2>
             function drawReleasesChart() {
                 new google.visualization.PieChart(document.getElementById('releases_chart_div2')).draw(google.visualization.arrayToDataTable([
                     ['2013 Releases', '2013'],
-                    ['Grails', 1],
+                    ['Grails', 8],
-                    ['Play Framework', 1]
+                    ['Play Framework', 10]
                 ]), {width:900, height:500, pieSliceText:'value'});
             }
         </script>
@@ -1150,8 +1136,8 @@ <h2>StackOverflow Questions</h2>
             function drawStackOverflowChart() {
                 new google.visualization.PieChart(document.getElementById('stackoverflow_chart_div')).draw(google.visualization.arrayToDataTable([
                     ['Tagged Questions', '#'],
-                    ['grails', 10710],
+                    ['grails', 12978],
-                    ['playframework', 3950]
+                    ['playframework', 5149]
                 ]), {width:900, height:500, pieSliceText:'value'});
             }
         </script>