VISUALIZATION AND

DATA TOOLS
By: SEK SOCHEAT
Lecturer Artificial Intelligence
2023 – 2024
Mobile: 017 879 967 MSIT – AEU
Email: socheat.sek@gmail.com
 TABLE OF CONTENTS
Visualization and Data Tools

1. Introduction to Data Visualization

2. Overview of Visualization Tools

3. Practical Demonstration: Creating Visualizations

4. Best Practices in Data Visualization

5. Exercise and Solution: Data Visualization with Plotly

2
1. INTRODUCTION TO DATA VISUALIZATION
1. INTRODUCTION TO DATA VISUALIZATION
Introduction

What is Data Visualization?

• Definition and Purpose:
 Explanation of how data visualization is the graphical representation of
information and data.
 Discuss the purpose of visualizations in simplifying complex data sets to make
them easier to understand.
• Importance of Data Visualization:
 Highlight the role of visualizations in data analysis, making data-driven
decisions, and communicating insights effectively.

4
1. INTRODUCTION TO DATA VISUALIZATION
Introduction

Key Concepts:
• Types of Data:
 Quantitative Data: Numeric data representing quantities (e.g., sales numbers,
temperatures).
 Qualitative Data: Categorical data representing characteristics or attributes (e.g.,
names, labels).

• Types of Visualizations:
 Charts and Graphs: Bar charts, line graphs, pie charts, scatter plots, etc.
 Maps: Geographical visualizations like heat maps and choropleth maps.
 Infographics: Combination of visual elements to present data in an engaging manner.

5
2. OVERVIEW OF VISUALIZATION TOOLS
2. OVERVIEW OF VISUALIZATION TOOLS

Popular Visualization Tools

• Tableau: • Power BI:

• Features and Benefits: • Features and Benefits:
 User-friendly drag-and-drop interface.  Seamless integration with Microsoft products.
 Integration with various data sources.  Real-time data access and updates.
 Strong community support and extensive  Rich visualization options and customization.
resources.
• Examples of Visualizations: • Examples of Visualizations:
 Showcase a dashboard with multiple charts.  Business intelligence dashboard with key
 Interactive filters and visual elements. performance indicators (KPIs).

7
2. OVERVIEW OF VISUALIZATION TOOLS

Popular Visualization Tools

• Matplotlib and Seaborn (Python libraries): • D3.js (JavaScript library):

• Features and Benefits: • Features and Benefits:
 Highly customizable and versatile.  Allows creating complex, interactive
 Suitable for creating static, animated, and visualizations for the web.
interactive visualizations.  Extensive control over the final appearance
• Examples of Visualizations: and behavior.
 Matplotlib: Basic line plot with labels and • Examples of Visualizations:
grid.  Interactive scatter plot with zoom and pan
 Seaborn: Advanced heatmap with functionality.
annotations.

8
2. OVERVIEW OF VISUALIZATION TOOLS

Popular Visualization Tools

• Google Data Studio: • Plotly:

• Features and Benefits: • Features and Benefits:

 Free tool with integration to Google  Interactive visualizations that are easy to share and
embed.
services.
 Supports a wide range of chart types, including 3D
 Easy sharing and collaboration on reports. graphs.
 Integration with Python, R, MATLAB, and JavaScript.

• Examples of Visualizations: • Examples of Visualizations:

 Scatter Plots: Interactive scatter plots with hover info
 Customizable reports and dashboards using and zoom.
Google Analytics data.  3D Surface Plots: Visualize three-dimensional data in an
interactive format.

9
3. PRACTICAL DEMONSTRATION: CREATING
VISUALIZATIONS
3. PRACTICAL DEMONSTRATION: CREATING VISUALIZATIONS
Choosing the Right Tool for the Job and Hands-On Example with Tableau:

• Factors to Consider: • Hands-On Example with Tableau:

• Loading a Dataset:
• Data Size:
 Step-by-step guide to importing a sample CSV
Handle large datasets effectively (e.g., Power file into Tableau.
BI). • Creating a Simple Bar Chart:
 Drag and drop fields to create a bar chart.
• Complexity:  Customizing chart colors and labels.
Manage complex visualizations (e.g., D3.js). • Adding Filters and Interactive Elements:
 Adding interactive filters for user-driven
• Interactivity: analysis.
Need for interactive elements (e.g., Tableau).  Creating a dashboard combining multiple
visualizations.

11
3. PRACTICAL DEMONSTRATION: CREATING VISUALIZATIONS
Hands-On Example with Matplotlib (Python)

• Loading a Dataset:
• Customizing the Plot:
 Loading a Dataset:
 Adding labels, titles, and customizing the
import pandas as pd
appearance.
data = pd.read_csv('sample_data.csv')
• Example:
• Creating a Line Plot:
 Changing line color and style.
 Basic line plot code example.
import matplotlib.pyplot as plt  Adding grid lines.
plt.plot(data['Date'], data['Value'])
plt.xlabel('Date')
plt.ylabel('Value')
plt.title('Sample Line Plot')
plt.show()

12
4. BEST PRACTICES IN DATA VISUALIZATION
4. BEST PRACTICES IN DATA VISUALIZATION
Design Principles

• Clarity and Simplicity:

• Common Pitfalls:
 Avoid clutter and focus on the key message.
 Use clear and concise labels and legends. • Overloading with Information:
 Avoid excessive details that obscure the main
• Avoiding Misleading Visualizations:
insights.
 Ensure accurate representation of data.
 Avoid distortion through inappropriate • Poor Color Choices:
scaling.  Use colors to enhance readability and
• Choosing the Right Chart Type: accessibility.
 Match the chart type to the data type and • Misleading Scales or Axes:
analysis goal.
Examples:  Use appropriate scales to accurately represent
 Use bar charts for categorical data comparisons. data.
 Use line charts for time series data.

14
5. EXERCISE AND SOLUTION: DATA
VISUALIZATION WITH PLOTLY
5. EXERCISE AND SOLUTION
Data Visualization with Plotly

Objective:
You have been given a dataset of social media posts Tasks:
from various platforms. The dataset includes the Your task is to create the following visualizations
following columns:
using Plotly:
• platform: The social media platform (e.g., Twitter,
Facebook, Instagram).
• Bar Chart: Visualize the total number of likes,
• date: The date of the post. shares, and comments for each platform.
• likes: The number of likes the post received. • Line Chart: Show the trend of likes over time for
each platform.
• shares: The number of shares the post received.
• Scatter Plot: Display the relationship between
• comments: The number of comments the post likes and shares for each platform.
received.

16
5. EXERCISE AND SOLUTION
Data Visualization with Plotly

Explaination:
• Loading the Data: The data is loaded into a
Pandas DataFrame. The date column is
converted to a datetime format for accurate
plotting.
• Bar Chart: Only numerical columns (likes,
shares, comments) are selected for aggregation.
The data is grouped by the platform and
summed for these numerical columns. A bar
chart is created to visualize the total
interactions for each platform.
• Line Chart: A line chart is created to show the
trend of likes over time for each platform.
• Scatter Plot: A scatter plot is created to
display the relationship between likes and
shares for each platform.

17
 Thank You!
If you have any questions, please reach me!