$ pip install customtkinter

import customtkinter

FONT_TYPE = "meiryo"

class App(customtkinter.CTk):

    def __init__(self):
        super().__init__()

        # メンバー変数の設定
        self.fonts = (FONT_TYPE, 15)
        # フォームサイズ設定
        self.geometry("350x200")
        self.title("Basic GUI")

        # フォームのセットアップをする
        self.setup_form()
    
    def setup_form(self):
        # CustomTkinter のフォームデザイン設定
        customtkinter.set_appearance_mode("dark")  # Modes: system (default), light, dark
        customtkinter.set_default_color_theme("blue")  # Themes: blue (default), dark-blue, green

        # テキストボックスを表示する
        self.textbox = customtkinter.CTkEntry(master=self, placeholder_text="テキストを入力してください", width=220, font=self.fonts)
        self.textbox.place(x=60, y=50)

        # ボタンを表示する
        self.button = customtkinter.CTkButton(master=self, text="クリックしてね", command=self.button_function, font=self.fonts)
        self.button.place(x=100, y=100)
    
    def button_function(self):
        # テキストボックスに入力されたテキストを表示する
        print(self.textbox.get())


if __name__ == "__main__":
    # アプリケーション実行
    app = App()
    app.mainloop()

$ pip install matplotlib pandas numpy

# ボタンを表示する
self.textbox1 = customtkinter.CTkEntry(master=self, placeholder_text="テキストボックス1", width=150, font=self.fonts)
self.textbox1.grid(row=0, column=0, padx=10, pady=20)

self.button1 = customtkinter.CTkButton(master=self, text="ボタン1", command=self.button_function, font=self.fonts)
self.button1.grid(row=0, column=1, padx=10, pady=20)

self.textbox2 = customtkinter.CTkEntry(master=self, placeholder_text="テキストボックス2", width=150, font=self.fonts)
self.textbox2.grid(row=1, column=0, padx=10, pady=20)

self.button2 = customtkinter.CTkButton(master=self, text="ボタン2", command=self.button_function, font=self.fonts)
self.button2.grid(row=1, column=1, padx=10, pady=20)

import tkinter as tk
import customtkinter
import os

FONT_TYPE = "meiryo"

class App(customtkinter.CTk):

    def __init__(self):
        super().__init__()

        # メンバー変数の設定
        self.fonts = (FONT_TYPE, 15)
        self.csv_filepath = None

        # フォームのセットアップをする
        self.setup_form()

    def setup_form(self):
        # CustomTkinter のフォームデザイン設定
        customtkinter.set_appearance_mode("dark")  # Modes: system (default), light, dark
        customtkinter.set_default_color_theme("blue")  # Themes: blue (default), dark-blue, green

        # フォームサイズ設定
        self.geometry("1000x300")
        self.title("CSV plot viewer")

        # 行方向のマスのレイアウトを設定する。リサイズしたときに一緒に拡大したい行をweight 1に設定。
        self.grid_rowconfigure(1, weight=1)
        # 列方向のマスのレイアウトを設定する
        self.grid_columnconfigure(0, weight=1)

        # 1つ目のフレームの設定
        # stickyは拡大したときに広がる方向のこと。nsew で4方角で指定する。
        self.read_file_frame = ReadFileFrame(master=self, header_name="ファイル読み込み")
        self.read_file_frame.grid(row=0, column=0, padx=20, pady=20, sticky="ew")

class ReadFileFrame(customtkinter.CTkFrame):
    def __init__(self, *args, header_name="ReadFileFrame", **kwargs):
        super().__init__(*args, **kwargs)
        
        self.fonts = (FONT_TYPE, 15)
        self.header_name = header_name

        # フォームのセットアップをする
        self.setup_form()

    def setup_form(self):
        # 行方向のマスのレイアウトを設定する。リサイズしたときに一緒に拡大したい行をweight 1に設定。
        self.grid_rowconfigure(0, weight=1)
        # 列方向のマスのレイアウトを設定する
        self.grid_columnconfigure(0, weight=1)

        # フレームのラベルを表示
        self.label = customtkinter.CTkLabel(self, text=self.header_name, font=(FONT_TYPE, 11))
        self.label.grid(row=0, column=0, padx=20, sticky="w")

        # ファイルパスを指定するテキストボックス。これだけ拡大したときに、幅が広がるように設定する。
        self.textbox = customtkinter.CTkEntry(master=self, placeholder_text="CSV ファイルを読み込む", width=120, font=self.fonts)
        self.textbox.grid(row=1, column=0, padx=10, pady=(0,10), sticky="ew")

        # ファイル選択ボタン
        self.button_select = customtkinter.CTkButton(master=self, 
            fg_color="transparent", border_width=2, text_color=("gray10", "#DCE4EE"),   # ボタンを白抜きにする
            command=self.button_select_callback, text="ファイル選択", font=self.fonts)
        self.button_select.grid(row=1, column=1, padx=10, pady=(0,10))
        
        # 開くボタン
        self.button_open = customtkinter.CTkButton(master=self, command=self.button_open_callback, text="開く", font=self.fonts)
        self.button_open.grid(row=1, column=2, padx=10, pady=(0,10))

    def button_select_callback(self):
        """
        選択ボタンが押されたときのコールバック。ファイル選択ダイアログを表示する
        """
        # エクスプローラーを表示してファイルを選択する
        file_name = ReadFileFrame.file_read()

        if file_name is not None:
            # ファイルパスをテキストボックスに記入
            self.textbox.delete(0, tk.END)
            self.textbox.insert(0, file_name)

    def button_open_callback(self):
        """
        開くボタンが押されたときのコールバック。暫定機能として、ファイルの中身をprintする
        """
        file_name = self.textbox.get()
        if file_name is not None or len(file_name) != 0:
            with open(file_name) as f:
                data = f.read()
                print(data)
            
    @staticmethod
    def file_read():
        """
        ファイル選択ダイアログを表示する
        """
        current_dir = os.path.abspath(os.path.dirname(__file__))
        file_path = tk.filedialog.askopenfilename(filetypes=[("csvファイル","*.csv")],initialdir=current_dir)

        if len(file_path) != 0:
            return file_path
        else:
            # ファイル選択がキャンセルされた場合
            return None


if __name__ == "__main__":
    app = App()
    app.mainloop()

import numpy as np
import pandas as pd
import matplotlib.pyplot as plt
import os

class PlotControl:
    """
    matplotlib でプロットを行う
    """
    def __init__(self):
        """
        コンストラクタ
        """
        # figの作成
        self.fig = plt.figure()
        # 座標軸の作成
        self.ax = self.fig.add_subplot(1, 1, 1)
        # コンフィグ設定
        self.config = {"linewidth":2, "linetype":"line"}
        self.filepath = None
        self.df = None

    def replot(self, filename=None, config=None):
        """
        プロットを更新する
        """

        # ファイル名が設定されていれば、データを更新する
        if filename is not None:
            # ファイルデータを読み取る
            self.filepath = filename
            self.df = pd.read_csv(filename)
        if self.df is None:
            return

        # コンフィグが設定されていれば、更新する
        if config is not None:
            self.config.update(config)
        
        # 重ねて描画しないように一度消す
        self.ax.clear()

        # plotする
        # plotの線種の種類をGUIから変更できるようにする。
        if self.config["linetype"] == "line + marker":
            self.ax.plot(self.df["time"], self.df["y"], "o-", linewidth=self.config["linewidth"])
        elif self.config["linetype"] == "dashed":
            self.ax.plot(self.df["time"], self.df["y"], "--", linewidth=self.config["linewidth"])
        else:
            self.ax.plot(self.df["time"], self.df["y"], linewidth=self.config["linewidth"])

        self.ax.set_xlabel("time")
        self.ax.set_ylabel("y")

    def save_fig(self, export_path=None):
        """
        figをファイルに保存する
        """
        # ファイル名が設定されていないときは、csvファイル名から拡張子だけを変えたものとする
        if export_path is None and self.filepath is not None:
            file, ext = os.path.splitext(self.filepath)
            export_path = f"{file}.png"

        if export_path is None:
            return
        
        self.fig.savefig(export_path)
        return export_path

if __name__ == "__main__":
    # サンプルcsvを出力する
    filename = "sample_data.csv"
    time = np.linspace(0.0, 3.0)
    y = np.sin(2*np.pi*time)
    out_df = pd.DataFrame(data={"time": time, "y": y})
    out_df.to_csv(filename)

    # 通常のグラフを描画する
    plot_control = PlotControl()
    plot_control.replot(filename)
    plot_control.save_fig("test1.png")

    # 線種を変更する
    config = plot_control.config.copy()
    config["linewidth"] = 5
    plot_control.replot(config=config)
    plot_control.save_fig("test2.png")

import tkinter as tk
import customtkinter
import os
from matplotlib.backends.backend_tkagg import FigureCanvasTkAgg
from plot_control import PlotControl

class PlotMainFrame(customtkinter.CTkFrame):
    """
    プロットを表示するメインフレーム
    """
    def __init__(self, *args, header_name="PlotMainFrame", **kwargs):
        super().__init__(*args, **kwargs)
        
        self.fonts = (FONT_TYPE, 15)
        self.header_name = header_name
        # プロット機能をインポート
        self.plot_control = PlotControl()

        # フォームのセットアップをする
        self.setup_form()

    def setup_form(self):
        """
        フォームデザインのセットアップ
        """

        # 行方向のマスのレイアウトを設定する。リサイズしたときに一緒に拡大したい行をweight 1に設定。
        self.grid_rowconfigure(0, weight=1)
        # 列方向のマスのレイアウトを設定する
        self.grid_columnconfigure(1, weight=1)

        # 左側のGUI調整ボタンを ウィジェットとしてインポートする
        self.plot_edit_frame = PlotConfigFrame(master=self, header_name="プロット設定", plot_config=self.plot_control.config)
        self.plot_edit_frame.grid(row=0, column=0, padx=20, pady=20, sticky="ns")

        # プロットをキャンバスに貼り付ける
        self.canvas = FigureCanvasTkAgg(self.plot_control.fig,  master=self)
        self.canvas.get_tk_widget().grid(row=0,column=1, padx=20, pady=20, sticky="nsew")

        # 保存ボタンを置く
        self.button_save = customtkinter.CTkButton(master=self, command=self.button_save_callback, text="保存", font=self.fonts)
        self.button_save.grid(row=0, column=2, padx=10, pady=20, sticky="s")   

    def update(self, csv_filepath=None, config=None):
        """
        プロット描画を更新する
        """
        self.plot_control.replot(csv_filepath, config)
        self.canvas.draw()
    
    def button_save_callback(self):
        """
        保存ボタンが押されたときのコールバック。pngに出力する
        """
        filepath = self.plot_control.save_fig()
        if filepath is not None:
            tk.messagebox.showinfo("確認", f"{filepath} に出力しました。")

class PlotConfigFrame(customtkinter.CTkFrame):
    """
    プロットを線種を調整するサブフレーム
    """
    def __init__(self, *args, header_name="PlotConfigFrame", plot_config=None, **kwargs):
        super().__init__(*args, **kwargs)
        
        self.fonts = (FONT_TYPE, 15)
        self.header_name = header_name
        # plog のコンフィグ設定をコピーする
        self.plot_config = plot_config.copy()
        # フォームのセットアップをする
        self.setup_form()

    def setup_form(self):
        """
        フォームデザインのセットアップ
        """
        # 行方向のマスのレイアウトを設定する。リサイズしたときに一緒に拡大したい行をweight 1に設定。
        self.grid_rowconfigure(0, weight=0)
        # 列方向のマスのレイアウトを設定する
        self.grid_columnconfigure(0, weight=1)

        self.label = customtkinter.CTkLabel(self, text=self.header_name, font=(FONT_TYPE, 11))
        self.label.grid(row=0, column=0, padx=20, sticky="nw")

        # 線の太さを選択する
        self.slider_label = customtkinter.CTkLabel(self, text="ライン幅 2.5", font=(FONT_TYPE, 13))
        self.slider_label.grid(row=1, column=0, padx=20, pady=(20,0), sticky="ew")

        self.slider = customtkinter.CTkSlider(master=self, from_=0.5, to=5, number_of_steps=9, hover=False, width=150, command=self.slider_event)
        self.slider.grid(row=2, column=0, padx=20, pady=(0,20), sticky="ew")

        # 線の種類を選択する
        self.combobox_label = customtkinter.CTkLabel(self, text="線種", font=(FONT_TYPE, 13))
        self.combobox_label.grid(row=3, column=0, padx=20, pady=(20,0), sticky="ew")

        self.combobox = customtkinter.CTkComboBox(master=self, font=self.fonts,
                                     values=["line", "dashed", "line + marker"],
                                     command=self.combobox_callback)
        self.combobox.grid(row=4, column=0, padx=20, pady=(0,20), sticky="ew")

    def slider_event(self, value):
        """
        スライダーで線の太さを変更するときのコールバック
        """
        # マウスでバーを動かすと、何回も更新がかかることがあるので、数値に変化があったか確認する
        old_label = self.slider_label.cget("text")
        new_label = f"ライン幅 {value}"
        if old_label != new_label:
            # 値に変更があったときのみ更新をかける
            self.slider_label.configure(text=new_label)
            self.plot_config["linewidth"] = value
            self.master.update(config=self.plot_config)
    
    def combobox_callback(self,value):
        """
        プルダウンで線種を変更するときのコールバック
        """
        self.plot_config["linetype"] = value
        self.master.update(config=self.plot_config)

import tkinter as tk
import customtkinter
import os
+ from matplotlib.backends.backend_tkagg import FigureCanvasTkAgg
+ from plot_control import PlotControl


FONT_TYPE = "meiryo"

class App(customtkinter.CTk):

    def __init__(self):
        super().__init__()

        # メンバー変数の設定
        self.fonts = (FONT_TYPE, 15)
        self.csv_filepath = None

        # フォームのセットアップをする
        self.setup_form()

    def setup_form(self):
        # CustomTkinter のフォームデザイン設定
        customtkinter.set_appearance_mode("dark")  # Modes: system (default), light, dark
        customtkinter.set_default_color_theme("blue")  # Themes: blue (default), dark-blue, green

        # フォームサイズ設定
+       self.geometry("1000x600")
        self.title("CSV plot viewer")
+       self.minsize(300, 400)

        # 行方向のマスのレイアウトを設定する。リサイズしたときに一緒に拡大したい行をweight 1に設定。
        self.grid_rowconfigure(1, weight=1)
        # 列方向のマスのレイアウトを設定する
        self.grid_columnconfigure(0, weight=1)

        # 1つ目のフレームの設定
        # stickyは拡大したときに広がる方向のこと。nsew で4方角で指定する。
        self.read_file_frame = ReadFileFrame(master=self, header_name="ファイル読み込み")
        self.read_file_frame.grid(row=0, column=0, padx=20, pady=20, sticky="ew")

+       # 2つ目のフレームの設定
+       self.plot_main_frame = PlotMainFrame(master=self, header_name="プロット表示")
+       self.plot_main_frame.grid(row=1, column=0, padx=20, pady=(0,10), sticky="nsew")
+
+   def update_canvas(self, csv_filepath=None):
+       """
+       描画の更新を指令する
+       """
+       if csv_filepath is not None:
+           self.csv_filepath = csv_filepath
+       self.plot_main_frame.update(csv_filepath=self.csv_filepath)



class ReadFileFrame(customtkinter.CTkFrame):
    def __init__(self, *args, header_name="ReadFileFrame", **kwargs):
        super().__init__(*args, **kwargs)
        
        self.fonts = (FONT_TYPE, 15)
        self.header_name = header_name

        # フォームのセットアップをする
        self.setup_form()

    def setup_form(self):
        # 行方向のマスのレイアウトを設定する。リサイズしたときに一緒に拡大したい行をweight 1に設定。
        self.grid_rowconfigure(0, weight=1)
        # 列方向のマスのレイアウトを設定する
        self.grid_columnconfigure(0, weight=1)

        # フレームのラベルを表示
        self.label = customtkinter.CTkLabel(self, text=self.header_name, font=(FONT_TYPE, 11))
        self.label.grid(row=0, column=0, padx=20, sticky="w")

        # ファイルパスを指定するテキストボックス。これだけ拡大したときに、幅が広がるように設定する。
        self.textbox = customtkinter.CTkEntry(master=self, placeholder_text="CSV ファイルを読み込む", width=120, font=self.fonts)
        self.textbox.grid(row=1, column=0, padx=10, pady=(0,10), sticky="ew")

        # ファイル選択ボタン
        self.button_select = customtkinter.CTkButton(master=self, 
            fg_color="transparent", border_width=2, text_color=("gray10", "#DCE4EE"),   # ボタンを白抜きにする
            command=self.button_select_callback, text="ファイル選択", font=self.fonts)
        self.button_select.grid(row=1, column=1, padx=10, pady=(0,10))
        
        # 開くボタン
        self.button_open = customtkinter.CTkButton(master=self, command=self.button_open_callback, text="開く", font=self.fonts)
        self.button_open.grid(row=1, column=2, padx=10, pady=(0,10))

    def button_select_callback(self):
        """
        選択ボタンが押されたときのコールバック。ファイル選択ダイアログを表示する
        """
        # エクスプローラーを表示してファイルを選択する
        file_name = ReadFileFrame.file_read()

        if file_name is not None:
            # ファイルパスをテキストボックスに記入
            self.textbox.delete(0, tk.END)
            self.textbox.insert(0, file_name)

-   def button_open_callback(self):
-       """
-       開くボタンが押されたときのコールバック。暫定機能として、ファイルの中身をprintする
-       """
-       file_name = self.textbox.get()
-       if file_name is not None or len(file_name) != 0:
-           with open(file_name) as f:
-               data = f.read()
-               print(data)
-

+   def button_open_callback(self):
+       """
+       開くボタンが押されたときのコールバック。ファイル名を取得して、親に描画の更新を依頼する
+       """
+       if self.textbox.get() is not None:
+           csv_filepath = self.textbox.get()
+           self.master.update_canvas(csv_filepath)
            
    @staticmethod
    def file_read():
        """
        ファイル選択ダイアログを表示する
        """
        current_dir = os.path.abspath(os.path.dirname(__file__))
        file_path = tk.filedialog.askopenfilename(filetypes=[("csvファイル","*.csv")],initialdir=current_dir)

        if len(file_path) != 0:
            return file_path
        else:
            # ファイル選択がキャンセルされた場合
            return None

# PlotMainFrame と PlotConfigFrameのコードは省略

if __name__ == "__main__":
    app = App()
    app.mainloop()