1. Data Visualization Data Visualization

2. Business Analytics (BA) Overview

3. Data Visualization Technologies that support visualization and interpretation of data and information…includes digital images, GIS, GUI, graphs, virtual reality, dimensional presentations, videos, and animation.

4. Basic Statistical Charts/Graphs  Bar charts To display changes over time, comparisons, deviations, parts of the whole, rankings, time series. To display changes over time, comparisons, deviations, parts of the whole, rankings, time series.  Line Graphs To display changes over time, comparisons, deviations, parts of the whole, rankings, time series. To display changes over time, comparisons, deviations, parts of the whole, rankings, time series.  Pie Charts To display part of the whole or proportions. To display part of the whole or proportions.

5. Source: http://aim.uoregon.edu/research/pdfs/Stabina2005.pdf

7. Scatter Plot

8. A picture tells 1000 words

9. Motion Charts  Like a scatter plot, but also tracks changes over time  Data items move as time progresses  Example: http://hdr.undp.org/en/data/explorer/ http://hdr.undp.org/en/data/explorer/ http://hdr.undp.org/en/data/explorer/ Shows Human Development Index Trends (2005- 2009) (United Nations) Shows Human Development Index Trends (2005- 2009) (United Nations)  We’ll work with Google motion charts later in the semester

10. Gauges and Meters  Useful for displaying key performance indicators (KPIs)

11. Radar Charts  Also called Spider Chart  Useful for showing multidimensional data in a 2-dimensional graph  Each dimension is a radius emanating from the center of the graph

12. Concept Maps  Shows relationships between concepts  Consists of nodes and links  Example: see WikiMindMap -- A great tool for navigating through Wikipedia Visual markers: Nodes as topics, links represent connections to other topics. Can expand and refocus Great for navigating through Wikipedia http://www.wikimindmap.org/

13. TreeMaps  Display hierarchical (tree-structured) data as a set of nested rectangles.  Each branch of the tree is given a rectangle, which is then tiled with smaller rectangles representing sub-branches.  Example: see NewsMap – An interesting visualization for seeing relationships between current events in the news Visual markers: Color: news category Size: degree of coverage Darkness: age Good interface to google’s news sources http://newsmap.jp/

14. Working with Google Image Charts Working with Google Image Charts

15. Google Image Charts  URL http://chart.apis.google.com/chart http://chart.apis.google.com/chart http://chart.apis.google.com/chart Give it URL parameters (REST query) Give it URL parameters (REST query) Chart typeChart type Chart sizeChart size DataData LabelsLabels Etc.Etc. It returns a PNG image It returns a PNG image http://chart.apis.google.com/chart?chs=250x100&chd=t:60,40&cht=p3&chl=Hello|World URL parameters

16. Types of Google Image Charts  Bar Horizontal/vertical Horizontal/vertical Stacked/grouped Stacked/grouped  Line Regular, sparkline, Regular, sparkline,  Pie 2D, 3D, concentric 2D, 3D, concentric  Scatter  Radar May or may not have filled areas  Venn diagram  Map Various geographical areas Colors specify values  Meter/Gauge “Google-o-meter”

17. URL Parameters  Required Chart Size (chs) Chart Size (chs) Chart Type (cht) Chart Type (cht) Chart Data ((chd) Chart Data ((chd) Various encodings (e.g. “t” for text)Various encodings (e.g. “t” for text) Data needs to be normalized to 0-100 rangeData needs to be normalized to 0-100 range  Optional Chart labels (chl) Chart title (chtt) Chart legend (chdl) Various types of markers (shape, text, financial) Lots more

18. Google Image Charts Exercise  Computer Sales Jan34 Jan34 Feb21 Feb21 Mar88 Mar88 Apr55 Apr55 May70 May70 Jun99 Jun99  Disk Drive Sales Jan53 Feb28 Mar60 Apr55 May70 Jun99 Given this data: Google Charts Developer’s Guide: http://code.google.com/apis/chart/image/ docs/making_charts.html

19. Google Charts Exercise (cont.) Generate these charts: