mwlug 2013. trendspotting. conveying data through visualization

AD109: Trendspotting, conveying data through vizualization

Wil How . PSC Group . Senior Consultant

MWLUG 2013

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

Charting Libraries

MWLUG 2013

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

Why charting? Why Dashboard?

MWLUG 2013

Why charting? Why Dashboard?

MWLUG 2013

Extracting the data

MWLUG 2013

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

Extracting the data

MWLUG 2013

Extracting the data

MWLUG 2013

Extracting the data

MWLUG 2013

Extracting the data

MWLUG 2013

Extracting the data

MWLUG 2013

Extract and Transform the data

MWLUG 2013

Extract and Transform the data

MWLUG 2013

Extract and Transform the data

MWLUG 2013

Extract, Transform & Load

MWLUG 2013

Extract, Transform & Load

MWLUG 2013

Extract, Transform & Load

MWLUG 2013

Bar Chart

MWLUG 2013

Pyramid Chart

MWLUG 2013

Pie Charts

MWLUG 2013

Extract, Transform & Load

MWLUG 2013

There’s More

MWLUG 2013

There’s More

MWLUG 2013

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

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