plotly.js : JavaScript graphing library

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

さて、本文。

“WebGL”による“グラフ表示については、・・・・・


2Dグラフだと、「Flotr2
でしょうか?

“Perl”では「Perl から Flotr2 でグラフ表示

“Python”では「pyFoamPlotRunner.py 真似てみた

と学習してきた。


3Dグラフだと、各言語ごと。

“R言語”の「RGL、WebGL

“Python”の「Python 学習:Axes3D・surface


今回、GSL Shell 即ち、Lua の学習もかなり進んだ?
ので、“Surface Plot”をやりたくなった。


「WebGL Surface Plot」と検索したところ、
Python 3D Surface Plots - Examples - Plotly
が見つかった。

これは、タイトル通り“Python”でのサンプルですね。

本家サイトは、「Plotly」ですか。

分かりにくい(?)サイトですが、
“Python”“R”“MATLAB”“Excel”“JavaScript”等などで使える?


最初に見つけた、“Python”のサンプルでは、
“plotly.plotly”“plotly.graph_objs”の2つを import している。


今回は、“Lua”系なので、
本家サイトの“javaScript”(黄色ボタン)をクリックすると、
Getting Started with plotly.js
に飛ぶ。

エンジンは、“plotly-latest.min.js”1つですね。

「Download plotly.js」ボタンをクリックすると現れるページを
コピー&ペーストした。1.1MB 些か大きい!


それから、
plotly.js - JavaScript Graphing Library
を見つけた。

  Built on top of d3.js and stack.gl,
   plotly.js is a high-level,
   declarative charting library.
  plotly.js ships with 20 chart types,
   including 3D charts,
   statistical graphs, and SVG maps.

  Learn about why we open sourced plotly.js
   or view the source on GitHub.

  ・・・・・
  ・・・・・

とりあえず、
サンプルを見ながら1本「sample_line.html」として作ってみた:
<head>
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
</head>
<body>
<div id="myDiv" style="width: 480px; height: 400px;"></div>
<script>
var trace1 = { x: [1, 2, 3, 4], y: [10, 15, 13, 17], type: 'scatter' };
var trace2 = { x: [1, 2, 3, 4], y: [16, 5, 11, 9], type: 'scatter' };
var data = [ trace1, trace2 ];
Plotly.newPlot( 'myDiv', data );
</script>
</body>
これで出来ました。

これは2Dの例だが、「Flotr2」とほぼ同程度でできる。
それにしては、エンジンのサイズが大きすぎる。

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

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

もう少し、学習してみよう。


本日はここまで。


Lua ( GSL Shell ) 学習は続く。


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


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

コメントの投稿

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

おきてがみ/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
ブックマーク