Visualization Practices

CUED 7540: Learning Analytics III

Author

Abby Shoulders, afshoulder42@tntech.edu

Published

October 3, 2025

Learning Objectives

By the end of this lesson, you will be able to:

- Generate basic analytics plots using ggplot2.

- Customize plots for better data visualization.

- Interpret different types of visualizations to gain insights.

- Understand how to apply visualization to different data analysis tasks.

Part 1: Loading and Exploring Data**

Before we start creating plots, we need to load and inspect the datasets we’ll be working with. We’ll use a new dataset called educational_data.csv.

Task 1: Load the educational_data.csv dataset and inspect its structure. This will help you understand what variables you’re working with.

Reflect & Respond

Question 1: What Catches Your Eye? As you browse through the dataset, what stands out to you? Is there anything that piques your curiosity? Maybe a surprising trend or a pattern you didn’t expect?

  • [There does not seem to be a direct variation between the number of study hours and final exam scores. I expected the lower study hours to have lower final exam and quiz scores.]

Question 2: What Questions Do You Have? Is there something specific you’d like to dig deeper into? Think about what you might want to learn more about. Are there any relationships between variables you’re curious about?

  • [I would like to evaluate the correlation between attendance rate and final exam scores. I would expect there to be a positive correlation as attendance rate increases, I would suspect the final exam and quiz scores both increase. ]

Question 3: What’s Your Analytics Game Plan? How would you approach analyzing this dataset? What steps would you take to uncover the insights you’re interested in?

  • [To analyze this dataset, I would be interested to calculate the correlation between different variables and their relationship to the Final Exam Score. I would use scatterplots and lines of regression or “trendlines”. ]

Part 2: Visualizing Relationship and Scatter Plots

Scatter plots are useful for visualizing the relationship between two continuous variables. The gg in ggplot stands for “Grammar of Graphics,” which means we build plots in layers.

Scatter Plot

Task 2: Create a scatter plot to explore the relationship between Study_hours and Quiz_Score. This plot will help you visualize if there’s a correlation.

# Create a scatter plot of Study_hours vs. Quiz_Score with a regression line

ggplot(educational_data, aes(x = Study_Hours, y = Quiz_Score )) + # TYPE YOUR CODE. TWO VARIABLES HERE
  geom_point(color = "blue", size = 3, alpha = 0.6) +
  geom_smooth(method = "lm", color = "red", se = TRUE) +  # This line will add a linear regression line
  labs(title = "Scatter Plot of Study Hours vs. Quiz_Score", #UPDATE YOUR PLOT TITLES
       x = "Study Hours (Hours)",
       y = "Quiz_Score") +
  theme_minimal() +
  theme(
    plot.title = element_text(size = 16, face = "bold", hjust = 0.5),
    axis.title.x = element_text(size = 12, face = "bold"),
    axis.title.y = element_text(size = 12, face = "bold")
  )
`geom_smooth()` using formula = 'y ~ x'

Task 3: Now that we’ve visualized the relationship, let’s compute the correlation between the two variables to get a numerical value for their relationship. The use = "complete.obs" argument handles any missing values by only using the rows that have data for both variables.

# Compute the correlation
# COMPLETE YOUR CODE BELOW
correlation <- cor(educational_data$Study_Hours, educational_data$Quiz_Score, use = "complete.obs")

# Display the correlation
correlation
[1] -0.04308071

Reflect & Respond

Question: What does the correlation value tell you about the relationship between study hours and quiz scores?

  • [The correlation value of negative -0.04308071 indicates a very weak negative linear relationship between study hours and quiz scores. Since the value is very close to zero, it means there is almost no linear correlation. The negative sign means an inverse relationship exists. As the value of one variable increases the value of the other tends to decrease. This correlation value was surprising to me. ]

Activity: Customize the Scatterplot

# Create a scatterplot of 'Quiz_Score' vs 'Final_Exam_Score'
ggplot(educational_data, aes(x = Quiz_Score, y = Final_Exam_Score)) + #COMPLETE THE CODE
  geom_point(color = "red") +
  geom_smooth(method = "lm", color = "pink", se = TRUE) +
  labs(title = "Scatter plot of Quiz Score vs. Final Exam Score", x = "Quiz Score", y = "Final Exam Score")
`geom_smooth()` using formula = 'y ~ x'

Let’s customize the relationship between Quiz_Score and ‘Final_Exam_Score’.

  1. Change the size of the points to make them more prominent. You can also experiment with different shapes (e.g., circles, triangles, squares) Hint: add ‘size = 3, shape = 16’ inside geom_point(). Numbers can change.

  2. Add a linear regression line to your scatter plot to see the trend between variable 1 and variable 2. *Hint: Use geom_smooth()

  3. Update the title and the axis labels. Make the title bold and center it.

  4. Use facet_wrap() to create separate scatter plots based on Gender. *Hint:facet_wrap()

  5. Exercise with the {scatterplot-activity} chunk below.

# Create a scatterplot of 'Quiz_Score' vs 'Final_Exam_Score'
# COMPLETE THE CODE
ggplot(educational_data, aes(x = Quiz_Score, y = Final_Exam_Score)) +
  geom_point(color = "blue",size = 3, shape = 16) +
  labs(title = "Scatterplot of Quiz Score vs. Final Exam Score", x = "Quiz Score", y = "Final Exam Score")+
geom_smooth(method = "lm", color = "lightpink", se = FALSE)+
  theme(plot.title = element_text(size = 16, face = "bold", hjust = 0.5)) +
facet_wrap(~Gender)
`geom_smooth()` using formula = 'y ~ x'

Part 3: Histogram

Histograms are used to visualize the distribution of a single continuous variable. Let’s create a histogram of Homework_completion.

# TYPE YOUR CODE FOR THE X VARIABLE BELOW
ggplot(educational_data, aes(x = Homework_Completion )) +
  geom_histogram(binwidth = 5, fill = "blue", color = "black") +
  labs(title = "Histogram of Homework Completion", x = "Completion Time", y = "Frequency") #update your titles

Activity: Customize the Histogram

  1. Change the fill and color of the bars to something else. You can choose any colors you like! Use the link provided earlier for color options. color names

  2. Change the binwidth, and observe how the histogram changes. What happens if you set it to different numbers?

  3. Update the title and the x-axis to something that is relevant to your analytics.

  4. Apply the theme_minimal() and see how it changes the look of your plot. Try out other themes like theme_classic() or theme_dark(). *Hint - You can add +theme_minimal() at the end of the code line.

  5. Add a vertical line at the mean of the variable to highlight the average value. Use geom_vline(). The mean() function with na.rm = TRUE will ignore missing values.

  6. Use facet_wrap() to create separate scatterplots ffor a categorical variable like Gender. For example, if you want two scatterplots based on ‘Gender’ variable, the syntax is +facet_wrap(~Gender).

  7. Use the histogram-activity chunk below to practice.

# Customize the histogram of the 'Homework_completion' variable
# COMPLETE THE CODE
ggplot(educational_data, aes(x = Homework_Completion)) +
  geom_histogram(binwidth = 6, fill = "yellow", color = "green") + 
  labs(title = "Histogram of Homework Completion", x = "completion", y = "Frequency")+
theme(plot.title = element_text(size = 16, face = "bold", hjust = 0.5))+
  theme_dark()+
  geom_vline(aes(xintercept = mean(Homework_Completion, na.rm = TRUE)),
           color = "red", linetype = "dashed", size = 1) +
  facet_wrap(~Gender)
Warning: Using `size` aesthetic for lines was deprecated in ggplot2 3.4.0.
ℹ Please use `linewidth` instead.

Part 4: Exploring Grouped Data with Box Plots

Boxplots are useful for visualizing the distribution of a variable across different categories and identifying potential outliers.

Box Plot

Let’s create a box plot of Homework_Completionby Gender.

# Create a boxplot of 'Homework_Completion' by 'Gender'
# COMPLETE THE CODE
ggplot(educational_data, aes(x = Gender, y = Homework_Completion, fill = Gender)) +
  geom_boxplot() +
  labs(title = "Boxplot of Homework Completion and Gender", x = "Gender", y = "Homework Completion")

Activity: Customize the Boxplot

  1. Change the fill colors for the boxes.

  2. Add color = “black” (or some other color) to the geom_boxplot() to set the color of the box outlines.

  3. Update the title and the y-axis label properly. Make the title bold and center it. **Hint: ** Add +theme(plot.title = element_text(size = 16, face = "bold", hjust = 0.5))

  4. Customize the outliers by changing their shape and color. For example, make outliers larger and red by adding +geom_boxplot(outlier.colour = "red", outlier.shape = 16, outlier.size = 3)

  5. Use the boxplot-activity chunk below to practice.

# Create a boxplot of 'Homework_Completion' by 'Gender'
# COMPLETE THE CODE
ggplot(educational_data, aes(x = Gender, y = Homework_Completion, fill = Gender)) +
  geom_boxplot(fill = "lightblue", color = "purple", outlier.colour = "red", outlier.shape = 16, outlier.size = 3) +
  labs(title = "Boxplot of Homework Completion and Gender", x = "Gender", y = "Homework Completion")+
  theme(plot.title = element_text(size = 16, face = "bold", hjust = 0.5))+
  theme(legend.position = "none")

Part 5: Counting Categories with Bar Plots

Bar plots can display the counts of different categories in your data.

Task 5: Visualize the count of students by Gender.

# Create a bar plot of counts of 'Gender'
# COMPLETE THE CODE BELOW
ggplot(educational_data, aes(x = Gender )) +
  geom_bar(fill = "green", color = "black") +
  labs(title = "Bar Plot", x = "Gender", y = "Count")

Activity: Customize the Bar Plot

  1. Change the fill color of the bars.

  2. Change the width of the bars by using the width parameter inside geom_bar(). (i.e., width = 0.5)

  3. Update the title and the y-axis labels to be descriptive. Make the title bold and center it.

  4. Use the barplot-activity chunk below to practice.

# Create a bar plot of counts of 'Gender'
# COMPLETE THE CODE
ggplot(educational_data, aes(x = Gender)) +
  geom_bar(width = 0.5, fill = "pink", color = "black") +
  labs(title = "Bar Plot of Gender Counts", x = "Gender", y = "Count")+
  geom_bar(aes(fill = Gender), color = "black") +
  theme(axis.text.x = element_text(angle = 90, hjust = 1))+
scale_fill_manual(values = c("F" = "blue", "M" = "orange"))+
  theme(plot.title = element_text(size = 16, face = "bold", hjust = 0.5))

Final Reflection : How can we use LA in instructional design and decision?

After practicing the basic analysis and visualization techniques for the past couple of weeks, take some time to reflect on how these skills can be applied in the real world.

  1. Consider the role of an educator, instructional designer, curriculum developer, policymaker, etc. How might the ability to analyze and visualize data help you make informed decisions, improve learning outcomes, or design more effective educational experiences? Think broadly about the implications of these skills in your current or future professional context, and share your thoughts on how data-driven insights could enhance your work.
  • [The ability to analyze and visualize data would help in my role as a physical education teacher by allowing me to track student progress, provide real-time feedback and design personalized training. Data would allow me to use visuals to identify trends and make data-driven decisions for improved performance and lifelong health. Data-driven insights will hopefully enhance my future physical education instruction by improving student engagement, promoting healthier student lives, and making more comprehensive evaluations. These data-driven insights would also help me identify individual needs, differentiate instruction and track long term progress.Another advantage of using data in the classroom would also increase student accountability and motivation and help students understand the benefits of a healthy lifestyle. My ultimate goal as a PE teacher is to encourage behaviors that promote lifelong fitness.]

Render & Submit

Congratulations, you’ve completed the module!

To receive full score, you will need to render this document and publish via a method such as: Quarto Pub, Posit Cloud, RPubs , GitHub Pages, or other methods. Once you have shared a link to you published document with me and I have reviewed your work, you will be officially done with the current module.

Complete the following steps to submit your work for review by:

  1. First, change the name of the author: in the YAML header at the very top of this document to your name. The YAML header controls the style and feel for knitted document but doesn’t actually display in the final output.

  2. Next, click the “Render” button in the toolbar above to “render” your R Markdown document to a HTML file that will be saved in your R Project folder. You should see a formatted webpage appear in your Viewer tab in the lower right pan or in a new browser window. Let me know if you run into any issues with rendering.

  3. Finally, publish. To do publish, follow the step from the link

If you have any questions about this module, or run into any technical issues, don’t hesitate to contact me.

Once I have checked your link, you will be notified!