数字を投稿して円グラフに反映させたいです。

フォームに入力したデータをデーターベースに保存します。
Ajax機能を使って、イベント発火でjavascriptがリクエストして、
コントローラーが、データーベースに保存とhtmlにレスポンスを返して、
投稿した数字のデータを円グラフに反映させたいです。

下記はGPTを使ってコードを書いていたのですが、
グラフも表示されず、データも保存できなくて困っています。
訂正等のご指摘をいただけないでしょうか。（文字数制限により後ほどお送りします）
お手数をおかけしますが、宜しくお願いします。

●イメージ図
https://gyazo.com/21c0647fb34ff3dbcdbbb8d67226afe6

●ER図
https://gyazo.com/94534370282e2a36b4e05c1e97249c4f

●index.html.erb

RunVision

<%= form_with(model: @running, url: runnings_path, id: "form") do |form| %>
<%= form.text_field :ran_distance, id: "ran-distance" %> <br>
<%= form.submit "投稿する", id: "submit" %>
<% end %>