div や table でグラフを描く
(2020) こちらは昔のサンプルです。
tableを使うのは、現在ではトリッキーな話なのでやらない方がよいです。
参考程度に残しておきます。
現在は Chart.jsなどのライブラリがあるので、
そちらを使った方が良いです。
Chart.jsでグラフを描く - canvas
(2021)また、SVG を使う方法もあります。
svg タグ, JavaScriptサンプル
関数を描くツール
TestJS_graph_function2021.html関数のグラフを描く。数式を自分で入力して任意の関数を描きます。
JavaScript ツールサンプル (2)
サンプル
TestHTML_graph_table_td_grid02.html
table でグラフの線と目盛りを表示するサンプル。 目盛りの文字を position: absolute; で配置。
TestHTML_graph_table_td_grid01.html
目盛りの文字も別の td にしたバージョン。
TestHTML_graph_table03.htmltable でグラフの線と目盛りを表示するサンプル。 目盛りの文字を position: absolute; で配置。
TestHTML_graph_table_td_grid01.html
目盛りの文字も別の td にしたバージョン。
table で棒グラフのサンプル。
TestHTML_graph_div_axis01.html
position:absolute のサンプル。div でグラフの軸や点やラベルを表示
TestJS_timer_div_sin01.html
タイマーのサンプル。sin 関数のグラフをアニメーション風に描く。
JavaScript タイマー処理