PHP と Vega を使用してインタラクティブなデータ視覚化アプリケーションを作成する

ビッグデータ時代の到来に伴い、データ分析と視覚化の重要性がますます高まっています。多くの業界では、データを視覚化することで、大量のデータをより深く理解し、そこからより深い洞察を得ることができます。ただし、静的グラフを使用するだけでは、優れたユーザー エクスペリエンスとデータの対話性を提供するのに十分ではありません。

ここでは、PHP と Vega を使用してインタラクティブなデータ視覚化アプリケーションを作成する方法について説明します。 PHP は、Vega の JavaScript ライブラリと組み合わせて使用​​して動的な視覚化アプリケーションを作成できる、人気のあるサーバー側プログラミング言語です。

ステップ 1: PHP と Vega をインストールする

まず、サーバーに PHP をインストールし、Vega JavaScript ライブラリをサーバーにダウンロードする必要があります。 Vega の最新バージョンは GitHub から入手できます。

ステップ 2: データセットを作成する

次に、アプリケーションで使用するデータセットを作成する必要があります。 PHP を使用して、データベース、JSON ファイル、またはその他のソースからデータを読み取ることができます。この例では、PHP を使用して CSV ファイルからデータセットを読み取ります。

$dataset = array_map('str_getcsv', file('data.csv'));

ステップ 3: Vega ビューの作成と構成

次に、次のことを行う必要があります。 Vega ビルドのビジュアライゼーションを使用します。以下は、読み取られたデータセット内の 2 つの列の散布図を示す単純な Vega ビューです。

{
"$schema": "https://vega.github.io/schema/vega-lite/v2.json",
"description": "馬力とガロンあたりのマイル。",
"データ": {

"values": <?php echo json_encode($dataset); ?>

},
"マーク": "ポイント",
"エンコーディング": {

"x": {"field": "Horsepower", "type": "quantitative"},
"y": {"field": "Miles_per_Gallon", "type": "quantitative"}

}
}

ここでは、PHP の json_encode 関数を使用してデータセットを JSON 形式に変換し、それを Vega ビューの value 属性に渡します。次に、X 軸と Y 軸のフィールドを定義し、Vega がそれらを正しく表示できるように、そのデータ タイプとエンコード タイプ (定量的) を指定します。

ステップ 4: Vega を PHP アプリケーションに埋め込む

次に、Vega ビューを PHP アプリケーションに埋め込む必要があります。 echo ステートメントを使用して、Vega ビューをブラウザーに出力できます。

echo '602876c8d0553fbe9b1b6e0fdd05834216b28748ea4df4d9c2150843fecfba68' . "
";
echo '7a3d4530a1d387f71e9b44c8853565b0 2cacc6d41bbb37262a98f745aa00fbf0' . "
";
echo '8a120ddd9a882aca4ace60a1e9cbd2b52cacc6d41bbb37262a98f745aa00fbf0' . "
";
echo '5eb152049d40a241aee3dd403743383f2cacc6d41bbb37262a98f745aa00fbf0' . "
";
echo '3f1c4e4b6b16bbbd69b2ee476dc4f83a' . "
";
echo 'var view = new vega.View(vega.parse(' . "'" . htmlspecialchars($spec) . "'" . '))' . "
";
echo ' .renderer( "svg")' . "
";
echo ' .initialize("#vis")' . "
";
echo ' .run();' . "
" ;
echo '2cacc6d41bbb37262a98f745aa00fbf0' . "
";

ここでは、視覚化チャートを表示するために使用される ID「vis」を持つコンテナー要素を作成します。次に、Vega の JavaScript ライブラリを使用できるように、Vega のコア ファイルと Vega 埋め込みファイルをページに読み込みます。次に、Vega の JavaScript API を使用してビューを初期化し、コンテナ要素にレンダリングします。

概要

この記事では、PHP と Vega を使用してインタラクティブなデータ視覚化アプリケーションを作成する方法を紹介しました。データセットの作成、Vega を使用したビジュアライゼーションの構築、PHP アプリケーションへの Vega の埋め込みなど、実装プロセスを詳細に説明しました。この記事が、PHP と Vega を使用して視覚化アプリケーションを構築する方法をより深く理解するのに役立つことを願っています。

以上がPHP と Vega を使用してインタラクティブなデータ視覚化アプリケーションを作成するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。