Dash 第51回(CSVファイルをテーブル表示)

CSVファイルをテーブル表示

今回は、CSVファイルの内容をテーブルに表示してみます。

CSVファイルは下記のURLからダウンロードします。

ckan - 福岡市 避難場所・避難所(共通フォーマット)

CSVファイルをテーブルに表示するソースは下記の通りです。

[ソースコード]

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
import dash
import dash_html_components as html
import dash_table
import pandas as pd

df = pd.read_csv('401307compatibleformatshelter.csv', encoding='cp932')

app = dash.Dash(__name__) # Dashインスタンスを生成

app.layout = html.Div(
[
dash_table.DataTable(
columns=[{'name':col, 'id':col} for col in df.columns],
data=df.to_dict('records')
)
]
)

if __name__ == '__main__':
app.run_server(debug=True) # アプリケーションを起動

処理フローは以下の通りです。

  1. read_csv関数でCSVファイルを読み込む。(6行目)
  2. DataTableコンポーネントの引数 columnsに列名を設定する。(13行目)
  3. DataTableコンポーネントの引数 dataに値を設定する。(14行目)

[ブラウザで表示]

CSVファイルをテーブルに表示することができました。