PhthonをHTMLに埋め込む

質問

日本の県別に人口を入力している2列のjinkou.csvを読み込んでトップ10を表示するホームページで、プログラムの部分をPhthonで記述するhtmlコードを記述してください。

ChatGPT

PythonコードをHTMLに埋め込むことはできませんが、Pythonで書かれたWebアプリケーションを作成し、そのアプリケーションをHTMLから呼び出すことができます。

以下は、PythonのフレームワークであるFlaskを使用した例です。jinkou.csvファイルは、Flaskアプリケーションの同じディレクトリに保存されているとします。

from flask import Flask, render_template
import pandas as pd

app = Flask(__name__)

@app.route(‘/’)
def index():
data = pd.read_csv(‘jinkou.csv’)
data_sorted = data.sort_values(‘人口’, ascending=False).head(10)
return render_template(‘index.html’, data=data_sorted)

if __name__ == ‘__main__’:
app.run()

次に、Flaskアプリケーションが使用するHTMLテンプレートを作成します。以下は、index.htmlファイルの例です。

<!DOCTYPE html>
<html>
<head>
<title>Top 10 Prefectures by Population</title>
</head>
<body>
<h1>Top 10 Prefectures by Population</h1>
<table>
<tr>
<th>Prefecture</th>
<th>Population</th>
</tr>
{% for index, row in data.iterrows() %}
<tr>
<td>{{ row[‘都道府県’] }}</td>
<td>{{ row[‘人口’] }}</td>
</tr>
{% endfor %}
</table>
</body>
</html>

これで、Pythonで書かれたFlaskアプリケーションがWebページに表示されるようになりました。アプリケーションを実行するには、ターミナルで以下のコマンドを実行します。

bash
Copy code
export FLASK_APP=app.py
flask run

Webブラウザでhttp://localhost:5000にアクセスすると、トップ10の都道府県が表示されます。