UI

Streamlit

【Streamlit】画像分類モデルのデモアプリ

こんにちは、JS2IIUです。前回はテキストの分類モデルについて取り上げました(前回記事)。今回はアップロードされた画像のカテゴリを予測するモデルのUIをStreamlit上に構築していきます。今回もよろしくお願いします。1. はじめにこの記事では、StreamlitというPythonライブラリを使...
Streamlit

【Streamlit】クラスタリング結果をインタラクティブに表示

こんにちは、JS2IIUです。今回はクラスタリングについて手法をおさらいしつつ、Streamlit上でクラスタリング結果の表示を行うアプリを作っていきます。今回もよろしくお願いします。1. はじめにこの記事では、機械学習の「クラスタリング」という手法について学び、実際にその結果をStreamlitと...
Streamlit

【Streamlit】config.tomlで設定できる項目一覧

こんにちは、JS2IIUです。以下は、~/.streamlit/config.toml で設定可能なStreamlitの設定項目の一覧表です。各セクションごとにまとめています。今回もよろしくお願いします。config.toml 設定一覧利用可能な設定オプションはすべて config.toml に記述...
Streamlit

【Streamlit】CSSを適用して細かくデザインを調整

こんにちは、JS2IIUです。今回は、st.markdown と HTML/CSS を使ったカスタムスタイルの方法について紹介していきます。少しの工夫でお好みの見た目を実現できる方法です。今回もよろしくお願いします。はじめにStreamlit は、Python で手軽に Web アプリを作成できる便...
Streamlit

【Streamlit】テーマをカスタマイズしてアプリの見た目を変更

こんにちは、JS2IIUです。Streamlitは、Pythonだけで簡単にWebアプリが作れる便利なフレームワークです。しかし、デフォルトの見た目のままだと、少し味気なかったり、アプリの用途やブランドイメージに合わなかったりすることもあります。そこで今回は、Streamlitの「テーマ」設定を使っ...
Streamlit

【Streamlit】可視化結果を画像として保存する機能

こんにちは、JS2IIUです。今回の記事ではStreamlit上で表示しているグラフをPNGなどの画像形式でダウンロードできる様にする方法を説明していきます。今回もよろしくお願いします。1. はじめにStreamlitは、Pythonで簡単にインタラクティブなWebアプリを作成できる非常に便利なライ...
Streamlit

【Streamlit】データテーブルのソートと検索機能を追加

こんにちは、JS2IIUです。これまでにst.dataframeについてはいくつかの記事で解説してきました。今回はデータテーブルでソートや検索により操作する方法を説明していきます。今回もよろしくお願いします。1. はじめにPythonで作成したデータを表(テーブル)で表示したいとき、便利なのが St...
Streamlit

【Streamlit】グラフのインタラクティブな操作:ズームやパン

こんにちは、JS2IIUです。今回は操作可能なグラフを表示する方法を見ていきます。部分的に拡大したり、表示範囲の変更が自在にできるようになります。今回もよろしくお願いします。1. はじめにWebアプリケーションでデータを可視化する際、グラフに「ズーム」や「パン」などのインタラクティブな操作ができると...
Streamlit

【Streamlit】複数種類のグラフを並べて表示

こんにちは、JS2IIUです。st.columnsを使って関連性の高いグラフを横に並べる方法について説明していきます。今回もよろしくお願いします。1. はじめにデータの可視化は、データ分析や報告資料を作成する上でとても重要です。特に、複数のグラフを並べて比較表示することで、より深い洞察が得られること...
Streamlit

【Streamlit】時系列データの分析:トレンドラインの表示

こんにちは、JS2IIUです。今回は時系列データの分析に役立つテクニックを紹介していきます。今回もよろしくお願いします。はじめにデータを扱う上で「時系列データ」はとても重要なテーマです。日ごとの売上や月ごとのアクセス数など、時間の流れとともに変化するデータは、傾向を読み取ることで意思決定に役立てるこ...