Dasar-Dasar Komputasi | Magister Teknik Sistem | FT UGM | Semester II 2021/2022
Kuliah 1b
DATA
VISUALIZATION
Joko Wintoko
Departemen Teknik Kimia, FT, UGM
jwintoko@[Link]
[Link]
The importance of data visualization
• 90% of the information transmitted to the brain is visual
• Humans process images 60,000 times faster than text
• 70% of our sensory receptors are in our eyes
• 65% of people are visual learners
In short, visual data is easier to remember than words.
new_cas
new_cas es_smoo
location date total_cases es thed
Indonesia 1/21/2022 4280248 2604 1501.143
Indonesia 1/22/2022 4283453 3205 1808.429
Indonesia 1/23/2022 4286378 2925 2104.143
Indonesia 1/24/2022 4289305 2927 2412
Indonesia 1/25/2022 4294183 4878 2914.286
Indonesia 1/26/2022 4301193 7010 3666.429
Indonesia 1/27/2022 4309270 8077 4518
Indonesia 1/28/2022 4319175 9905 5561
Indonesia 1/29/2022 4330763 11588 6758.571
Indonesia 1/30/2022 4343185 12422 8115.286
Indonesia 1/31/2022 4353370 10185 9152.143
Indonesia 2/1/2022 4369391 16021 10744
Indonesia 2/2/2022 4387286 17895 12299
Indonesia 2/3/2022 4414483 27197 15030.43
Indonesia 2/4/2022 4446694 32211 18217
Indonesia 2/5/2022 4480423 33729 21380
Visualization Goals
• Answer question
• Make decisions
• See data in context
• Support graphical calculation
• Find patterns
• Present argument or tell a story
• Inspire
Three functions of visualization
• Record: store information
• Analyze: support reasoning about information
• Communicate: convey information to others
What chart type will display your data
efficiently?
• Each chart type is suited to telling a difference stody.
• Common chart type include:
• Pie charts
• Bar graphs
• Line graphs
• Scatter graphs
• Bubble graphs
• Heat maps
Graphs allow you to show
• Trends
• Patters
• Exceptions
Pie Charts
• Perfect for displaying proportions and percentages in a part-to-whole
relationship.
• Pie chart tips:
• Limit the number of categories to 5 or less
• Clearly label the percentages to avoid misinterpretation of the segment size
• Order slices so that they are quickly understood
• Avoid the use of 3D pie charts, the make the data more difficult to understand
Clearly label the percentages to avoid misinterpretation of
Limit the number of categories to 5 or less
the segment size
Avoid the use of 3D pie charts, the make the data more Order slices so that they are quickly understood
difficult to understand
Bar Graphs
• Use bar graphs to show groups comparison. They can be either
horizontal or vertical.
• Bar graphs tips
• Always start value axis at zero
• Use a consistent scale
Always start value axis at zero Use a consistent scale
Line Graps
• A line graphs uses a line to show time series relationships of
continuous data. They are great for showing trends and changes over
time.
• Line graphs tips:
• Use a maximum of 4 lines when comparing
• Use solid lines and not dotted lines
• Label each line separately
• Use a correct scale for the graphs
Use solid lines and not dotted lines
Use a maximum of 4 lines when comparing
Use solid lines and not dotted lines Use a correct scale for the graphs
Scatter Graphs
• Scatter graphs can be used to show the relationship between two
variables. Perfect to use for large data sets such as population or
epidemiology studies.
• Scatter data tips:
• Use lines to show trends & relationships
• Use as few lines as possible
• Always start with the Y-axis at 0
• Be wary of creating a non-existent cause-effect relationship
Use as few lines as possible
Use lines to show trends & relationships
Always start with the Y-axis at 0 Be wary of creating a non-existent cause-effect
relationship
Bubble Graphs
• Bubble graphs can be used to show 2, 3, or 4 variables on the same
graphs.
• By using different size or color of bubbles, a bubble graph can show
relationships between data in a very clear manner.
• Bubble graph tips:
• Use simple shapes. Circles work best
• Size bubbles appropriately.
• Use clear and visible labels
Size bubbles appropriately
Use simple shapes. Circles work best
Use clear and visible labels
Heat Maps
• Heat maps are great for showing geographical or complex data. By
using different shades of color, comparison can be clearly shown.
• Heat map tips:
• Use simple color gradients
• Keep patterns to a minimal
• Use clear map boundaries
Keep patterns to a minimal
Use simple color gradients
Use clear map boundaries
References
• [Link]
• [Link]
