281498_ja-JP

liliconcom

海洋生物学者、ビデオ ゲーム、JMP を組み合わせると何が得られますか? (2020-US-45MP-543)

レベル: 中級

 

John Powell 氏、SAS/JMP 部門主任ソフトウェア開発者

 

斬新なアイデアは、まったく異なる業界で使用されているアプローチを組み合わせることで生まれることがよくあります。 JMP Discovery Summit と JMP User Community は、ある業界から別の業界へアイデアを相互に伝達する優れた方法を提供します。 この講演は、JMP ユーザー コミュニティでの、狭いスペースに多くの変数を表示するという海洋生物学者のリクエストから始まりました。 ビデオ ゲームで使用される技術は、考えられる解決策を提供します。 JMP のカスタマイズ可能な視覚化機能が、これらの潜在的なソリューションを現実にするためにどのように機能するかを示します。 ビデオ ゲーム テクノロジのもう 1 つの用途は、JMP で利用できる 3D 散布図機能です。 このアプローチには、最新のデスクトップ コンピューターで一般的に利用できる強力なグラフィックス機能が必要です。 しかし、これらの散布図を Web 上で共有する必要がある場合はどうすればよいでしょうか? ユーザーが Web コンテンツを表示するために使用するデバイスのグラフィックス能力の範囲は大きく異なります。 したがって、それほど強力ではないデバイスでも機能するテクニックを使用する必要があります。 もう一度言いますが、ゲーム業界はパーティクル システムというソリューションを提供します。 パーティクル システムの基本と、Web 上でパーティクル システムを使用して構築した 3D 散布図アプリケーションに 3D データをエクスポートする方法について説明します。

 

 

自動生成されたトランスクリプト...

 

スピーカー	成績証明書
ジョパワー	こんにちは、私の話へようこそ。
	この講演の動機は、JMP ユーザー コミュニティでのディスカッションに基づいていました。 アンダーソン・メイフィールド博士は、NOAA とマイアミ大学の海洋生物学者です。
	彼はサンゴ礁の健康状態を研究しています。 彼は、JMP オンエアのアースデイ特別エピソードでプレゼンテーションを行いました。 そして彼はこのカンファレンスでも講演しています。
	そこで、この JMP ユーザー コミュニティの投稿で、彼はこの写真をここに投稿しました。 ご覧のとおり、サンゴやサンゴ礁を表すグラフィックがすべて含まれています。
	それらは複数のデータを 1 つの小さなグラフィックで表しており、プレイヤーの統計情報があるときのビデオ ゲームに似ています。
	そして彼らはシーンを走り回りながらプレイヤーの周りをホバリングしています。 それで、おそらく私が講演を呼びかけた理由が理解できたでしょう。ビデオ ゲーム、海洋生物学者、JMP を組み合わせると何が得られるでしょうか? それでは次に進みましょう。
	これから説明するのは、カスタム グラフィックス スクリプトの使用を含む、JMP で可能なゲーム ベースのソリューション、またはゲームにインスパイアされたソリューションについてです。
	カスタムマップ。 次に、私が構築した 3D Web ベースの散布図アプリケーションと、JMP データ セットをそのアプリケーションにどのように統合したかについて説明します。
	以下はグラフィック スクリプトの例です。
	ここではカスタム マップの使用例を示します。 これが私の 3D 散布図アプリケーションです。
	それでは始めましょう。 カスタム グラフィック スクリプトがどのように使用されるかを確認するために、ここに小さなサンプルを用意しました。
	そして、JMPを開いて実行すると、
	この小さな図について、実際にこれについてお話します。
	私は最初から作成したこの架空のデータセットを使用します。 基本的には、グレート バリア リーフからシドニーまで下る魚の競争に関するものです。
	したがって、グラフィック スクリプトを使用するには、カスタマイズする必要があります。
	そして、この小さなプラスボタンで新しいスクリプトを追加できます。 最初は空ですが、JMP にはいくつかのサンプルがあります。
	だから私はポリゴンスクリプトが好きです。 とてもシンプルです。 三角形を描くだけです。 これをグラフに適用すると、そこに三角形が表示されることがわかります。
	透明度の設定、塗りつぶしの色の設定、そして多角形の描画の 3 行だけで完了しました。
	しかし、私たちが知りたいのは、これを実際にどのようにスクリプトに埋め込むかということです。 それを確認する最も簡単な方法は、回答ボタンを押すことです
	そしてスクリプトをスクリプト ウィンドウに保存します。 そしてこれがスクリプトです。 まず、私の小さな二変量プラットフォームが緯度と経度で起動されます。 そしてその下には、グラフィックを追加するスクリプトを含むディスパッチがあります。
	そしてサンプルの3行。
	グラフィック スクリプトを使用する本当に簡単な例があります。
	これがこれから埋め込むグラフィック スクリプトです。 各点の上に浮いているこれらのバーを描画します。
	このアプリケーションで最初に行うことは、透明度も設定してから、小さなグラフィックの背景を描画することです。
	1つは飢えのため、1つは強さのため、そして1つはスピードのためです。
	スクリプトは他のものに依存しているため、ここでスクリプト全体を示します。 これは、主に色や背景、および背景などのいくつかの処理のために設定したこれらの定数に依存しています。
	これは私の関数ドローバーです。 位置、長さ、色を指定します。 これは各バーに使用できます。 したがって、そのスクリプトを実行すると。
	これで、小さなグラフィックが完成しました。
	ゲームにヒントを得た一種のヘルスモニターが、オーストラリア東流をシドニーまで泳いで下る各魚の上に浮かんでいます。
	これにより、基本的にその関数がどのように機能するかを段階的に理解できるようになります。 画面上のマーカーのみから開始し、マーカーごとにピクセル原点を設定しました。
	それから背景の描画を開始しますが、それにはいくつかの手順が必要です。 初めて線の太さを設定するときは、実際には何も表示されません。
	次に、色を設定します。これは黒になります。 次に、背景と非常に太い線を描画するための移動と線を実行します。
	そして、各バーに対して、バーの色を設定し、その位置に移動してから線を引きます。 次に、背景を描画し、その色を設定して、バーを継続します。 もちろん、他の 2 行についても同様に行います。
	さまざまなグラフィックス機能を使用できるようになりました。 ここに JSL 構文リファレンスのグラフィック関数セクションがあり、必要なものは何でも構築できます。 それで、やってみましょう。
	次に、カスタム マップの使用について説明します。
	すみません。
	カスタム マップを使用するには、基本的に 2 つのテーブルを用意します。 最初のテーブルは、使用するすべての形状の定義です。 2 つ目は、テーブル内の図形に名前を付けます。
	この名前列の場合、基本的に追加する必要があるのはマップ ロール列プロパティであり、それはタイプ シェイプ名定義である必要があります。 それについてはすぐにお見せします。
	本当に単純な例を実行するために、もちろん必要なのは Big Class です。 そして、本当にシンプルなものを作ります。
	2 つの長方形だけを持つマップも同様です。 それらのファイルを開かせてください。
	先ほども言ったように、これは非常に小さなマップです。 これらのコーディネートをお見せするために、ちょっとしたものを用意しました。
	基本的にポイントを示すスクリプトをここに示します。
	これらの上部 4 つを強調表示すると、それが上部の長方形になり、次の 4 つが下部の長方形になります。
	上は体重、下は身長です。 そして、列のプロパティを見ると、
	それはマップの役割、形状名の定義です。
	このマップを準備できたら、ビッグクラスを開くことができます。
	直接再利用することはできません。 最初に行う必要があるのは、身長と体重の列を取得して積み重ねることです。 それでテーブルに行きます。 積み重ねてみましょう。
	これで、これらの列が積み上げられたテーブルが完成しました。
	ラベルには高さと重さが交互に表示されていることがわかります。これをマップ ファイルに接続するには、別の列プロパティを追加する必要があります。
	これはずっと下にあり、再びマップの役割です。 ただし、整形された名前の定義とは言いません。整形された名前の使用については、選択する必要があります。
	マップ ファイル、名前マップ ファイル。
	また、列を name に設定します。
	それで終わりです。 これで、実際にグラフで使用できるようになりました。
	私たちが追求するグラフは基本的に、マップ図形のラベル列を使用して、上部と下部の図形を設定し、その後、すべてのデータを含むデータ列をドラッグします。
	色の役割に。 これが Big Class の生徒全員の概要ですが、私たちが本当に知りたいのは、
	生徒ごとに 1 つ。 これをラップ ロールにドラッグすると少しきつくなりますが、行ごとにレベルを設定して 10 に設定することで広げます。
	それでは行きます。 そして、それが私が追い求めていたものです。 これは便利なグラフです
	そのままで。
	それでは、もう少し複雑なことをやってみましょう。
	実際、もっと複雑なことをしている場合は、カスタム マップ クリエーター アドインを使用するとよいでしょう。
	そして、これは素晴らしいアドインです。 画像をドラッグしてその上をトレースできます。
	すべての形状のトレースが終了したら、[ランダム データで終了] をクリックすると、ランダム データが生成されます。
	必要な 2 つのシェープ ファイルと、カスタム マップをテストできるランダム データ セットです。 これは、4 つの変数と 1 つの変数を中央に配置したものです。 つまり、これは基本的に、私が持っていた元のスライドにあるものの正方形バージョンです。
	今、それはまさに私たちが撮影しているものではありませんでした。 私たちは何か丸いものを望んでいました、そしてそれを複雑なパイと呼んだのはメイフィールド博士だったと思います。
	それが正式な用語かどうかはわかりませんが、スクリプトを使用してこれらのものを構築することにしました。
	そこで、私がやりたかったのは、シェープ ファイルを作成して、医師の指示通りの結果が得られたことを確認することです。 それは中央に何かがある4つの形でした。
	そして、私はこう思いました、私はプログラマーです。 もう少し柔軟にして、もう少しやりたいと思っています。
	そこで、同じことをしたいと考えている人もいるかもしれないが、2 つの変数と平均変数または中心変数、またはそれ以上しか持たない人もいるのではないかと思いました。
	そしてひし形や四角形などの違う形も作れたらいいのにと思いました。 つまり、私は天才ではありません。 幸運に恵まれました。 そして、Xan Gregg は、JMP でこの極プロットを作成するにはどうすればよいかという投稿に実際に答えました。
	そして、来ました。
	さあ、行きましょう
	彼らはこのような形を探していたのですが、それは私が必要としていたものに非常によく似ていました。
	Xanがやったことは本当に素晴らしかった。 これは柔軟なスクリプトであり、円の周囲にウェッジを生成しますが、欠けているのは中心と、私がやりたかった特定の方法でファイルに名前を付けることだけでした。
	でも、それほど難しくはありませんでした。 そしてそれが私のスクリプトの動作です。 複雑なパイを実行するときは、このパイのレシピがあり、複雑なパイメーカーを開きます。 次に、いくつかの材料を追加します。 まず第一に、図形の数を言う必要があります。
	そして、それを中央に置くか、上に置くか、少し横に置くかです。
	次に、滑らかさの変数があります。
	次に、内側の半径 (塗りつぶしを増やすか減らすか) と外側の半径も指定する必要があります。
	もちろん、次のステップはスクリプトを実行することです。
	これら
	シェイプ ファイルを作成し、カスタム パイ メーカーやカスタム マップ アドインと同様にサンプル テストも実行します。 これは 5 の複雑な円の例で、形状は 5 です。
	滑らかさは 7 に設定します。 5 つまたは 6 つ使用しても問題ありませんが、
	本当に小さく描かれています。 サイズはあまり関係ありません。 むしろ、相対的な内側半径と外側半径が重要です。 これはメイフィールド博士が考えていたこととほぼ同じなので、内側半径は 4、外側半径は 9 にこだわりました。
	それでは、これらを実際にどのように使用できるかを見てみましょう。 Big Class のデモで行ったのと同じように、列を積み重ねる必要があります。 ただし、1 つ異なるのは、シェイプ ファイルに実際には強度と健康の変数がないことです。 彼らは実際に
	形状ファイルでは、wedge 1、2 3、およびという名前が付けられます。
	中心。
	だから私は構築する必要があります
	ファイル
	2つを結び付けます。
	まず最初に、この積み重ねられた小規模学校の例があります。
	これは、体力、強み、スピードの列を積み重ねることによって実現しました。
	そして、これが形状ファイルです...私が使用する名前の形状ファイルです。
	列プロパティがあることに注意してください。
	マップの役割の、
	右、マップの役割定義。
	そして、それは独自のカスタム形状を作成するときに必要になります。
	したがって、リンクされたファイルは、列を形状にマップし、基本的にラベルをリスト内にリストすることによって構築しました。
	積み重ねられたファイル。
	そして、別の列「形状名」に、形状の名前を列挙しました。
	さて、ここでの形状名が重要です。
	マップロールというプロパティがありますが、これはシェイプ名の使用です。
	このデータ ラベル列にはリンク ID が含まれるため、スタック テーブルに仮想的に結合し直すことができます。
	これで、これらのテーブルがすべてセットアップされました。
	次に行うことは、実際にグラフを作成することです。
	これで、以前にやったことと同じになります。 1 つの違いは、単にラベルをマップ形状までドラッグするのではなく、この仮想結合列を使用し、それをマップ形状までドラッグすると、目的の形状が得られることです。 次に行う必要があるのは、データを color 列に追加することです。
	そして、ラップする名前を追加します。 そして、私の魚はすべてあります
	それぞれのグラフィック。 適切なグラデーションを取得するために、ここでグラデーションに移動します。それがここにあるものです。
	緑を綺麗にしたいので色を反転させます。
	そして、それができました。 これは
	それぞれの魚を見て、どのようにしているかを確認できるので、それ自体が便利なマップです。 しかし、もちろん、私はそれをもう少しやりたいと思っています。
	私がやりたいのは、これらの画像をツールチップに配置できるようにすることです。
	これを行うために、データテーブルを作成します。
	私が持っていたファイルとそのグラフィックを戻してください。
	ここで何を行うかというと、赤い三角形の下にデータ テーブルの作成があります。 これにより、新しいデータテーブルが生成されます
	これは、特にリンクを戻す場合に非常に便利です。 そして、これをリンク ID として設定して、学校の簡単な小さなファイルからポイントできるようにします。これにより、各マーカーを使用したり、各文字のグラフを見つけたりできるようになります。
	さて、これは実際には別のファイルに保存されているので、それを開きます。 私はそれを健康イメージと呼んでいました。
	したがって、これはもう必要ありません。
	そして、スタックされたファイルはもう必要ありません。
	しかし、私たちに必要なのは、私が始めた小規模学校の例です。
	これらを
	グラフは、その画像列、その仮想列、
	ラベルどおり。
	これは単純なグラフでも行うことができます。
	例はすでにあります...さて、これをもう一度開きます。 なぜだめですか？ 私のレース台本は、私がゼロからスタートしていることを示すためのものです。 しかし、この列にラベルを付けたので、これらのグラフィックの 1 つにカーソルを置くと、次の 3 つの表示が表示されます。
	このグラフィックの情報を入力して、これらの文字を任意の数だけピン留めすることができます。
	それがこれらのグラフィックを使用できる 1 つの方法です。
	もう 1 つの方法は、マーカーに使用することです。
	そして、これから取得するグラフィックスはポイント上に浮遊し、以前のひし形の代わりに使用されます。
	健康の画像や小さな学校、そしてあのグラフィックさえも戻します。
	それで今、私たちはそれらのダイヤモンドを手に入れました。 こっちの形にするには、
	さらにもう一つ追加する必要がありました
	この仮想結合列にバッジを付けます。 とても人気が出てきているので、マーカーとして使用してください。 そして、新しいバッジが表示されます。 そして私の後ろには、
	これらの画像がシーンに配置されていることがわかります。 最後にもう 1 つ、画像の周りのこの白があまり好きではないということです。 そしてそれは実際にグラフ画像に組み込まれています。
	それを解決する方法の 1 つは、白い領域を見つけて透明にするようにアルファ チャネルを設定するスクリプトを用意することです。 これで、素晴らしいグラフが得られました
	正方形の背景ではなく、丸い形。 もう 1 つ、マーカーのサイズを大きくすることもできます。
	そして最大11まで行くことができます。
	それはどう見えますか？ それは私が持っていたものとかなり似ています。 10のほうがよかったかも知れません。 でも私は11に行くのが好きです。 さて、それでは
	マーカーから使用します。 もう少し複雑なグラフを作成したいと思います。 これがアンダーソン メイフィールド博士が目指していたもので、マーカーの背後にあるヒート マップです。 これはかなり複雑ですが、JMP はそれを処理できます。 それは実際には輪郭です。
	ここで私が持っているのは、小規模学校の別のバージョンです。 でも今回は海水温がある
	一番下にある
	実際のポイントとして表示されないように非表示になります。
	したがって、このイメージはすでに構築済みです。
	実は、以前に作成したのと同じイメージです。
	そして、私はから始めます
	ここで終わりなので、実際に何をしようとしているのかがわかります。 基本的にこれらのグラフィックスが必要です
	輪郭の上にカーソルを置くと、物事が何であるかを示すいくつかの凡例がここに表示されます。
	それはそれほど難しいことではありません。 すでに配置されている地図と、x と y の緯度経度がすでに設定されている状態で途中から始めます。
	そこで、最初に輪郭を追加します。
	そして、少し色を与える必要があるので、一時的な役割を色の役割の上にドラッグし、この輪郭上のレベルの数を調整します。
	アルファを少し変更し、滑らかさを追加します。
	次は少し透明にしてみます。
	これに.6を付けましょう。
	それは私が以前持っていたものとほぼ同じです。 ここでマーカーを追加するには、2 つの方法があります。 Shift キーを押しながらポイントをクリックするか、単にドラッグすることもできます。 それをドラッグするには、
	その後、マーカーのサイズを再度設定できます。
	それをすることによって
	ここに行って他のことをして、今回は 10 を使用しましょう。 11号はちょっと大きすぎた気がします。 よし、いい感じだ。 それはもうすぐそこです。 私たちはこの伝説に取り組みたいと考えています。 どうやってこれらの色をそこに入れるのでしょうか？ そうですね、私たちはすでに保健の役割を担っています。
	そして、ここの隅までドラッグして、2 番目の色の役割を追加するだけです。 最初はグラフがめちゃくちゃになります。
	それは私たちが対応できます。 問題は、輪郭が実際に health ロールを使用する必要がないことです。 したがって、これを無効にすると、希望どおりの状態に戻ります。
	したがって、次に行うことは、ここで実際の凡例に色を追加することです。 そして、以前と同じように、それを再度カスタマイズすることができます。
	今度はもう少しやります。 ラベルを 4 つ持ちたいと考えています。
	5時に開始して、最大5時までにしたいです。
	20.
	あ、色も反転したかったです。
	見た目はほぼ同じなので、ほぼ完成です。 ただ、もう少し綺麗にしていきたいと思っています。 伝説には修正したい点がいくつかあります。
	したがって、凡例の設定に移動して、あまり追加されていないように見えるものを取り除き、健康の凡例を一番上に移動します。
	それができました。 だから、自分が目指していたものとできる限り一致していると思う。
	それで、私はそれを取り除くことができます。 もう全員がこれを必要とするわけではないと思います。
	しかし、もう少し追加したいと思います。
	この凡例を追加してみてはどうでしょうか。このグラフィックのどの領域が何を行ったか、つまり空腹度、スピード、強さ、健康状態を知る方法ではなかったからです。 幸いなことに、私たちはそれを持っています
	マッピングファイル。 列名から形状まで続きます。
	ちょっとそれを開いてみましょう。
	ここで、すべての行にラベルを付け、データ ラベル列にもラベルを付けたことがわかります。 つまり、グラフを作成すると、
	すべてラベルが付けられます。 これは本当にシンプルです。 シェイプ名を取得してマップ ロールにドラッグするだけで、そのグラフィックの作成は完了です。
	したがって、これをシーンに追加したい場合、最善の方法は、プラス記号を選択してコピーすることです。
	次に、画像編集アプリケーションを開き、それをディスクに保存します。 そしてもちろん、私はすでにそれを実行しました。 だから私はそうするつもりです
	それを手に入れたら見せてください。またグラフィックを戻す必要があります。
	うわー、これをドラッグするだけでできるんです。
	そして、それがそこにあります。 ああ、そこにはいないよ。 なるほど、それを見つける方法があります。 カスタマイズに移動すると、通常、画像をドラッグするときは背景画像をドラッグすることになるため、背景にドロップされました。
	したがって、今私たちがしなければならないことは...何が起こっているかを確認できるように、これを邪魔にならないところに移動しましょう...前面に移動することだけです。 来たよ
	そして行きます。 正面にあります。 私の好みには少し明るすぎるため、実際にこれに少し透明度を追加したいと思います。
	では.8を入れましょう。
	あとはそれをコーナーにドラッグするだけで、ほぼ完了です。
	そうですね、たくさんのものがあり、多くのファイルが必要でした。 それでは、使用されたすべてのファイルをまとめてみましょう。 複雑なパイ メーカーを使用して、必要な 2 つのマップ ファイル、シェープ ファイルを生成しました。 私は小さな学校を受けて、それを積み上げました。
	この列は、マップの役割を持つ名前ファイルを指す必要があるマッピング ファイルを作成するために作成しました。 リンク参照を使用して、スタックされた小規模な学校に仮想結合を戻しました。
	次に、作成したいグラフィックをデータ テーブルに作成し、health image.jmp に保存しました。
	もちろん、それを元の小さな学校に仮想的に結合してグラフィックを作成できるようにする必要がありました。
	そして、小さな学校の海の温度についても同じことを行い、健康画像へのリンクを参照しました。
	私はただ...列をシェープ ファイルに取り込み、海の温度を使用してグラフィックの凡例を描画しました...基本的にそれをドラッグして使用するだけです。
	これで、私がやりたかった 2D のデモは終わりです。 ここで少し息を入れて、3D、さらには Web の世界へ行きましょう
	応用。
	わかった。
	これが私の Web 3D 散布図アプリケーションです。
	これからお見せするのは、JMP からデータをどのように取得したかです。
	私のアプリケーションは JMP の散布図 3D に基づいていました。 したがって、これは単にそれがどのように見えるかを思い出させるためのものです。
	そして今、その小さなデモができました。
	基本的には、さまざまなデータセットを選択する機能からいくつかの機能を紹介します。 ダイヤモンドのデータセットは次のとおりです。
	そしてもちろんこの図がポイントです。 それが全体的な考え方です。 そして、それらはこの小さなボールの形で描かれています。その方法については後ほど説明します。
	ただし、他にできることは、JMP と同じように回転したり、ズームしたり、前後に移動したりすることです。
	そして、ホバーラベルも付いています。 右下隅に軸とグリッドを描画し、少しカスタマイズを加えていることがわかります。 多すぎない程度に。
	背景を変更したり、壁の色を設定したりできます。 少し青い色を与えることができるかどうか見てみましょう。
	そうですね、それはあなたの好みではないかもしれません。 しかし、これは単なるデモです。 そして、マーカーのサイズを変更できます。
	それはウェブ上にあります。
	さて、このアプリケーションを開始したとき、私が最初にやりたかったのは、Web 上で実行できるかどうかということでした。 私のiPhoneまたはiPadではうまく動作しますか?
	それらのマシンは私のデスクトップほど強力ではないからです。 そこで、組み込みの 3D または点の数が増加する 3 つのランダム データ セットを作成しました。 行って使ってみたのですが・・・
	25,000 は、低電力デバイスで試してみる価値があると考えた値ですが、高電力デバイスでは実際にはさらに高くすることができます。
	そこで、実際のデータを取り込んでみるべきだと考えたところ、有名な iris データ セットを見つけました。これは CSV (カンマ区切り変数) 形式でした。
	で、持ち込んだんです。 しかし、それを内部構造に変換するためだけにコードを記述する必要がありました。
	それで、JMP にはたくさんのデータセットがあるのではないかと思いました。 むしろそれらを持ち込んだ方がいいです。 そこで私は車、ダイヤモンド、サイトメトリーを導入しました。 唯一の違いはサイトメトリーで、実際には良い結果はありませんでした
	色の使用に関するカテゴリがあり、実際には、色のないグラフを受け入れるようにアプリケーションを変更する必要がありました。
	したがって、アプリケーションは非常に簡単です。 1 つだけあります...それは 1 ページの Web アプリです。したがって、HTML ファイルは 1 つあります。 いくつかの JavaScript ファイルがあり、いくつかのサードパーティ ライブラリと 1 つのフォントと 1 つのテクスチャを使用しています。テクスチャはシェイプに使用されるボールです。
	そこで、私がゲーム業界で使用しているテクニックはパーティクルまたはパーティクル システムです。 これらは、シミュレーション ゲームや 3D ビジュアライゼーションに非常によく使用されます。 火、煙、花火、雲などのクールなエフェクトを作成できます。
	また、私は過去に商用ゲーム エンジンの開発にしばらく時間を費やしており、実際に私の責任はパーティクル システムを採用してそれを改善することでした。
	したがって、私はすでにこれについてある程度の経験がありました。 ええと、それは JavaScript ではなく C++ の世界でした。 しかし、私はかなり長い間インタラクティブな HTML5 と JMP に取り組んできたので、自分にできるかどうかを確認する時期が来たと思いました。
	私の情熱の 2 つを融合させ、パーティクル システムを使用した Web ベースのバージョンを考案しました。 幸運に恵まれました。 Three.js というライブラリを見つけました。
	ハードウェア アクセラレーションによる 3D 描画を実行し、優れたドキュメントがあり、パーティクル システムを含む多くのコード サンプルがあるため、アプリケーションの構築が非常に簡単になりました。
	そして実際、私にとって難しかったのは、JMP からデータを取り込む方法を理解することでした。
	でも、私はそうするつもりです...そのためのスクリプトを共有します。 私がやったことの 1 つは、これらのオブジェクトを使いやすくすることです。
	私のアプリケーションでは。 そこで私がやったことの 1 つは、配列 JavaScript オブジェクトを作成し、数値列に実際に最小値と最大値を加算することでした。これにより、JavaScript で計算する必要がなくなります。 そしてもちろん、JMP はその種の計算に非常に優れています。
	そうですね、カテゴリ、色の列については、カテゴリ辞書のように使用する必要がありました。 基本的には、カテゴリの名前を 1 つのリストにまとめ、ゼロから始まるインデックスによってそれらの値を指すだけです。 それがその構造がどのように機能するかです。
	ユーザーインターフェースをやればいいのにと思いました。 そして実際、それは簡単なことだった。 それについてはすぐにお見せします。 ただし、基本的に行う必要があるのは、x、y、z の数値列に制限することだけです。
	次に、それを色の役割のカテゴリ列に制限します。
	それでは、そのコードを見てみましょう。
	それでは、まず非常に単純なデータセットの例を示します。
	そして対話は本当にやりやすかったです。 私は列ダイアログを使用し、数値列に必要なものと色列に必要なものを指定し、モデリング タイプがカテゴリカルであることを確認し、序数と名目的であることを確認しました。
	次に、列データを取得し、必要な JavaScript オブジェクトを構築します。 最小文字列と最大文字列は次のとおりです。 これは単にこれらのオブジェクトの文字列を構築しているだけです。
	そして、色の列がある場合は、同じことを行います。 これらの文字列を取り出して JavaScript オブジェクトに詰め込む必要があるため、少し複雑になります。
	そして最後に、これをテキスト ファイルに保存するだけです。
	それでは、これを試してみましょう。
	もちろん Big Class を使用するので、小さなファイルでも大丈夫です。
	そして
	そこでスクリプトを実行します。
	そして、それは私に尋ねました、私はXYZに何を望んでいますか？ すでに身長と体重が選択されており、年齢は数値列なのでそれも使用します。色には性別が適しています。
	そして完了です。 そして実際、ここでの出力はファイルの場所を示しています。
	たまたま次のスライドにそれがあります。 それでは、それに行きましょう。
	したがって、Big Class が JavaScript で表現されるとどうなるだろうかと常に疑問に思っていたと思います。 そしてこれです。 そして、あなたは3つを見ることができます
	数値の列には最小値と最大値が表示され、色の列にはカテゴリの F と M の辞書があり、ゼロは女性を意味し、1 は男性を意味します。 さて、これでこの講演は終わります。楽しんでいただければ幸いです。
	ご視聴いただきありがとうございます。ご質問がございましたら、お気軽にお問い合わせください。

 

起こるデータの視覚化JSLアプリケーション開発