Data Visualization Data Visualization

Business Analytics (BA) Overview

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.

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.

Source:

Scatter Plot

A picture tells 1000 words

Motion Charts  Like a scatter plot, but also tracks changes over time  Data items move as time progresses  Example: Shows Human Development Index Trends ( ) (United Nations) Shows Human Development Index Trends ( ) (United Nations)  We’ll work with Google motion charts later in the semester

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

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

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

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

Working with Google Image Charts Working with Google Image Charts

Google Image Charts  URL 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 URL parameters

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”

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 rangeData needs to be normalized to range  Optional Chart labels (chl) Chart title (chtt) Chart legend (chdl) Various types of markers (shape, text, financial) Lots more

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: docs/making_charts.html

Google Charts Exercise (cont.) Generate these charts: