Quetzall AI Lab ヒーローヘッダー

Quetzall AI Lab

【サイト拡張】 学習時間ログのバーチャート作成 ~全体構想~

thumbnail_img

本サイトのTOPページが(開設1年以上経過して)できあがったので、その中にある棒グラフ作成方法の記事です。以下の赤枠部分です。

TOP画像のスクリーンショット

目次

  1. やりたかった事(全体構想)
  2. 構造の詳細
  3. 成果物

1.  やりたかった事(全体構想)

資格試験が終わり、座学に飽きてKaggleでも参加したいコンペがなかったため、またJavaScriptをしばらく書いてなかったので錆落としを目的に、学習時間を記録して、それをチャートに落とし込むような代物を作成しました。
構造概略は以下の通りです。①非公開のフォームを使って学習時間をSqlite3データベースへ送信し、②PHP・JavaScriptで①の記録を処理してサイトのTOPページにあるバーチャートへ反映されるようにしました。
全体構想のイメージ図

3. 成果物

以下のように出来上がりました。最終的なチャートについてはTOPページにて表示されている通りです。

①学習ログ記録フォーム作成

②学習ログのバーチャート表示

コメント・お問合せ

以下のツイートの『返信』にてお願いいたします