nth(random) 秒ごとにパルスがあり、div[id=item] の下部に小さなグラフを描画/プロットして、パルスを視覚的に表示したいと考えています。パルスが発生するたびにガウス ベルを生成することを考えていましたが、この例では 0 と 1 をプロットしても問題ありません。パルスはある時刻 t に来るので、最適なものに応じて、データは時間の配列または 1/10 秒ごとの値の配列になります。
これが選択された方法である場合、1/10 秒ごとに新しい値が data1 に追加されます。そうでない場合は、data2 がパルスするたびに値が追加されます。古いパルスが左に移動し、新しいパルスがdivの右から入るように、プロットをライブで更新したいと思います。
誰もがコードやアイデアをどこから始めればよいか、またこれを実行するパフォーマンスに関する提案を得ることができます。
<script>
var data1 = [0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,1];
var data2 = [{1,2,3,4,5,];
</script>
<div id="item" style="width:200px;height:100px"></div>
更新 1 現在、キャンバスに描画しています。更新/アニメーション化する方法について何か良いアイデアはありますか?