plotly.js : 3D散布図

2016-05-15 :  PCクリニック
本文の前に、
-・・・ -・-
現時点での blogramのランクインカテゴリは、
7、2、0、0、1、 0、0、0、0、0(40)で、換算ポイント 88pt 。
「Firefox」6位ダウンも復帰。 「Perl」「C言語」「化学業界」、
「硝子業界」「FM COCOLO」「e-radio」「グルコサミン」、
「Python」bg値変動のみ。 「FM青森」全く変化無し。
・-・ - -・

さて、本文。

先月(2016-04-18)の記事:
plotly.js : JavaScript graphing library」で、
  ・・・・・
  ・・・・・
  これは2Dの例だが、「Flotr2」とほぼ同程度でできる。
  それにしては、エンジンのサイズが大きすぎる。

  でも、こちらでは 3D も同様な形式で出来る。

  これなら、“Lua”即ち“GSL Shell”で HTML ファイルを
  作り出すことで行ける。
  ・・・・・
  ・・・・・
と書いた。

それで、
先日(2016-05-11)の記事:
GSL Shell 学習:IupMglPlot で 3D Plot」で、
“Lua”実行中に3D散布図(3D_Scatter)を表示する例を書いたが、
結果をファイルに保存することが出来ない?


そこは、「WebGL」を使う?
つまりは“Plotly”を使った「HTML」ファイルを作る。


と云うことで、・・・・・

何とか学習できた。

この様なファイルを“Lua”で生成すれば良さそう:
<head><script src="plotly-latest.min.js"></script></head>
<body><div id="myDiv" style="width: 1000px; height: 800px;"><script>
var data = [ { x: [ 1, 2, 3, 4 ],
y: [ 2, 1, 5, 4 ],
z: [ 3, 0, 2, 1 ],
mode: "markers",
marker: { size:5 }, type:"scatter3d" } ];
var layout = { title: "3D_Plot", autosize: false,
width: 1000, height: 800 };
Plotly.newPlot( "myDiv", data, layout );
</script></body>
このファイルをダブルクリックすると、
Firefox(Webブラウザ)で、3次元表示が出来た。


本日はここまで。


Lua ( GSL Shell ) 学習は続く。


見ていただいた序でとは厚かましい限りですが、
お帰りに投票して頂けるとなお嬉しいです。 ⇒ blogram投票ボタン


160425
関連記事
スポンサーサイト

コメントの投稿

管理者にだけ表示を許可する

おきてがみ/blogram
blogram投票ボタン



おきてがみ

最新記事
カレンダー
07 | 2017/08 | 09
- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31 - -
月別アーカイブ
カテゴリ
最新コメント
検索フォーム
リンク
プロフィール

<紙>

Author:<紙>
ようこそ。
「パソコンヲタクの雑記帳」
もろもろなことを綴っています。
パソコン ヲタクってねくら?
画像は kami でなく kani です。

カウンター(fc2、i2i) /Google Analytics


i2i(from 2010-08-24)
Total =
Today  =  
Yesterday=
アンチエイジング

Google Analytics
ブックマーク