Pythonバックエンドでmatplotlibで描画された画像をクライアントサイド（React）に表示する方法 - Qiita

最初に結論 （バックエンド）BytesIOを使ってmatplotlibの画像のByteデータを取得する （バックエンド）media_type="/image/png"で送信 （クライアント）axiosなどで、画像データを含むResponseを取得し、タグのsrcに、受け取った画像のByteデータオブジェクトを指定する 以下、サンプルコードを示します。 バックエンド（FastAPI） import io from fastapi import FastAPI, Response import numpy as np import matplotlib.pyplot as plt app = FastAPI() @app.get('/my/backend-api/endpoint') def plot_png(): # データの生成 x = np.arange(0, 10, 0.1) y =