Skip to content
Permalink
Browse files

Updated pretty graphs and statistics for JavaOne 2013.

  • Loading branch information...
mraible committed Sep 23, 2013
1 parent ce82a0e commit e5af757f5833e2617c33f14246a42a817a13c9fb
Binary file not shown.
Binary file not shown.
@@ -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;
}

@@ -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],
['Monster', 67, 11, 188],
['Indeed', 951, 58, 1388]
['Dice', 194, 38, 539],
['Monster', 54, 18, 209],
['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],
['Play Framework', 3397],
['Spring MVC', 13685]
['Grails', 17303],
['Play Framework', 5254],
['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],
['April', 1377, 2884],
['May', 1299, 2760]
]), {width:900, height:500, title: 'June 2012'}
['March', 931, 1443],
['April', 863, 1448],
['May', 1005, 1177],
['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],
['Play Framework', 1]
['Grails', 8],
['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],
['playframework', 3950]
['grails', 12978],
['playframework', 5149]
]), {width:900, height:500, pieSliceText:'value'});
}
</script>

0 comments on commit e5af757

Please sign in to comment.
You can’t perform that action at this time.