Information visualization uses interactive visual representations to help make sense of large amounts of data. It can help discover patterns, communicate information more effectively, and facilitate exploration and understanding. The visualization process involves gathering and cleaning data, applying visual encodings like size, color and position, and designing for interactivity and usability testing. Key principles include using common sense, avoiding misleading visuals, and leveraging human perceptual strengths through techniques like Gestalt grouping laws.
Visualisation: VALA 2014 L Plate sessionKate Davis
* Apologies for graininess - high res slides coming soon!
This is a presentation I gave at VALA 2014 on visualisation for the L Plate series, which provides introductory material on a range of topics.
All images in this presentation (aside from examples) were sourced from the fabulous thenounproject.com. Note I've named the images with a word that makes sense in relation to this presentation.
The following images were made available under a Creative Commons License:
Speech bubbles: http://www.thenounproject.com/term/conversation/15131/
Mona Lisa: http://www.thenounproject.com/term/artwork/14921/
Infographic: http://www.thenounproject.com/term/infographic/16380/
Visualisation: http://www.thenounproject.com/term/network/21268/
Meditation: http://www.thenounproject.com/term/meditation/17964/
Website design: http://www.thenounproject.com/term/layout/20871/
Scribble: http://www.thenounproject.com/term/scribble/15612/
Line: http://www.thenounproject.com/term/line/19712/
Shrug: http://www.thenounproject.com/term/shrug/28813/
Confused: http://www.thenounproject.com/term/confused/17355/
Thought bubble: http://www.thenounproject.com/term/thought-bubble/14958/
Light bulb: http://www.thenounproject.com/term/light-bulb/15217/
(Thought bubble and light bulb combined for 'visual thinking')
Globe: http://www.thenounproject.com/term/globe/17543/
Shared interest: http://thenounproject.com/term/shared-interest/10722/
Play: http://www.thenounproject.com/term/play/2873/
Eye: http://www.thenounproject.com/term/eye/6335/
Scratch head: http://thenounproject.com/term/headache/9148/
Open access: http://thenounproject.com/term/unlock/13480/
Book: http://thenounproject.com/term/book/2574/
Unlinked network: http://thenounproject.com/term/social-network/25481/
Plus: http://thenounproject.com/term/plus/2190/
Polaroid pictures: http://thenounproject.com/term/photos/29898/
Notepad: http://thenounproject.com/term/notepad/8155/
Mindmap: http://www.thenounproject.com/term/mindmap/16897/
Laptop: http://www.thenounproject.com/term/laptop/17272/
Dog: http://www.thenounproject.com/term/dog/12697/
Questions: http://www.thenounproject.com/term/question/5742/
Other images sourced from thenounproject.com are in the public domain.
Examples and videos used in this presentation are available at:
20th Century Death: http://www.informationisbeautiful.net/visualizations/20th-century-death/
200 countries, 200 years, 4 minutes: http://www.gapminder.org/videos/200-years-that-changed-the-world-bbc/
13 reasons why your brain craves info graphics: http://neomam.com/interactive/13reasons/
The digital lives of American moms: http://www.nielsen.com/us/en/newswire/2012/digital-lives-of-american-moms.html
Introduction to information visualisation for humanities PhDsMia
Training workshop for the CHASE Arts and Humanities in the Digital Age programme. (
This session will give you an overview of a variety of techniques and tools available for data visualisation and analysis in the humanities. You will learn about common types of visualisations and the role of exploratory and explanatory visualisations, explore examples of scholarly visualisations, try some visualisation tools, and know where to find further information about analysing and building data visualisations.
Presentation made at the RLUK "Introduction to the European library" event September 2013 (http://www.rluk.ac.uk/content/rluk-introduction-european-library-24-sep-2013). Introduces linked data, hack days, and gives examples of applications built at hack days and similar events/initiatives using library data
Visualisation: VALA 2014 L Plate sessionKate Davis
* Apologies for graininess - high res slides coming soon!
This is a presentation I gave at VALA 2014 on visualisation for the L Plate series, which provides introductory material on a range of topics.
All images in this presentation (aside from examples) were sourced from the fabulous thenounproject.com. Note I've named the images with a word that makes sense in relation to this presentation.
The following images were made available under a Creative Commons License:
Speech bubbles: http://www.thenounproject.com/term/conversation/15131/
Mona Lisa: http://www.thenounproject.com/term/artwork/14921/
Infographic: http://www.thenounproject.com/term/infographic/16380/
Visualisation: http://www.thenounproject.com/term/network/21268/
Meditation: http://www.thenounproject.com/term/meditation/17964/
Website design: http://www.thenounproject.com/term/layout/20871/
Scribble: http://www.thenounproject.com/term/scribble/15612/
Line: http://www.thenounproject.com/term/line/19712/
Shrug: http://www.thenounproject.com/term/shrug/28813/
Confused: http://www.thenounproject.com/term/confused/17355/
Thought bubble: http://www.thenounproject.com/term/thought-bubble/14958/
Light bulb: http://www.thenounproject.com/term/light-bulb/15217/
(Thought bubble and light bulb combined for 'visual thinking')
Globe: http://www.thenounproject.com/term/globe/17543/
Shared interest: http://thenounproject.com/term/shared-interest/10722/
Play: http://www.thenounproject.com/term/play/2873/
Eye: http://www.thenounproject.com/term/eye/6335/
Scratch head: http://thenounproject.com/term/headache/9148/
Open access: http://thenounproject.com/term/unlock/13480/
Book: http://thenounproject.com/term/book/2574/
Unlinked network: http://thenounproject.com/term/social-network/25481/
Plus: http://thenounproject.com/term/plus/2190/
Polaroid pictures: http://thenounproject.com/term/photos/29898/
Notepad: http://thenounproject.com/term/notepad/8155/
Mindmap: http://www.thenounproject.com/term/mindmap/16897/
Laptop: http://www.thenounproject.com/term/laptop/17272/
Dog: http://www.thenounproject.com/term/dog/12697/
Questions: http://www.thenounproject.com/term/question/5742/
Other images sourced from thenounproject.com are in the public domain.
Examples and videos used in this presentation are available at:
20th Century Death: http://www.informationisbeautiful.net/visualizations/20th-century-death/
200 countries, 200 years, 4 minutes: http://www.gapminder.org/videos/200-years-that-changed-the-world-bbc/
13 reasons why your brain craves info graphics: http://neomam.com/interactive/13reasons/
The digital lives of American moms: http://www.nielsen.com/us/en/newswire/2012/digital-lives-of-american-moms.html
Introduction to information visualisation for humanities PhDsMia
Training workshop for the CHASE Arts and Humanities in the Digital Age programme. (
This session will give you an overview of a variety of techniques and tools available for data visualisation and analysis in the humanities. You will learn about common types of visualisations and the role of exploratory and explanatory visualisations, explore examples of scholarly visualisations, try some visualisation tools, and know where to find further information about analysing and building data visualisations.
Presentation made at the RLUK "Introduction to the European library" event September 2013 (http://www.rluk.ac.uk/content/rluk-introduction-european-library-24-sep-2013). Introduces linked data, hack days, and gives examples of applications built at hack days and similar events/initiatives using library data
In this slide I look at a theory of how manufacturing urgency is essential for mobilizing audiences for campaigns. I also show a formula i've come up with for achieving this urgency.
https://www.apm.fr/
Presentation pour l'APM (association pour le progrés du Management) tenue a Marseille, France, Octobre 2013. "L’Apm est une association internationale de dirigeants d’entreprise qui s’engagent à se perfectionner dans le but de faire progresser durablement leur entreprise."
http://cesarharada.com
contact@cesarharada.com
http://www.thelavinagency.com/speaker-cesar-harada.html
VU University Amsterdam: Web & Media Group MSc ProjectsLora Aroyo
For the school year 2013-2014 this is an overview of the MSc projects Web & Media group offers. For more info email us at: web-media-master-l@few.vu.nl
An overview of and introduction to the concept of data sonification as a potential resources for creating accessible views of data online. A presentation for the University of Michigan Web Accessibility Working Group.
Beyond Usable | Mapping Emotion to ExperienceKelly Goto
Addiction or devotion? The complexity of our relationships between connected experiences, devices and people is increasing. Design ethnographer Kelly Goto presents underlying emotional indicators that reveal surprising attachments to brands, products, services and devices. Move past addiction and into meaning — using contextual research and Why-Finding methods to understand the connections and disconnects between your customer and the products they love.
The Technological Singularity is a future point in time when technology will rapidly improve itself to surpass human intelligence, changing human life as we know it. In this report, the following topics are covered:
What is the Singularity?
How is it predicted?
What are its implications?
What does it mean for human evolution?
What when it happens: Utopia or doom?
Beginnings of the Singularity
Questions that arise
My talk regarding measuring reader engagement through the use of physiological sensors at the one hand, and visualizing this information at the LICT workshop on "Information Processing in Social Media"
Visualisation - techniques, interaction dynamics, big dataJoris Klerkx
Module 3 - cursus Big Data - Visualisation - deel 2
Instituut voor Permanente Vorming
Various visualisation techniques
(adapted from Heer, J., Bostock, M., & Ogievetsjy, V. (2010, May). A Tour through the Visualization Zoo - A survey of powerful visualisation techniques, from the obvious to the obscure. ACM Graphics , 8 (5), https://queue.acm.org/detail.cfm?id=1805128 )
Various interaction techniques
(adapted from Heer, J., & Shneiderman, B. (2012, February). Interactive Dynamics for Visual Analysis. Magazine Queue - Microprocessors , 10 (2), p. 30. http://queue.acm.org/detail.cfm?id=2146416 )
Big data to big to visualize?
Introduction to the course at the KU Leuven on fundamentals of human computer interaction - http://onderwijsaanbod.kuleuven.be/syllabi/n/G0Q55AN.htm#activetab=doelstellingen_idp1326000
Bring your own idea - Visual learning analyticsJoris Klerkx
Workshop on visual learning analytics that was part of LASI 2014 - http://www.solaresearch.org/events/lasi-2/lasi2014/
Examples of learning dashboards were presented during the workshop by Sven Charleer:
http://www.slideshare.net/svencharleer/learning-dashboard-visual-learning-analytics-workshop-lasi2014-h-harvard
Operation “Blue Star” is the only event in the history of Independent India where the state went into war with its own people. Even after about 40 years it is not clear if it was culmination of states anger over people of the region, a political game of power or start of dictatorial chapter in the democratic setup.
The people of Punjab felt alienated from main stream due to denial of their just demands during a long democratic struggle since independence. As it happen all over the word, it led to militant struggle with great loss of lives of military, police and civilian personnel. Killing of Indira Gandhi and massacre of innocent Sikhs in Delhi and other India cities was also associated with this movement.
2024.06.01 Introducing a competency framework for languag learning materials ...Sandy Millin
http://sandymillin.wordpress.com/iateflwebinar2024
Published classroom materials form the basis of syllabuses, drive teacher professional development, and have a potentially huge influence on learners, teachers and education systems. All teachers also create their own materials, whether a few sentences on a blackboard, a highly-structured fully-realised online course, or anything in between. Despite this, the knowledge and skills needed to create effective language learning materials are rarely part of teacher training, and are mostly learnt by trial and error.
Knowledge and skills frameworks, generally called competency frameworks, for ELT teachers, trainers and managers have existed for a few years now. However, until I created one for my MA dissertation, there wasn’t one drawing together what we need to know and do to be able to effectively produce language learning materials.
This webinar will introduce you to my framework, highlighting the key competencies I identified from my research. It will also show how anybody involved in language teaching (any language, not just English!), teacher training, managing schools or developing language learning materials can benefit from using the framework.
The French Revolution, which began in 1789, was a period of radical social and political upheaval in France. It marked the decline of absolute monarchies, the rise of secular and democratic republics, and the eventual rise of Napoleon Bonaparte. This revolutionary period is crucial in understanding the transition from feudalism to modernity in Europe.
For more information, visit-www.vavaclasses.com
June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...Levi Shapiro
Letter from the Congress of the United States regarding Anti-Semitism sent June 3rd to MIT President Sally Kornbluth, MIT Corp Chair, Mark Gorenberg
Dear Dr. Kornbluth and Mr. Gorenberg,
The US House of Representatives is deeply concerned by ongoing and pervasive acts of antisemitic
harassment and intimidation at the Massachusetts Institute of Technology (MIT). Failing to act decisively to ensure a safe learning environment for all students would be a grave dereliction of your responsibilities as President of MIT and Chair of the MIT Corporation.
This Congress will not stand idly by and allow an environment hostile to Jewish students to persist. The House believes that your institution is in violation of Title VI of the Civil Rights Act, and the inability or
unwillingness to rectify this violation through action requires accountability.
Postsecondary education is a unique opportunity for students to learn and have their ideas and beliefs challenged. However, universities receiving hundreds of millions of federal funds annually have denied
students that opportunity and have been hijacked to become venues for the promotion of terrorism, antisemitic harassment and intimidation, unlawful encampments, and in some cases, assaults and riots.
The House of Representatives will not countenance the use of federal funds to indoctrinate students into hateful, antisemitic, anti-American supporters of terrorism. Investigations into campus antisemitism by the Committee on Education and the Workforce and the Committee on Ways and Means have been expanded into a Congress-wide probe across all relevant jurisdictions to address this national crisis. The undersigned Committees will conduct oversight into the use of federal funds at MIT and its learning environment under authorities granted to each Committee.
• The Committee on Education and the Workforce has been investigating your institution since December 7, 2023. The Committee has broad jurisdiction over postsecondary education, including its compliance with Title VI of the Civil Rights Act, campus safety concerns over disruptions to the learning environment, and the awarding of federal student aid under the Higher Education Act.
• The Committee on Oversight and Accountability is investigating the sources of funding and other support flowing to groups espousing pro-Hamas propaganda and engaged in antisemitic harassment and intimidation of students. The Committee on Oversight and Accountability is the principal oversight committee of the US House of Representatives and has broad authority to investigate “any matter” at “any time” under House Rule X.
• The Committee on Ways and Means has been investigating several universities since November 15, 2023, when the Committee held a hearing entitled From Ivory Towers to Dark Corners: Investigating the Nexus Between Antisemitism, Tax-Exempt Universities, and Terror Financing. The Committee followed the hearing with letters to those institutions on January 10, 202
Model Attribute Check Company Auto PropertyCeline George
In Odoo, the multi-company feature allows you to manage multiple companies within a single Odoo database instance. Each company can have its own configurations while still sharing common resources such as products, customers, and suppliers.
Unit 8 - Information and Communication Technology (Paper I).pdfThiyagu K
This slides describes the basic concepts of ICT, basics of Email, Emerging Technology and Digital Initiatives in Education. This presentations aligns with the UGC Paper I syllabus.
Acetabularia Information For Class 9 .docxvaibhavrinwa19
Acetabularia acetabulum is a single-celled green alga that in its vegetative state is morphologically differentiated into a basal rhizoid and an axially elongated stalk, which bears whorls of branching hairs. The single diploid nucleus resides in the rhizoid.
Biological screening of herbal drugs: Introduction and Need for
Phyto-Pharmacological Screening, New Strategies for evaluating
Natural Products, In vitro evaluation techniques for Antioxidants, Antimicrobial and Anticancer drugs. In vivo evaluation techniques
for Anti-inflammatory, Antiulcer, Anticancer, Wound healing, Antidiabetic, Hepatoprotective, Cardio protective, Diuretics and
Antifertility, Toxicity studies as per OECD guidelines
A Strategic Approach: GenAI in EducationPeter Windle
Artificial Intelligence (AI) technologies such as Generative AI, Image Generators and Large Language Models have had a dramatic impact on teaching, learning and assessment over the past 18 months. The most immediate threat AI posed was to Academic Integrity with Higher Education Institutes (HEIs) focusing their efforts on combating the use of GenAI in assessment. Guidelines were developed for staff and students, policies put in place too. Innovative educators have forged paths in the use of Generative AI for teaching, learning and assessments leading to pockets of transformation springing up across HEIs, often with little or no top-down guidance, support or direction.
This Gasta posits a strategic approach to integrating AI into HEIs to prepare staff, students and the curriculum for an evolving world and workplace. We will highlight the advantages of working with these technologies beyond the realm of teaching, learning and assessment by considering prompt engineering skills, industry impact, curriculum changes, and the need for staff upskilling. In contrast, not engaging strategically with Generative AI poses risks, including falling behind peers, missed opportunities and failing to ensure our graduates remain employable. The rapid evolution of AI technologies necessitates a proactive and strategic approach if we are to remain relevant.
4. Information Visualisation is the use of interactive
visual representations to amplify cognition [Card. et. al]
Monday 30 September 13
5. Anscombe’s quartet
uX = 9.0
uY = 7.5
sigma X = 3.317
sigma Y = 2.03
Y = 3 + 0.5X
Discover patterns in the data
http://en.wikipedia.org/wiki/Anscombe's_quartet
Monday 30 September 13
6. Communicate data
World Population Growth
At the dawn of agriculture, about 8000 B.C., the population of the world was approximately 5 million. Over the 8,000-year period up to 1 A.D. it
grew to 200 million (some estimate 300 million or even 600, suggesting how imprecise population estimates of early historical periods can be),
with a growth rate of under 0.05% per year.
A tremendous change occurred with the industrial revolution: whereas it had taken all of human history until around 1800 for world population
to reach one billion, the second billion was achieved in only 130 years (1930), the third billion in less than 30 years (1959), the fourth billion in
15 years (1974), and the fifth billion in only 13 years (1987). During the 20th century alone, the population in the world has grown from
1.65 billion to 6 billion.
Monday 30 September 13
7. Tell the story behind the data
Will there be enough food?
Communicate data
http://www.footprintnetwork.org/en/index.php/gfn/page/earth_overshoot_day/
Monday 30 September 13
8. Facilitate human interaction for exploration and
understanding
World Population Growth
http://www.bbc.co.uk/news/world-15391515
Monday 30 September 13
9. What are the stories behind the data?
Monday 30 September 13
14. Humans have advanced perceptual abilities
Our brains makes us extremely good at recognizing visual patterns
Monday 30 September 13
15. Humans have little short term memory
Our brain remembers relatively little of what we perceive
http://www.youtube.com/watch?v=OVlJv7ZkvGA
Monday 30 September 13
16. Real data is ugly and needs to be cleaned
http://nieuws.vtm.be/verkiezingen/gemeente?province=P1&city=G73
http://www.netmagazine.com/features/seven-dirty-secrets-data-visualisation
https://code.google.com/p/google-refine/
http://vis.stanford.edu/wrangler/
Pre-process your data
Monday 30 September 13
17. Forget about 3D graphs
Occlusion
Complex to interact with
Doesn’t add anything
Monday 30 September 13
18. Size & angle are not pre-attentive: difficult to compare
Limited Short term (visual) memory
Save the pies for dessert (S.Few)
Which student has more blogposts?
Monday 30 September 13
22. 0" 10" 20" 30" 40" 50" 60"
Student"1"
Student"2"
Student"3"
Student"4"
blogposts"
tweets"
comments"on"blogs"
reports"submi:ed"
0%# 20%# 40%# 60%# 80%# 100%#
Student#1#
Student#2#
Student#3#
Student#4#
blogposts#
tweets#
comments#on#blogs#
reports#submi;ed#
What/how are you comparing?
What story do you get from it?
Use common sense
Monday 30 September 13
24. Coordinated graphs
Provides actual values
Choose correct graph
www.perceptualedge.com/articles/misc/Graph_Selection_Matrix.pdf
Monday 30 September 13
25. http://www.perceptualedge.com/
Which graph makes it easier to focus on the pattern of change through
time, instead of the individual values?
Choose graph that answers your questions
about your data
Monday 30 September 13
33. Step 1: Gather your dataset
“where” “when’’ “how much” “how often” (“why”)
Who are your intended users?
Formulate questions you have
Monday 30 September 13
34. Step 2: Gather the dataset
eg. open data, census.gov, NY Times API, etc
Define the characteristics of the data
Time? hierarchical? 1D? 2D? nD? network data?
Quantitive, ordinal, categorical?
S. Stevens “On the theory of scales and measurements” (1946)
Monday 30 September 13
35. Encode data characteristics into visual form
Step 3: Apply a visual mapping
Simplicity is the ultimate sophistication.
Leonardo da Vinci
Each mark (point, line, are, ...) represents a data element
Think about relationships between elements
Monday 30 September 13
37. used for identifying patterns & anomalies in big datasets
Colors
Color Principles - Hue, Saturation, andValue
Use maximum +/- 5 colors (for categories,.. )
Use colorbrewer2.org to select appropriate color scheme
Monday 30 September 13
39. ¡ Law
of
Proximity
The closer objects are to each other,
the more likely they are to be
perceived as a group (Ehrenstein,
2004)
¡ Law
of
Symmetry
Objects must be balanced or symmetrical
to be seen as complete or whole (Chang,
2002).
Gestalt Principles
http://www.slideshare.net/chelsc/gestalt-laws-and-design-presentation
Eg. Students interest
Monday 30 September 13
40. ¡ Law
of
Similarity
Objects that are similar, with like
components or attributes are more
likely to be organised together
(Schamber, 1986).
Objects are viewed in vertical rows because
of their similar attributes.
¡ Law
of
Common
Fate
Objects with a common movement, that move
in the same direction, at the same pace , at the
same time are organised as a group
(Ehrenstein, 2004).
Gestalt Principles
http://www.slideshare.net/chelsc/gestalt-laws-and-design-presentation
Monday 30 September 13
41. ¡ Law
of
Continuation
Objects will be grouped as a whole if
they are co-linear, or follow a direction
(Chang, 2002; Lyons, 2001).
¡ Law
of
Isomorphism
Is similarity that can be behavioural or
perceptual, and can be a response based
on the viewers previous experiences
(Luchins & Luchins, 1999; Chang, 2002).
This law is the basis for symbolism
(Schamber, 1986).
There are more!
Gestalt Principles
http://www.slideshare.net/chelsc/gestalt-laws-and-design-presentation
Monday 30 September 13
45. Offer precise controls for sharing on the Internet...
Users should navigate through 50 settings with more than 170 options
Example
Facebook privacy statement
Questions?
How did its complexity change over time?
How does its length compare to privacy statements
of other tools?
Monday 30 September 13
46. How did its complexity change over time?
http://www.nytimes.com/interactive/2010/05/12/business/facebook-privacy.html
Monday 30 September 13
47. How does its length compare to privacy statements
of other tools?
http://www.nytimes.com/interactive/2010/05/12/business/facebook-privacy.html
Monday 30 September 13
49. Example:
What will the weather be today?
http://www.visualisingdata.com/index.php/2012/07/partly-cloudy-weather-app/
Monday 30 September 13
50. Step 3: Apply a visual mapping to your dataset
e.g. sketch on paper
Step 4: Think about interaction of visualisation app
e.g. what kind of filtering mechanisms?
Monday 30 September 13
51. Build Usable & Useful Visualisations
Step 5: How to evaluate visualisations?
How to measure if your visualization amplifies
cognition?
Monday 30 September 13
52. TimeRapid Prototyping
Iteration 1
...
Iteration 2 Iteration 3 Iteration N
• Design focus on usefulness & usability
• Evaluate ideas in short iteration cycles
• with real users
• Evaluate in real-life settings
• with real users
52
Monday 30 September 13
55. Humans have advanced perceptual abilities
Our brains makes us extremely good at recognizing visual patterns
Humans have little short term memory
Our brains remember relatively little of what we perceive
Make Use of Gestalt principles
Make it interactive, provide visual help
Monday 30 September 13
58. FURTHER READINGS
• “Readings in InformationVisualization: UsingVision toThink”,
Card, S et al
• “Now i see”,“Show Me the Numbers”, Few, S.
• “Beautiful Evidence”,Tufte, E.
• “InformationVisualization. Perception for design”,Ware, C.
• BeautifulVisualization: Looking at Data through the Eyes of
Experts (Theory in Practice): Julie Steele, Noah Iliinsky
Monday 30 September 13