SlideShare a Scribd company logo
AFFECTIVE COLOR IN
VISUALIZATION
RASHID ANSARI
170847980002
MTECH (ACDS)
Affectively Different
Source: inetsoft
Source:fogs
AFFECT AROUSAL
VALENCE
• Emotions
• Moods
• Experiential
responses or
states
Fig: A. Russell’s (1980) circumplex model of affect,
Psychological construction of emotion
What is affective visualization?
 Effective relates to how clearly and efficiently the data are
represented
Cognitive and perceptual
 Affective relates to evoking a subjective response
Feelings, impressions, judgments
 Affect without effect is useless
Affective communication :colour matters
 Long history of colour-affect study and practice
 Design
 Psychology
 Marketing
 Most research focuses on single
colours or colour “families”
Source: thelogocompany
Visualization Palettes
EFFECTIVE
 Categorical
 Limited number of colours(5-12)
 Perceptually distinct
 Empirically validated
AFFECTIVE
 Design,art
 Validation?
Can visualization palettes be affectively expressive?
Calm
Positive
Exciting
Negative
Affects: Core and Pragmatic
TrustSerious
Disturbing Playful
APPROACH
It explored color-affect relations in three studies.
1. Image Analysis
2. User-Designed Palettes
3. User Ranked Palettes
Study1: IMAGE ANALYSIS
 Analyzed 8608 images.
 Select images tagged with terms related to our eight affects, and
then eliminating all images with humans or human-influenced
scenes to avoid conflation with content.
The colour data set
Study 2: User Designed Palettes
 People with design experience created palettes based on
affect
 The goal was to see whether they would consistently assign
different color sets for 8 affect category in simple vis.
 Select 5 colour to convey affective impression
 8 affects
 2 common visualizations (Bar, Map)
Affective color in visualization
Affective color in visualization
Affective color in visualization
Affective color in visualization
Study 3: User Ranked Palettes
Generate palettes from results for each affect
 “good” (5)
 “middle” (5)
 “bad” (5)
 Palette weight = sum of colour use frequencies
Affective color in visualization
Affective color in visualization
So what is a “palette”?
• Colours we use together
• A structure
What if a palette was a network?
Affective color in visualization
CONCLUSION
 The goal was to demonstrate whether color express affect, even when used as
categorical coloring for simple data visualization.
 Result show a validated relationship between affect, perceptual color
properties(hue, chroma and lightness), and palette composition for the eight
categories .
 It introduce network modelling as a method to characterize palette composition.
Reference
1. L. Bartram, B. Cheung, and M. Stone. 2011. The Effect
of Colour and Transparency on the Perception of
Overlaid Grids. IEEE Transactions on Visualization and
Computer Graphics 17, 12 (Dec 2011), 1942–1948.
2. Mathieu Bastian, Sebastien Heymann, Mathieu Jacomy,
and others. 2009. Gephi: an open source software for
exploring and manipulating networks. ICWSM 8 (2009),
361–362.
3. Joseph A Bellizzi and Robert E Hite. 1992.
Environmental color, consumer feelings, and purchase
likelihood. Psychology & marketing 9, 5 (1992),
347–363.
4. A. Cairo. 2013. U.S. Gun Deaths and the Challenge of
Uncertainty. Peachpit. (2013). http:
//www.peachpit.com/articles/article.aspx?p=2036558
THANKYOU!

More Related Content

PPT
Perceptually Based Depth-Ordering Enhancement for Direct Volume Rendering
PPT
Visual thinking colin_ware_lectures_2013_14_pre-attentive processing and high...
PPT
Perceptually Based Depth-Ordering Enhancement for Direct Volume Rendering
PDF
X-cultural Communication 7: Colors Across Cultures
PPTX
AffectiveImageClassification_ACMM10.pptx
PPTX
Emotional Design
PDF
design principles for visualization
Perceptually Based Depth-Ordering Enhancement for Direct Volume Rendering
Visual thinking colin_ware_lectures_2013_14_pre-attentive processing and high...
Perceptually Based Depth-Ordering Enhancement for Direct Volume Rendering
X-cultural Communication 7: Colors Across Cultures
AffectiveImageClassification_ACMM10.pptx
Emotional Design
design principles for visualization

Similar to Affective color in visualization (20)

PPTX
The power of visualization
PDF
Emotional Design for Mobile
PPTX
The Power of Visualization
PDF
Colour Psychology - Angela Wright, Colour Affects
PDF
Visual Design Principles 2018
PDF
Emotional Impact of Colors Using Web-Design
PDF
Color theory
PPTX
The World of Colors Part 3 of 4
PPTX
Chap45
PDF
The Evils of the Rainbow Colormap
PPT
Graphic Designing Psychology of Color
PDF
Making an Impact With Data Visualization
PPTX
Lecture 1 Advance concept in Visual Graphics
PPTX
The World of Colors Part 2 of 4
PPT
Library Instruction for Color Theory (Extended)
PPT
Color-Theory-and-Audience-Engagement.ppt
PPTX
Color Theory Fundamentals for Every Web Designer
PDF
Independent Study: The Psychology of Color in an Interior Space
PDF
Using visual aids effectively
PDF
Color Powerpoint
The power of visualization
Emotional Design for Mobile
The Power of Visualization
Colour Psychology - Angela Wright, Colour Affects
Visual Design Principles 2018
Emotional Impact of Colors Using Web-Design
Color theory
The World of Colors Part 3 of 4
Chap45
The Evils of the Rainbow Colormap
Graphic Designing Psychology of Color
Making an Impact With Data Visualization
Lecture 1 Advance concept in Visual Graphics
The World of Colors Part 2 of 4
Library Instruction for Color Theory (Extended)
Color-Theory-and-Audience-Engagement.ppt
Color Theory Fundamentals for Every Web Designer
Independent Study: The Psychology of Color in an Interior Space
Using visual aids effectively
Color Powerpoint
Ad

More from Rashid Ansari (13)

PPTX
Fog Computing
PPTX
Spatial computing and social media in the context of disaster management
PPTX
Random forest algorithm
PPTX
Predicting students performance in final examination
PPTX
Heterogeneous computing
PPTX
Greedy aproach towards problem solution
PPTX
Divide and Conquer aproach towards problem solution
PPTX
Linear Programming
PPTX
Big data visualization
PPTX
Riot games
PPTX
BI in Enterprise
PPTX
Modern database
PPTX
Structured query language
Fog Computing
Spatial computing and social media in the context of disaster management
Random forest algorithm
Predicting students performance in final examination
Heterogeneous computing
Greedy aproach towards problem solution
Divide and Conquer aproach towards problem solution
Linear Programming
Big data visualization
Riot games
BI in Enterprise
Modern database
Structured query language
Ad

Recently uploaded (20)

PDF
A novel scalable deep ensemble learning framework for big data classification...
PDF
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
PDF
How ambidextrous entrepreneurial leaders react to the artificial intelligence...
PDF
2021 HotChips TSMC Packaging Technologies for Chiplets and 3D_0819 publish_pu...
PDF
Enhancing emotion recognition model for a student engagement use case through...
PPTX
1. Introduction to Computer Programming.pptx
PPT
Module 1.ppt Iot fundamentals and Architecture
PDF
Getting Started with Data Integration: FME Form 101
PPTX
OMC Textile Division Presentation 2021.pptx
PPTX
O2C Customer Invoices to Receipt V15A.pptx
PPTX
Modernising the Digital Integration Hub
PPTX
The various Industrial Revolutions .pptx
PPTX
observCloud-Native Containerability and monitoring.pptx
PDF
STKI Israel Market Study 2025 version august
PDF
project resource management chapter-09.pdf
PPTX
TechTalks-8-2019-Service-Management-ITIL-Refresh-ITIL-4-Framework-Supports-Ou...
PDF
gpt5_lecture_notes_comprehensive_20250812015547.pdf
PPTX
Programs and apps: productivity, graphics, security and other tools
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PDF
Getting started with AI Agents and Multi-Agent Systems
A novel scalable deep ensemble learning framework for big data classification...
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
How ambidextrous entrepreneurial leaders react to the artificial intelligence...
2021 HotChips TSMC Packaging Technologies for Chiplets and 3D_0819 publish_pu...
Enhancing emotion recognition model for a student engagement use case through...
1. Introduction to Computer Programming.pptx
Module 1.ppt Iot fundamentals and Architecture
Getting Started with Data Integration: FME Form 101
OMC Textile Division Presentation 2021.pptx
O2C Customer Invoices to Receipt V15A.pptx
Modernising the Digital Integration Hub
The various Industrial Revolutions .pptx
observCloud-Native Containerability and monitoring.pptx
STKI Israel Market Study 2025 version august
project resource management chapter-09.pdf
TechTalks-8-2019-Service-Management-ITIL-Refresh-ITIL-4-Framework-Supports-Ou...
gpt5_lecture_notes_comprehensive_20250812015547.pdf
Programs and apps: productivity, graphics, security and other tools
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Getting started with AI Agents and Multi-Agent Systems

Affective color in visualization

  • 1. AFFECTIVE COLOR IN VISUALIZATION RASHID ANSARI 170847980002 MTECH (ACDS)
  • 3. AFFECT AROUSAL VALENCE • Emotions • Moods • Experiential responses or states Fig: A. Russell’s (1980) circumplex model of affect, Psychological construction of emotion
  • 4. What is affective visualization?  Effective relates to how clearly and efficiently the data are represented Cognitive and perceptual  Affective relates to evoking a subjective response Feelings, impressions, judgments  Affect without effect is useless
  • 5. Affective communication :colour matters  Long history of colour-affect study and practice  Design  Psychology  Marketing  Most research focuses on single colours or colour “families” Source: thelogocompany
  • 6. Visualization Palettes EFFECTIVE  Categorical  Limited number of colours(5-12)  Perceptually distinct  Empirically validated AFFECTIVE  Design,art  Validation?
  • 7. Can visualization palettes be affectively expressive? Calm Positive Exciting Negative Affects: Core and Pragmatic TrustSerious Disturbing Playful
  • 8. APPROACH It explored color-affect relations in three studies. 1. Image Analysis 2. User-Designed Palettes 3. User Ranked Palettes
  • 9. Study1: IMAGE ANALYSIS  Analyzed 8608 images.  Select images tagged with terms related to our eight affects, and then eliminating all images with humans or human-influenced scenes to avoid conflation with content.
  • 11. Study 2: User Designed Palettes  People with design experience created palettes based on affect  The goal was to see whether they would consistently assign different color sets for 8 affect category in simple vis.  Select 5 colour to convey affective impression  8 affects  2 common visualizations (Bar, Map)
  • 16. Study 3: User Ranked Palettes Generate palettes from results for each affect  “good” (5)  “middle” (5)  “bad” (5)  Palette weight = sum of colour use frequencies
  • 19. So what is a “palette”? • Colours we use together • A structure What if a palette was a network?
  • 21. CONCLUSION  The goal was to demonstrate whether color express affect, even when used as categorical coloring for simple data visualization.  Result show a validated relationship between affect, perceptual color properties(hue, chroma and lightness), and palette composition for the eight categories .  It introduce network modelling as a method to characterize palette composition.
  • 22. Reference 1. L. Bartram, B. Cheung, and M. Stone. 2011. The Effect of Colour and Transparency on the Perception of Overlaid Grids. IEEE Transactions on Visualization and Computer Graphics 17, 12 (Dec 2011), 1942–1948. 2. Mathieu Bastian, Sebastien Heymann, Mathieu Jacomy, and others. 2009. Gephi: an open source software for exploring and manipulating networks. ICWSM 8 (2009), 361–362. 3. Joseph A Bellizzi and Robert E Hite. 1992. Environmental color, consumer feelings, and purchase likelihood. Psychology & marketing 9, 5 (1992), 347–363. 4. A. Cairo. 2013. U.S. Gun Deaths and the Challenge of Uncertainty. Peachpit. (2013). http: //www.peachpit.com/articles/article.aspx?p=2036558