Plotlyを使う

数値を可視化してみる

関数やデータがどのような形をしているか一目で分かるように、図を用いて可視化してみましょう。

折れ線グラフを表示

ここでは例としてsin関数を描画してみます。

import streamlit as st
import numpy as np
import plotly.express as px

st.title("Sin Wave Chart")

# データを生成する
x = np.linspace(0,10,100)
y = np.sin(x)

# 関数を描画する
fig = px.line(x=x, y=y, labels={"x": "X-axis", "y": "Y-axis"})
st.plotly_chart(fig, use_container_width=True)

ヒートマップを表示

QUBO行列などの二次元配列はヒートマップを用いると特徴を理解しやすいです。

import streamlit as st
import numpy as np
import plotly.express as px

# QUBO行列のサイズ
d = 5

Q = np.zeros((d, d))
for i in range(d):
    for j in range(i, d):
        # 平均0、分散1の正規分布に従う乱数を生成する
        Q[i, j] = np.random.normal(0, 1)
        # 行列の対角成分の値が等しくなるようにする
        Q[j, i] = Q[i, j]

# ヒートマップを描画する
fig = px.imshow(Q, text_auto=True)
st.plotly_chart(fig, use_container_width=True)