Skip to content
Permalink
Browse files
Updated Pretty Graphs
  • Loading branch information
mraible committed Mar 20, 2013
1 parent 5cf2ae0 commit 43795059fcd3d321ab93ea14dc149a3c762daf47
Show file tree
Hide file tree
Showing 4 changed files with 58 additions and 23 deletions.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@@ -1017,13 +1017,13 @@ <h2>Jobs</h2>

var data = google.visualization.arrayToDataTable([
['Jobs', 'Grails', 'Play Framework', 'Spring MVC'],
['Dice', 202, 5, 494],
['Monster', 79, 4, 193],
['Indeed', 1113, 31, 1844]
['Dice', 209, 9, 552],
['Monster', 67, 11, 188],
['Indeed', 951, 58, 1388]
]);

var chart = new google.visualization.BarChart(document.getElementById('jobs_chart_div'));
chart.draw(data, {width:900, height:500});
chart.draw(data, {width:900, height:500, title: 'March 19, 2013'});
}
</script>
<div id="jobs_chart_div" style="width: 900px; height: 500px;"></div>
@@ -1037,16 +1037,19 @@ <h2>LinkedIn Skills</h2>

var data = google.visualization.arrayToDataTable([
['Skill', '# People'],
['Grails', 3240],
['Play Framework', 234],
['Spring MVC', 2890]
['Grails', 14051],
['Play Framework', 3397],
['Spring MVC', 13685]
]);

var chart = new google.visualization.BarChart(document.getElementById('linkedin_chart_div'));
chart.draw(data, {width:900, height:500});
chart.draw(data, {width:900, height:500, title: 'March 19, 2013'});
}
</script>
<div id="linkedin_chart_div" style="width: 900px; height: 500px;"></div>
<aside class="notes">
Grails up 20% y/y, Play up 69%
</aside>
</section>
<section>
<h2>Google Trends</h2>
@@ -1055,7 +1058,7 @@ <h2>Google Trends</h2>
<section>
<h2>Indeed Job Trends</h2>
<p style="text-align: center">
<img src="assets/images/indeed-absolute.png" width="779">
<img src="assets/images/indeed-absolute.png" width="777">
</p>
</section>
<section>
@@ -1069,12 +1072,29 @@ <h2>User Mailing List Traffic</h2>
['March', 1503, 3365],
['April', 1377, 2884],
['May', 1299, 2760]
]), {width:900, height:500}
]), {width:900, height:500, title: 'June 2012'}
);
}
</script>
<div id="mailinglist_messages_chart_div" 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" style="width: 900px; height: 500px;"></div>
</section>
<section>
<h2>Books on Amazon</h2>
<script>
@@ -1083,13 +1103,28 @@ <h2>Books on Amazon</h2>
function drawBooksChart() {
new google.visualization.PieChart(document.getElementById('books_chart_div')).draw(google.visualization.arrayToDataTable([
['Books', 'Amazon'],
['Grails', 12],
['Play Framework', 2]
]), {width:900, height:500, pieSliceText:'value'});
['Grails', 8],
['Play Framework', 3]
]), {width:900, height:500, pieSliceText:'value', title: 'March 2013'});
}
</script>
<div id="books_chart_div" style="width: 900px; height: 500px;"></div>
</section>
<section>
<h2>2013 Releases</h2>
<script>
google.setOnLoadCallback(drawReleasesChart);

function drawReleasesChart() {
new google.visualization.PieChart(document.getElementById('releases_chart_div2')).draw(google.visualization.arrayToDataTable([
['2013 Releases', '2013'],
['Grails', 1],
['Play Framework', 1]
]), {width:900, height:500, pieSliceText:'value'});
}
</script>
<div id="releases_chart_div2" style="width: 900px; height: 500px;"></div>
</section>
<section>
<h2>2012 Releases</h2>
<script>
@@ -1098,8 +1133,8 @@ <h2>2012 Releases</h2>
function drawReleasesChart() {
new google.visualization.PieChart(document.getElementById('releases_chart_div')).draw(google.visualization.arrayToDataTable([
['2012 Releases', '2012'],
['Grails', 3],
['Play Framework', 2]
['Grails', 9],
['Play Framework', 6]
]), {width:900, height:500, pieSliceText:'value'});
}
</script>
@@ -1113,8 +1148,8 @@ <h2>StackOverflow Questions</h2>
function drawStackOverflowChart() {
new google.visualization.PieChart(document.getElementById('stackoverflow_chart_div')).draw(google.visualization.arrayToDataTable([
['Tagged Questions', '#'],
['grails', 7430],
['playframework', 2467]
['grails', 10710],
['playframework', 3950]
]), {width:900, height:500, pieSliceText:'value'});
}
</script>
@@ -3,17 +3,17 @@ Comparison Statistics

(a.k.a.) Pretty Graphs

As of Tuesday (March 19th, 3 PM)
As of Tuesday (March 19th, 10 PM)

Jobs on Dice (World)
grails: 208
grails: 209
playframework -> "play framework": 9
play framework: 503
"spring mvc": 552

LinkedIn Skills (World)
grails: 14,048
play framework: 23,610
playframework: 238
grails: 14051
"play framework": 3397
"spring mvc": 13685

Google Trends
google-trends.png

0 comments on commit 4379505

Please sign in to comment.