200 likes | 486 Views
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.
E N D
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. • Line Graphs • To display changes over time, comparisons, deviations, parts of the whole, rankings, time series. • Pie Charts • To display part of the whole or proportions.
Source: http://aim.uoregon.edu/research/pdfs/Stabina2005.pdf
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/ • Shows Human Development Index Trends (2005-2009) (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 http://www.wikimindmap.org/
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/
Google Image Charts • URL • http://chart.apis.google.com/chart • Give it URL parameters (REST query) • Chart type • Chart size • Data • Labels • Etc. • It returns a PNG image URL parameters http://chart.apis.google.com/chart?chs=250x100&chd=t:60,40&cht=p3&chl=Hello|World
Types of Google Image Charts • Bar • Horizontal/vertical • Stacked/grouped • Line • Regular, sparkline, • Pie • 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 Type (cht) • Chart Data ((chd) • Various encodings (e.g. “t” for text) • Data 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
Google Image Charts Exercise • Google Charts Developer’s Guide: • http://code.google.com/apis/chart/image/docs/making_charts.html • Computer Sales • Jan 34 • Feb 21 • Mar 88 • Apr 55 • May 70 • Jun 99 • Disk Drive Sales • Jan 53 • Feb 28 • Mar 60 • Apr 55 • May 70 • Jun 99 Given this data:
Google Charts Exercise (cont.) Generate these charts: