The Complete Guide to Line Charts with Matplotlib: Unleash the Power of Visual Storytelling
Written by : Ziyad Syauqi Fawazzi
Imagine you’re a tour guide leading a group through a dense forest. To keep everyone on track, you use a trail map with a plotted path. The path guides you through twists and turns, allowing you to visualize the journey ahead.
In the world of data visualization, line charts serve as our trusty trail map, helping us navigate complex datasets and uncover meaningful insights. In this comprehensive guide, we will deep dive into line charts using Matplotlib, a popular data visualization library in Python. We will not only learn how to create stunning line charts but also explore how to weave a captivating story using this versatile visualization tool.
Understanding Line Charts
Line charts are like the heartbeat of data, pulsing with insights and revealing patterns over time. Line charts providing a visual representation of how data points connect over a continuous axis. They are perfect for illustrating trends, patterns, and changes over time or any ordered series of data. Before we start creating line charts, let’s set up our environment by importing Matplotlib and preparing our data.
import matplotlib.pyplot as plt# Sample data
x = [1, 2, 3, 4, 5]
y = [10, 15, 7, 12, 9]In this example, we have two lists: x represents the x-axis values, and y represents the corresponding y-axis values. Now, let's embark on our line charting adventure!
Creating a Basic Line Chart
To create a basic line chart, we simply need to plot our data points using the plt.plot() function.
plt.plot(x, y)
plt.show()This code will generate a line chart, connecting the data points (1, 10), (2, 15), (3, 7), (4, 12), and (5, 9). The plt.show() function displays the chart for us to admire.
Yeeah !! your first plot is here!
Adding Style and Personality
Now, let’s imagine our line chart as a painting on a canvas. We can add colors, markers, and lines to infuse personality into our visual masterpiece. Let’s spruce up our line chart using various customization options.
plt.plot(x, y, marker='o', linestyle='--', color='b', label='Data')
plt.title('Journey of Data')
plt.xlabel('X-axis')
plt.ylabel('Y-axis')
plt.legend()
plt.grid(True)
plt.show()
Personalized Line Chart
In this code, we have introduced several new elements:
marker='o'adds circular markers to our data points, making them stand out on our chart.linestyle='--'specifies a dashed line style, adding a touch of flair to our visual journey.color='b'sets the line color to blue, reminiscent of a tranquil sky.label='Data'assigns a label to our line, allowing us to create a legend for multiple lines.plt.title(),plt.xlabel(), andplt.ylabel()add a title, x-axis label, and y-axis label, respectively, providing context to our narrative.plt.legend()creates a legend to identify different elements of our chart.plt.grid(True)adds a grid to aid in reading and interpreting our data points.
Crafting a Story with Line Charts : Sales Performance of a Retail Store
Imagine you are a data analyst for a retail store, and you have been tasked with analyzing the monthly sales performance of a particular product category. You want to tell a story that not only reveals the sales trends but also highlights key moments and insights. Let’s dive into our charting adventure!
1.Setting Up the Data
To begin, let’s set up our data by importing the necessary libraries and creating the dataset.
import matplotlib.pyplot as plt
import numpy as np# Monthly sales data (in thousands of dollars)
months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
sales = [12, 15, 18, 22, 20, 24, 26, 25, 23, 20, 18, 16]In this example, we have a list of months representing the x-axis values and the corresponding monthly sales figures in thousands of dollars. Now, let’s embark on our storytelling journey.
2.Creating the Line Chart
To create our line chart, we will start with a basic plot of the sales data.
plt.plot(months, sales, marker='o', linestyle='-', color='b')
plt.title('Monthly Sales Performance')
plt.xlabel('Months')
plt.ylabel('Sales (in $1000s)')
plt.show()
Our Monthly Sales Trend Performance
This code will generate a line chart showing the monthly sales performance. The markers on the line represent the sales figures for each month, while the blue line connects the markers to visualize the overall trend. The title, x-axis label, and y-axis label provide context to our narrative.
3.Adding Annotations
Annotations help highlight specific data points or events in our line chart, drawing attention and adding depth to our storytelling. Let’s annotate the highest and lowest sales points in our chart.
max_sales = max(sales)
min_sales = min(sales)plt.plot(months, sales, marker='o', linestyle='-', color='b')
plt.title('Monthly Sales Performance')
plt.xlabel('Months')
plt.ylabel('Sales (in $1000s)')
# Annotating the highest sales point
plt.annotate(f'Highest: ${max_sales}k', xy=(months[sales.index(max_sales)], max_sales),
xytext=(months[sales.index(max_sales) - 3] , max_sales - 0.5), color='green',
arrowprops=dict(color='green', arrowstyle='->', connectionstyle='arc3,rad=0.5') )# Annotating the lowest sales point
plt.annotate(f'Lowest: ${min_sales}k', xy=(months[sales.index(min_sales)], min_sales),
xytext=(months[sales.index(min_sales) + 1], min_sales),
arrowprops=dict(color='red', arrowstyle='->'))plt.show()
Monthly Sales Performance with Lowest and highest annotated
In this code, we identify the maximum and minimum sales figures using the max() and min() functions. The plt.annotate() function is used to create annotations. We specify the text to display, the target point on the chart (xy), the text position (xytext), and the arrow properties to indicate the annotation. By adding annotations to the highest and lowest sales points, we draw attention to significant milestones in our sales performance.
4.Adding an Average Line
An average line provides a reference point and helps us identify deviations from the mean. Let’s add an average line to our line chart.
avg_sales = np.mean(sales)
avg_line = [avg_sales] * len(months)plt.plot(months, sales, marker='o', linestyle='-', color='b')
plt.plot(months, avg_line, linestyle='--', color='c', label='Average', alpha=0.4)plt.title('Monthly Sales Performance')
plt.xlabel('Months')
plt.ylabel('Sales (in $1000s)')plt.legend()
plt.show()
Adding Average Line
In this code, we calculate the average sales using the np.mean() function. We create a new list, avg_line, with the same length as the months, where each element is set to the average sales value. By plotting this line with a dashed line style (linestyle='--'), a distinctive color (color='r'), and transparency 40% (alpha=0.4), we visually highlight the average sales performance. The legend provides clarity by labeling the average line.
5.Adding Additional Indicators
To enrich our storytelling, we can incorporate additional indicators into our line chart. For instance, let’s add markers to represent special promotions or events that may have influenced sales.
months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
sales = [18, 20, 22, 25, 23, 28, 26, 24, 22, 20, 19, 17]plt.plot(months, sales, marker='o', linestyle='-', color='b')plt.title('Monthly Sales Performance')
plt.xlabel('Months')
plt.ylabel('Sales (in $1000s)')# Adding background fill for Apr - Aug period
start_index = months.index('Apr')
end_index = months.index('Aug')plt.axvspan(start_index, end_index, facecolor='green', alpha=0.1)# Adding text annotation for the promotion period
plt.text((start_index + end_index) / 2, min(sales), 'Promotion Period', ha='center', va='center', backgroundcolor='lightgreen', alpha=0.7)plt.legend()
plt.show()
Highligthed Promo Period
In this section, we use the plt.axvspan() function to add a vertical span that fills the background for the period from April to August. The start_index and end_index variables store the indices of 'Apr' and 'Aug' in the months list, respectively. We pass these indices to the axvspan() function to define the start and end points of the fill. The facecolor parameter is set to 'green' to change the color of the fill, and alpha is set to 0.1 to control the transparency level.
After that, we use the plt.text() function to add a text annotation indicating the promotion period. The x-coordinate of the text is set to the midpoint between the start and end indices, calculated as (start_index + end_index + 1) / 2. The y-coordinate is set to the minimum value of the sales list, accessed with min(sales). The text is set to 'Promotion Period'. The ha and va parameters are set to 'center' to align the text horizontally and vertically at the center. The backgroundcolor parameter is set to 'lightgreen' to change the color of the text background, and alpha is set to 0.7 to control the transparency level.
With these modifications, the background fill will be green, and the text annotation will indicate the promotion period. Feel free to adjust the colors, transparency levels, and text positions according to your preferences.
6.Storytelling your Data!
Once upon a time in a bustling town, there was a small business called “The Cozy Corner.” They specialized in selling delicious homemade treats to the local community. The owners, Sarah and Mike, were always striving to boost their sales and bring more customers through the door.
As the seasons changed, Sarah and Mike decided to run special promotions during specific months to entice customers and increase their sales. They carefully analyzed their monthly sales performance, looking for patterns and opportunities to maximize their efforts.
Looking at the line chart representing their monthly sales performance, they noticed interesting trends. The sales figures fluctuated throughout the year, with some months showing higher sales than others. Curiosity piqued, they delved deeper into the data to uncover insights and craft a compelling story.
The line chart revealed that the highest peak occurred in July, representing the summer season when people craved cool and refreshing treats. It was a month filled with excitement and increased sales. Sarah and Mike were thrilled with the results, but they wanted to understand the contributing factors better.
To determine the effectiveness of their promotions, they looked closely at the sales performance during the highlighted promotion period. The background fill in the chart represented the months from April to August, where Sarah and Mike ran their promotions. They were eager to calculate the average sales during this period and compare it to the overall average.
Calculating the average sales during the promotion period, they discovered that it surpassed the overall average. This finding provided evidence that their promotional campaigns had a positive impact on sales, capturing the attention of customers and encouraging them to indulge in the mouthwatering delights from The Cozy Corner.
With each passing month, Sarah and Mike’s efforts paid off. Their line chart continued to rise, depicting a flourishing business and a loyal customer base. The storytelling power of their data visualization enabled them to navigate the competitive landscape and make informed decisions to propel their business forward.
In the end, The Cozy Corner became a beloved establishment in the town, synonymous with delightful treats and exceptional customer experiences. Sarah and Mike’s journey taught them the importance of data visualization and how it could unlock hidden insights and guide their business decisions. They continued to embrace the power of storytelling through line charts, ensuring their path to success was paved with data-driven strategies and sweet triumphs.
Conclusion
In this comprehensive guide, we have explored the art of crafting captivating stories using line charts in data visualization. By leveraging annotations, average lines, and additional indicators, we can transform a simple line chart into a powerful storytelling tool. Using retail sales data as our sample, we have demonstrated how to visualize monthly sales fluctuations, highlight significant events, and analyze trends.
Go ahead and unleash your creativity. Craft compelling narratives with line charts and let your data speak for itself. Happy charting!
If you want to explore more about the Data Visualization you can purchase my only $2 ebook at :
Data Vizz Cheatsheet PDF
Or you can support me by clap, comment, and share this story !
