mwlug 2013. trendspotting. conveying data through visualization

26
AD109: Trendspotting, conveying data through vizualization Wil How . PSC Group . Senior Consultant MWLUG 2013

Upload: wil-how

Post on 19-Jan-2015

548 views

Category:

Technology


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: MWLUG 2013. Trendspotting. Conveying data through visualization

AD109: Trendspotting, conveying data through vizualization

Wil How . PSC Group . Senior Consultant

MWLUG 2013

Page 2: MWLUG 2013. Trendspotting. Conveying data through visualization

Introduction

•Who Am I?– Wil How– Senior Consultant at PSC Group- Web: blog.wilhow.net- Twitter: @wilhow- Linkedin: linkedin.com/in/wilhow- Bitbucket.org: https://bitbucket.org/wilhow

MWLUG 2013

Page 3: MWLUG 2013. Trendspotting. Conveying data through visualization

Charting Libraries

MWLUG 2013

Page 4: MWLUG 2013. Trendspotting. Conveying data through visualization

Primer

•What you need to know– JSON (www.json.org)– Javascript and js frameworks (jQuery, Dojo, Moo Tools, CoffeeScript)– jqPlot, KendoUI, High Charts, Chartjs

•Setup- How to setup jqPlot

• http://blog.wilhow.net/2013/02/09/charting-101-in-xpages/- XPages and jqPlot basics

• http://blog.wilhow.net/2013/03/14/charting-102-in-xpages-getting-started-importing-the-necessary-files/

MWLUG 2013

Page 5: MWLUG 2013. Trendspotting. Conveying data through visualization

Why charting? Why Dashboard?

MWLUG 2013

Page 6: MWLUG 2013. Trendspotting. Conveying data through visualization

Why charting? Why Dashboard?

MWLUG 2013

Page 7: MWLUG 2013. Trendspotting. Conveying data through visualization

Extracting the data

MWLUG 2013

•Flail Chest•Head Trauma•Traumatic Brain Injury•Burns•Foreign Object Intrusion

Page 8: MWLUG 2013. Trendspotting. Conveying data through visualization

Extracting the data

MWLUG 2013

Page 9: MWLUG 2013. Trendspotting. Conveying data through visualization

Extracting the data

MWLUG 2013

Page 10: MWLUG 2013. Trendspotting. Conveying data through visualization

Extracting the data

MWLUG 2013

Page 11: MWLUG 2013. Trendspotting. Conveying data through visualization

Extracting the data

MWLUG 2013

Page 12: MWLUG 2013. Trendspotting. Conveying data through visualization

Extracting the data

MWLUG 2013

Page 13: MWLUG 2013. Trendspotting. Conveying data through visualization

Extract and Transform the data

MWLUG 2013

Page 14: MWLUG 2013. Trendspotting. Conveying data through visualization

Extract and Transform the data

MWLUG 2013

Page 15: MWLUG 2013. Trendspotting. Conveying data through visualization

Extract and Transform the data

MWLUG 2013

Page 16: MWLUG 2013. Trendspotting. Conveying data through visualization

Extract, Transform & Load

MWLUG 2013

Page 17: MWLUG 2013. Trendspotting. Conveying data through visualization

Extract, Transform & Load

MWLUG 2013

Page 18: MWLUG 2013. Trendspotting. Conveying data through visualization

Extract, Transform & Load

MWLUG 2013

Page 19: MWLUG 2013. Trendspotting. Conveying data through visualization

Bar Chart

MWLUG 2013

Page 20: MWLUG 2013. Trendspotting. Conveying data through visualization

Pyramid Chart

MWLUG 2013

Page 21: MWLUG 2013. Trendspotting. Conveying data through visualization

Pie Charts

MWLUG 2013

Page 22: MWLUG 2013. Trendspotting. Conveying data through visualization

Extract, Transform & Load

MWLUG 2013

Page 23: MWLUG 2013. Trendspotting. Conveying data through visualization

There’s More

MWLUG 2013

Page 24: MWLUG 2013. Trendspotting. Conveying data through visualization

There’s More

MWLUG 2013

Page 25: MWLUG 2013. Trendspotting. Conveying data through visualization

Resources

MWLUG 2013

• Free public data sets– Zillow: http://www.quandl.com/housing– Open Science Cloud: https://www.opensciencedatacloud.org/publicdata/– City of Chicago: https://data.cityofchicago.org/

• Resources:- jqPlot: http://www.jqplot.com/ (Free)- jQuery: http://jquery.com/- JSON: http://www.w3schools.com/json/- Google Charts:

https://developers.google.com/chart/interactive/docs/gallery (Free)- KendoUI, DataViz: http://demos.kendoui.com/dataviz/overview/index.html- Sencha: http://www.sencha.com/products/extjs/examples/#sample-4

Page 26: MWLUG 2013. Trendspotting. Conveying data through visualization

Resources

MWLUG 2013

• Demo Resources:- My Blog: blog.wilhow.net- Bitbucket.org: https://bitbucket.org/wilhow- Google drive:

https://drive.google.com/folderview?id=0ByPZSkesMmuKY2xlZURKY0hjYUE&usp=sharing