※以前も同じ内容で募集したのですが、購入された方にキャンセルされてしまったため、再募集させていただいております。
「2人の選手のフォームを比較するホームページ」を制作したいです。
ホームページのイメージは、画像として添付しますので確認お願いします。
フォームを解析した時系列データはこちらで用意いたします(csvデータを想定しています)ので、①選手を選択できるドロップダウンメニューの作成②選択された選手の時系列データをグラフとしてホームページに表示の2つができるホームページの作成をお願いしたいです。
作成には、以下のようなプロセスをイメージしています。使用するサービスはあくまで例です。
−−−−−−−−−−−−−−−−−−−−−−−−
1. **バックエンドの設定**: Python (FlaskやDjango) や Node.js (Express) などを使用してバックエンドを構築。このバックエンドでは、指定された選手に対応するデータをCSVファイルから読み取り、それをフロントエンドに送信するAPIを設計します。
2. **CSVファイルの読み込み**: バックエンドでPythonの`pandas`ライブラリを使ってCSVを読み込み、日付に基づいてデータをフィルタリングする。
3. **フロントエンドのデザイン**: HTMLとCSSを使ってユーザーインターフェースを作成。選手を選択するための入力フォームや、データを表示するグラフのためのコンテナを設置する。
4. **ピッカーの組み込み**: フロントエンドでJavaScriptを使って選手ピッカーを実装します。ユーザーが選手を選択できるようにします。
5. **グラフの描画**: Chart.js、D3.js、またはGoogle ChartsなどのJavaScriptライブラリを使用して、APIから受け取ったデータを基にグラフを描画する。
6. **フロントエンドとバックエンドの連携**: フロントエンドで日付が選択されたら、その情報をバックエンドに送信し、対応するデータを取得。このデータを受け取り、グラフに描画するプロセスを設定する。
7. **テストとデプロイメント**: ローカルで開発を行い、全ての機能が期待通りに動作することを確認した後、Webサーバーにデプロイする。
−−−−−−−−−−−−−−−−−−−−−−−−
ご質問がありましたら、気軽にお問い合わせください。
応募をお待ちしております!