TKinter Embed Matplotlib

TKinter Tutorial

About Lesson

In this tutorial we are going to learn about TKinter Embed Matplotlib, we want to learn how you can embed matplotlib graphs in tkinter.

What Is Matplotlib ?

Matplotlib is a Python 2D plotting library which produces publication quality figures in a variety of hardcopy formats and interactive environments across platforms. Matplotlib can be used in Python scripts, the Python and IPython shells, the Jupyter notebook, web application servers, and four graphical user interface toolkits.

First of all you need to install matplotlib.

pip install matplotlib

1	pip install matplotlib

This is the complete code for this article.

from tkinter import *
from matplotlib.figure import Figure
from matplotlib.backends.backend_tkagg import FigureCanvasTkAgg, NavigationToolbar2Tk


class Window(Tk):
    def __init__(self):
        super(Window, self).__init__()

        self.title("Tkinter Matplotlib Embed")
        self.minsize(500,400)
        self.wm_iconbitmap("myicon.ico")

        self.create_matcanvas()



    def create_matcanvas(self):
        f = Figure(figsize=(5,5), dpi = 100)
        a = f.add_subplot(111)

        a.plot([8,5,4,2], [9,7,4,3])

        canvas = FigureCanvasTkAgg(f, self)

        canvas.draw()
        canvas.get_tk_widget().pack(side = BOTTOM, fill = BOTH, expand = True)

        canvas._tkcanvas.pack(side = TOP, fill = BOTH, expand = True)





window = Window()
window.mainloop()

from tkinter import *

from matplotlib.figure import Figure

from matplotlib.backends.backend_tkagg import FigureCanvasTkAgg, NavigationToolbar2Tk

class Window(Tk):

def __init__(self):

super(Window, self).__init__()

self.title("Tkinter Matplotlib Embed")

self.minsize(500,400)

self.wm_iconbitmap("myicon.ico")

self.create_matcanvas()

def create_matcanvas(self):

f = Figure(figsize=(5,5), dpi = 100)

a = f.add_subplot(111)

a.plot([8,5,4,2], [9,7,4,3])

canvas = FigureCanvasTkAgg(f, self)

canvas.draw()

canvas.get_tk_widget().pack(side = BOTTOM, fill = BOTH, expand = True)

canvas._tkcanvas.pack(side = TOP, fill = BOTH, expand = True)

window = Window()

window.mainloop()

First we need to create a figure, also we are going to give the figure size.

 f = Figure(figsize=(5,5), dpi = 100)

1	f = Figure(figsize=(5,5), dpi = 100)

we have used subplot grid parameters encoded as a single integer. For example, “111” means “1×1 grid, first subplot” and “234” means “2×3 grid, 4th subplot”.

f.add_subplot(111)

1	f.add_subplot(111)

This is the data that we want to plot in the tkinter window, basically it is just a simple line with the x and y positions.

  a.plot([8,5,4,2], [9,7,4,3])

1	a.plot([8,5,4,2], [9,7,4,3])

Also you need to create the object for the canvas, because the graph should be a canvas.

  canvas = FigureCanvasTkAgg(f, self)

1	canvas = FigureCanvasTkAgg(f, self)

Using this we can show our canvas.

 canvas.draw()

1	canvas.draw()

In these line of codes we are going to use pack layout manager.

canvas.get_tk_widget().pack(side = BOTTOM, fill = BOTH, expand = True)
canvas._tkcanvas.pack(side = TOP, fill = BOTH, expand = True)

1 2	canvas.get_tk_widget().pack(side = BOTTOM, fill = BOTH, expand = True) canvas._tkcanvas.pack(side = TOP, fill = BOTH, expand = True)

Run the complete code and this is the result.