Elec 3-Reviewer
Elec 3-Reviewer
Information Design
- Practice of presenting info
Information Visualization
- Study of visual representation
Infographics
- Mixture of texts
Sparkline
- Embedded small chart
Diagram
- Qualitative information, include small chart
Separability
-
Visual Pop out
- Standout item
Popout
- Preattentive processing / tunable detection
Illustrational diagram
- Visualize quantitative, qualitative data
Dashboard
- Visual oriented display consolidated and arranged in a single screen
Data visualization
- To interpret and gain insight to data
Visualization
- Vision, forming visual image
Mark
- Basic graphical element, geometric primitives
Data presentation
- Summarized information
CHAPTER 1 - OVERVIEW OF DATA VISUALIZATION
EBOOK VISUALIZATION
1. Visualization
2. Data Visualization
3. Data Visualization Catalogue
4. Data Presentation
5. Infographic
6. Information Visualization
7. Illustrational chart
8. Sparkline
9. Diagram
10. Illustration of idea
BABADCBDAD
Visualization
- Vision
- Process of forming visual image
Data Visualization
- Graphical representation and presentation of data for the purpose of perception and understanding.
- More interactive in software
The Data Visualization Catalogue
- Provides an excellent introduction to different types of visualizations
- Explore the Search by Function feature to find the best visualizations for a given purpose
Data Presentation
- In statistics, method that people summarize, organize and communicate information using a variety of
tools, including tables and diagrams/charts.
Infographics
- Mixture of texts, graphics, data visual forms to quickly and vividly communicate complex information
Information Visualization
- Study of visual representations of information or data to reinforce human cognition. Numeric and non
numeric data like geographic info and text
Sparkline
- Small chart embedded in a context of words, numbers, tables, images, or other type of information
- Presents general shape of variation in simple and highly condensed way
Illustration of Idea
- Can be considered as information visualization but not data visualization
1.
INTRODUCTION TO VISUALIZATION
Visualization
- Vision
- Process of forming visual image
Can be visualized:
- Visible Reality
-
- Hidden Reality
-
- Invincible Reality
-
- Abstract Reality
-
Visualization Process
- May change original forms and create new forms of things
- Sample: using an Arrow for Air flow
Data Visualization
- Graphical representation and presentation of data for the purpose of perception and understanding.
- More interactive in software
Data
- Numerical values describing entity/activity
- Abstract
Related fields
- Data presentation
- Information design/visualization, illustration
- Business data visualization
- Big data visualization
Data Presentation
- In statistics, method that people summarize, organize and communicate information using a variety of
tools, including tables and diagrams/charts.
Data Visualization
- Data
- Information
- Insights to huge data through vis representations - interactive/raw data
- Enhance learning, understanding, reasoning, helps in decision making
- Link in raw data and us
- Lead a user to: detect patterns, trends, and correlations in data
- Prompt a user to: draw inferences, anticipate potential trajectories and outcomes
Information Design
- Practice of presenting information
- Layout, flow, use of text style, bullets, spacing, etc
Information Visualization
- Study of visual representations of information or data to reinforce human cognition. Numeric and non
numeric data like geographic info and text
Infographics
- Mixture of texts, graphics, data visual forms to quickly and vividly communicate complex information
Computer Graphics
- Computer generated graphics based on logic and algorithms
- Computing intensive
- Do not use business / transactional data from human
Scientific Visualization
Physical Science Visualization
- Concerned with Three dimensional phenomena, meteorological, medical, biological
- Simulation of reality
Mathematical Model/Algorithm Visualization
- Math calculations/ models
Business Data/ Information Visualization
Business-
- Describes events, activities, operations that make a system running
- Activities associated with human, that impacts human
Business Data Features:
- Abstract - represents patterns
- Quantitative
- structured/ semi-structured, repeated
- Multi dimensional
- Comprehensible
Business Data Visualization Features:
- Info seeking, analysis, decision support, monitoring, communication
- Simple standard abstract images
- Reused
- Data binding techniques
Where is data visualization used in business?
- BI Analysis / self-service
- Presentation results in data mining
- Visual analytics
- operational/administrative monitoring
Business Data Visualization
- Periodical Reports
- Performance Dashboards
- Visual data exploration and seeking
- Visual analytics
- Real time monitoring
Not Business Data Visuals
- Not meaningful business data
- Mathematical visuals
- Scientific visualization
- Reality simulation
- Infographics /data graphics
- Too much artistic, visual embellishment
ASSIGNMENT #1
1. What is Data?
Data refers to a collection of raw facts, figures, symbols, or observations that are typically in numerical,
textual, or other formats. Data is the foundation of information and knowledge and can be processed and
analyzed to reveal insights, patterns, and relationships.
3. Ordinal Data: Categorical data with a specific order or ranking. Example: Education levels (e.g.,
high school, bachelor's, master's).
4. Time Series Data: Data collected over time at regular intervals. Examples include stock prices,
weather data, and sales records.
5. Text Data: Unstructured textual information. Examples include tweets, articles, and reviews.
6. Spatial Data: Data with geographic information. Examples include maps, GPS coordinates, and
satellite images.
7. Binary Data: Data with only two possible values. Examples include yes/no, true/false, and 0/1.
1. Clarity: The visualization should convey the intended message clearly and without ambiguity.
3. Relevance: The visualizations should be relevant to the audience's needs and interests.
5. Interactivity: Interactive visualizations allow users to explore and manipulate data for deeper
insights.
1. Bar Chart: A chart that represents data with rectangular bars. Example: A bar chart showing monthly
sales of different products.
2. Line Chart: A chart that depicts data points connected by lines. Example: A line chart showing
temperature variations over a week.
3. Pie Chart: A chart that divides a whole into parts using sectors of a circle. Example: A pie chart
showing the distribution of a budget among different expenses.
4. Scatter Plot: A plot of data points on a two-dimensional plane. Example: A scatter plot illustrating
the relationship between height and weight.
5. Heatmap: A matrix of colors representing data values. Example: A heatmap showing website traffic
across different hours and days.
In summary, data visualization transforms raw data into meaningful insights through visual
representation, making it easier for individuals to understand, analyze, and communicate complex information.
SELF-ASSESSMENT #1
1. Having a human in the decision-making loop allows for contextual understanding, empathy, and ethical
considerations that computers may lack.
2. Computers in the loop provide data processing speed, accuracy, and the ability to handle large volumes
of information efficiently.
3. Using an external representation can help simplify complex data and make it more understandable,
aiding decision-making.
4. Depending on vision is a common way to leverage human's strong visual processing capabilities for
data interpretation.
5. Showing data in detail enables users to explore and understand the nuances, supporting informed
decision-making.
6. Interactivity enhances user engagement and allows for dynamic exploration and analysis of data.
7. The design space for visualization idioms is vast because different data types and tasks demand
unique visual approaches.
8. Focusing on tasks ensures that visualizations are purpose-driven, addressing specific user needs. To
address the similarities and differences of specific user needs.
9. Many designs are ineffective due to a lack of understanding of user requirements, leading to poor
usability.
10. Caring about effectiveness ensures that visualization solutions serve their intended purpose, leading to
better decision-making.
11. Validation is difficult because it often involves subjective judgments and can be influenced by biases
and context.
12. Resource limitations can include hardware constraints, budget constraints, and time constraints,
impacting the complexity and quality of visualizations. In more simple terms, visual information on
computers cannot handle infinity even a human brain experience what we call short term memory loss
due to its limited capacity.
13. Analyzing visualization helps uncover insights, patterns, and anomalies in data, improving
decision-making and understanding by thinking systematically. .
CHAPTER 2 - INPUT, DATA & TASK ABSTRACTION
2.
3. Focus group -
4. Observation -
5. Survey -
6. Exploratory Prototype -
7. -experiment -
8. Low-level -
9. High-level -
10. Ereder? -
11. Race -
SELF-ASSESSMENT #2
1. Task abstraction in data visualization simplifies complex data analysis goals into specific, manageable
objectives. For instance, when analyzing e-commerce data, you might abstract tasks like understanding
product popularity by age group, visualizing sales by region, and tracking the impact of discounts. Each
of these tasks can then be addressed through focused visualizations to extract meaningful insights.
- Collecting user's task
- Example: conveying the meaning of the data either by identifying its category and structure.
- "Why is the user looking at it?"
2. Data abstraction in data visualization simplifies complex datasets into more digestible forms. For
instance, when analyzing daily stock price data, you might abstract it into monthly or quarterly trends,
showing average prices and trading volumes over time. This simplification aids in identifying long-term
patterns while reducing the intricacy of daily price fluctuations.
- Structural or mathematical interpretation
- "What is shown"
- Task abstraction is about understanding your data
3. Data abstraction is important because it allows users and developers to work with complex systems
more effectively by simplifying the interactions and reducing cognitive load. It also promotes modularity
and code reusability.
- It allows users to easily work with the data
5. Task Abstraction in Data Visualization refers to simplifying the process of interpreting and
understanding data through graphical representations. For instance, creating a bar chart to show sales
figures abstracts the underlying numerical data, making it easier for users to grasp trends.
7. A Data Set is a collection of data points or information typically organized in a structured format. It can
be a spreadsheet, database table, or any other dataset used for analysis, research, or reference.
8. Creating data sets involves collecting, organizing, and storing data using tools like spreadsheets,
databases, or data collection software. You define the data's structure, format, and any necessary
metadata.
LABORATORY EXERCISE #1
CHAPTER 1 - DATA VISUALIZATION Data visualization
CAN BE VISUALIZED (4) - To interpret and gain insight to data
- VISIBLE REALITY Visualization
- HIDDEN REALITY - Vision, forming visual image
- INVISIBLE REALITY Mark
- ABSTRACT REALITY - Basic graphical element, geometric primitives
HOW TO VISUALIZE THEM? (4) Data presentation
- 2D VS 3D - Summarized information
- STATIC VS MOTION
- VIRTUAL VS MATERIALIZED
- REALISTIC VS ABSTRACT
VISUALIZATION USAGES (6) MAJOR USE CASES
- PRESENTATION
- REPORTING
- ANALYTICAL
- MONITORING
- PUBLIC COMMUNICATION / JOURNALISM
- DEMONSTRATION / SIMULATION
PROCESS OF VISUALIZATION
-
CHAPTER 2 - DATA AND TASK ABSTRACTION
DATA COLLECTION METHODS (5)
- SENSORS
- LOGS
- EXPERIMENTS
- HUMAN - GENERATED DATA
- SURVEYS
ATTRIBUTE TYPES (6)
- CATEGORICAL
- ORDINAL
- QUANTITATIVE
- SEQUENTIAL
- DIVERGING
- CYCLIC
PROCESS OF TASK ABSTRACTIONS
-
CHAPTER 3 - MARKS AND CHANNELS
CHANNEL TYPES (2)
- IDENTITY CHANNELS
- MAGNITUDE CHANNELS
MARK TYPES (2)
- CONNECTION MARK
- CONTAINMENT MARK
CHAPTER 4 - COMMON VISUALIZATION IDIOMS
BIG DATA VISUALIZATION CATEGORIES (5)
- TEMPORAL
- HIERARCHICAL
- NETWORK
- MULTIDIMENSIONAL
- GEOSPATIAL
VISUALIZATION FORMS
- BAR CHART
- LINE CHART
- SCATTERPLOT
- SPARKLINE
- PIE CHART
- GAUGE
- WATERFALL CHART
- FUNNEL CHART
- HEAT MAP
- HISTOGRAM
- BOX PLOT
- MAPS
- TABLES
- INDICATORS
- AREA CHART
- RADAR OR SPIDER CHART
- TREE MAP
Information Design
- Practice of presenting info
Information Visualization
- Study of visual representation
Infographics
- Mixture of texts
Sparkline
- Embedded small chart
Diagram
- Qualitative information, include small chart
Separability
-
Visual Pop out
- Standout item
Popout
- Preattentive processing / tunable detection
Illustrational diagram
- Visualize quantitative, qualitative data
Dashboard
- Visual oriented display consolidated and arranged in a single screen