{"id":30097,"date":"2022-06-14T17:34:00","date_gmt":"2022-06-14T17:34:00","guid":{"rendered":"https:\/\/www.askpython.com\/?p=30097"},"modified":"2022-07-06T10:30:30","modified_gmt":"2022-07-06T10:30:30","slug":"comic-visualization-python","status":"publish","type":"post","link":"https:\/\/www.askpython.com\/python-modules\/comic-visualization-python","title":{"rendered":"Implementing Comic Visualization Python"},"content":{"rendered":"\n

We all know that the average individual responds far better to visual information than to text alone. Typically, the graphs generated by Matplotlib are quite flawless but boring. Observing these graphs is not really entertaining. <\/p>\n\n\n\n

In this tutorial, we will strive to make conventional images more entertaining and humorous, using XKCD as an example.<\/p>\n\n\n\n

The webcomic xkcd was established by the American author Randall Munroe in 2005. xkcd is a weekly internet comic strip that is updated weekly. It is among the most popular comic books. We will here try to paint our plots in the style of xkcd comics!<\/p>\n\n\n\n

\n\n\n\n

Load Libraries and Data<\/h2>\n\n\n\n

We will begin by importing the necessary libraries and then proceed to import the data into the program. Here, we load the tips dataset and output its initial five rows.<\/p>\n\n\n

\nimport numpy as np\nimport pandas as pd\nimport matplotlib.pyplot as plt\nimport seaborn as sns\nfrom seaborn import load_dataset\n\ntips = load_dataset("tips")\ntips.head()\n<\/pre><\/div>\n\n\n
\"Tips
Tips Dataset<\/figcaption><\/figure>\n\n\n\n
Example 1 – Bar Plots<\/h2>\n\n\n\n
A bar graph is a graphical representation of data in which categories can be highlighted with specific forms, such as a rectangle. The length and height of the bars in the bar chart show the distribution of data within the dataset.<\/p>\n\n\n\n
Also Read: Python Bar Plot \u2013 Visualize Categorical Data in Python<\/a><\/em><\/strong><\/p>\n\n\n\n
Using the sns.countplot function, which plots the counts of unique values in a column, we can generate a basic bar chart.<\/p>\n\n\n
\nplt.figure(facecolor="W",figsize=(10,5))\nplt.title("Bar Plot - Normal")\nsns.countplot(tips['sex'])\nplt.show()\n<\/pre><\/div>\n\n\n
\"BarPlot
BarPlot Normal<\/figcaption><\/figure>\n\n\n\n
To make the plot comic, we need to add the plt.xkcd method before the entire code.<\/p>\n\n\n\n
\"BarPlot
BarPlot Comic<\/figcaption><\/figure>\n\n\n\n
Example 2: Box Plot<\/h2>\n\n\n\n
Boxplots are a measurement of the data set’s data distribution. It separates the data set into quartiles. This graph depicts the data set’s minimum, maximum, median, first quartile, and third quartile.<\/p>\n\n\n\n
Also Read: Boxplots: Everything you need to know<\/a><\/em><\/strong><\/p>\n\n\n\n
Using the code below, we can generate a boxplot using the sns.boxplot function.<\/p>\n\n\n
\nplt.figure(facecolor="W",figsize=(10,5))\nplt.title("BoxPlot - Normal")\nsns.boxplot(x = "day", y = "total_bill", hue = "sex", data = tips);\nplt.show()\n<\/pre><\/div>\n\n\n
\"BoxPlot
BoxPlot Normal<\/figcaption><\/figure>\n\n\n\n
To make a plot comic, we need to add the plt.xkcd method before the entire code.<\/p>\n\n\n
\nplt.xkcd()\nplt.figure(facecolor="W",figsize=(10,5))\nplt.title("BoxPlot - Comic")\nsns.boxplot(x = "day", y = "total_bill", hue = "sex", data = tips);\nplt.show()\n<\/pre><\/div>\n\n\n
\"BoxPlot
BoxPlot Comic<\/figcaption><\/figure>\n\n\n\n
Example 3 – Sine Wave<\/h2>\n\n\n\n
In this example, we will generate the values for a sine wave plot by utilizing the linspace and sin functions, as seen in the code below.<\/p>\n\n\n
\n\n<\/pre><\/div>\n\n
\nplt.figure(facecolor="W",figsize=(10,5))\nplt.plot(np.sin(np.linspace(0, 10)))\nplt.title('A simple Sine Wave - Normal')\nplt.show()\n<\/pre><\/div>\n\n\n
\"Sine
Sine Wave Normal<\/figcaption><\/figure>\n\n\n\n
To make a plot comic, we need to add the plt.xkcd method before the entire code.<\/p>\n\n\n
\nplt.xkcd()\nplt.figure(facecolor="W",figsize=(10,5))\nplt.plot(np.sin(np.linspace(0, 10)))\nplt.title('A simple Sine Wave - Comic')\nplt.show()\n<\/pre><\/div>\n\n\n
\"Sine
Sine Wave Comic<\/figcaption><\/figure>\n\n\n\n
Example 4 – Pie Chart<\/h2>\n\n\n\n
Matplotlib’s pie() function supports pie charts. The plt.pie() method can be used to generate a plot. The following code generates a pie chart:<\/p>\n\n\n
\nlabels = 'Python', 'C++', 'Ruby', 'Java'\nsizes = [215, 130, 245, 210]\ncolors = ['gold', 'yellowgreen', 'lightcoral', 'lightskyblue']\nexplode = (0.1, 0, 0, 0)\nplt.figure(facecolor="W",figsize=(10,5))\nplt.pie(sizes, explode=explode, labels=labels, colors=colors,autopct='%1.1f%%')\nplt.axis('equal')\nplt.title("Pie Chart - Normal")\nplt.show()\n<\/pre><\/div>\n\n\n
\"PieChart
PieChart Normal<\/figcaption><\/figure>\n\n\n\n
To make plot comic, we need to add the plt.xkcd method before the entire code.<\/p>\n\n\n
\nlabels = 'Python', 'C++', 'Ruby', 'Java'\nsizes = [215, 130, 245, 210]\ncolors = ['gold', 'yellowgreen', 'lightcoral', 'lightskyblue']\nexplode = (0.1, 0, 0, 0)\nplt.xkcd()\nplt.figure(facecolor="W",figsize=(10,5))\nplt.pie(sizes, explode=explode, labels=labels, colors=colors,autopct='%1.1f%%')\nplt.axis('equal')\nplt.title("Pie Chart - Comic")\nplt.show()\n<\/pre><\/div>\n\n\n
\"PieChart
PieChart Comic<\/figcaption><\/figure>\n\n\n\n
\n\n\n\n
Conclusion<\/h2>\n\n\n\n
I hope you have enjoyed the tutorial from the boring standard visualizations to fun and interesting comic ones with the help of xkcd. I would also recommend you the following tutorials:<\/p>\n\n\n\n
  1. Data Visualization using Python Bokeh<\/a><\/li>
  2. Animating Data in Python \u2013 A Simple Guide<\/a><\/li>
  3. ASCII Art in Python Programming Language<\/a><\/li><\/ol>\n\n\n\n
    Thank you for reading! Happy Learning! 😃<\/p>\n","protected":false},"excerpt":{"rendered":"
    We all know that the average individual responds far better to visual information than to text alone. Typically, the graphs generated by Matplotlib are quite flawless but boring. Observing these graphs is not really entertaining. In this tutorial, we will strive to make conventional images more entertaining and humorous, using XKCD as an example. The […]<\/p>\n","protected":false},"author":28,"featured_media":30134,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-30097","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-python-modules"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/www.askpython.com\/wp-json\/wp\/v2\/posts\/30097","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.askpython.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.askpython.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.askpython.com\/wp-json\/wp\/v2\/users\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/www.askpython.com\/wp-json\/wp\/v2\/comments?post=30097"}],"version-history":[{"count":0,"href":"https:\/\/www.askpython.com\/wp-json\/wp\/v2\/posts\/30097\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.askpython.com\/wp-json\/wp\/v2\/media\/30134"}],"wp:attachment":[{"href":"https:\/\/www.askpython.com\/wp-json\/wp\/v2\/media?parent=30097"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.askpython.com\/wp-json\/wp\/v2\/categories?post=30097"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.askpython.com\/wp-json\/wp\/v2\/tags?post=30097"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}