R111_2 グラフ編集 D3js

波形を確認・合算します。R111 グラフ作成の補助です。
D3.jsとLLMを用いて作成しています。あまり整理されていません。

操作

波形を確認・合算します。R111 グラフ作成の補助です。
R111のデータを使うには半角スペースで区切ります。

・オートフィットしませんので、適宜、ズームリセットを押してください。
・データフォーマットはCSV形式で、系列を列方向に追加していきます。
　　　　　系列1_X, 系列1_Y, 系列2_X, 系列2_Y, ・・・・
・データ区分をカンマと半角スペースで切り替えるようにしています。
スペースだと、系列の順番のよっては、ずれるのでカンマの方がいいです。
ダミー記号などで対処する必要があります。

1,10,1.5,15
2,20,2.5,25
3,15,3.5,20

1,10,1.5,15
2,20,2.5,25
,,3.5,20

1 10 1.5 15
2 20 2.5 25
3 15 3.5 20

1 10 1.5 15
2 20 2.5 25
 3.5 20

・合算したデータは、「****sumData****」行の後に追記されます。
・データインのときに、合算したデータがあるとそのまま読んでしまうので
一旦、非表示にしてデータアウトしてください。
・データはドラッグで移動できます。

拡大追加

パン・拡大縮小

・マウスの中ボタン（ホイール）を押してドラッグするとパンできます。
・ホイールを回すと拡大縮小します。

注記

始めは編集モードが機能していないので、ズームモードと一巡させてください。
区切り位置の種類が合っていないと表示されません。
データアウト時に変更すると、区切り変更できます。

サンプル

x1,y1,x2,y2,x3,y3,x4,y4
1,2,1,10,1,1,1,0.5
2,4,2,9,2,4,2,1.0
3,6,3,8,3,9,3,1.5
4,8,4,7,4,16,4,2.0
5,10,5,6,5,25,5,2.5
6,12,6,5,6,36,6,3.0
7,14,7,4,7,49,7,3.5
8,16,8,3,8,64,8,4.0
9,18,9,2,9,81,9,4.5
10,20,10,1,10,100,10,5.0

追加

ツールバーとデータ欄をフロート（マウスで移動）にしました。

・罫線表示追加

修正

・2025/5/18:データイン時の重複修正。