DIY データ視覚化: Reveal BI を使用してデータに関する独自の洞察を提供します

DIY データ視覚化: Reveal BI を使用してデータに関する独自の洞察を提供します

Revealの DIY カスタム ビジュアライゼーション機能を使用すると、ダッシュボード内で使用できるグラフの種類を制御することで、ユーザーのエクスペリエンスを調整できます。このカスタマイズにより、特定のニーズに最も適した方法でデータが表示されるようになります。

7 分で読めます

私たちは、データが業界全体の意思決定を形作る時代に生きています。データの視覚化は不可欠なものになっていますが、すべての標準的な視覚化が特殊なレポートのニーズに応えられるわけではありません。

DIY カスタム ビジュアライゼーションをご紹介します。これは、当社のプラットフォームに導入できることに興奮している革新的な機能です。その比類のない利点と、独自のレポートを簡単に作成する方法を詳しく見てみましょう。

カスタム ビジュアライゼーションからどのようなメリットが得られるか

その方法を説明する前に、独自のカスタム ビジュアライゼーションを作成することの主な利点を見てみましょう。

カスタマイズされたデータ表現

カスタム ビジュアライゼーションを使用すると、複雑なデータを理解しやすい形式で表現できるため、視聴者の要件に確実に合わせることができます。顧客の人口統計、サプライ チェーンの物流管理、財務データを扱う場合でも、経営陣、顧客、同僚にプレゼンテーションを行う場合でも、彼らのニーズに合わせて視覚化を調整できます。

簡素化された複雑さ

複雑なデータセットには、重要なビジネス上の洞察が豊富に含まれていることがよくありますが、生の形式で表示すると圧倒的な量になるのが一般的です。カスタム ビジュアライゼーションは、重要な傾向、パターン、外れ値を強調表示する明確で直感的なビジュアルにデータを抽出することで、複雑さを簡素化します。

特化したレポート

​医療、金融、製造業界では、規制基準や特定のビジネス ニーズを満たすために、専門的なレポートが必要になることがよくあります。 Reveal のカスタマイズ機能を使用すると、データの正確性や明確さを損なうことなく、これらの要件に準拠したレポートを作成できます。

効果的なデータストーリーテリング

ビジュアライゼーションとは、データを使ってストーリーを伝えることです。カスタム ビジュアライゼーションを使用すると、非常に効果的なデータ駆動型のストーリーを作成できます。データ要素とビジュアルをナラティブに配置することで、論理的な情報の流れを視聴者に導き、意思決定者を実用的な洞察に導くことができます。

強化されたユーザーエクスペリエンス

適切に設計されたカスタム視覚化により、ユーザーはより効果的にデータを操作できるようになり、より深い洞察が得られ、基礎となる情報をより深く理解できるようになります。

Reveal Bi を使用した DIY カスタム データ視覚化

Revealを使用した DIY カスタム ビジュアライゼーション

Revealでは、広範なビジュアライゼーションにより、多彩なコアビジュアライゼーション機能が提供されます。これらには、データ比較、部分対全体分析、データ分散、傾向分析、データ関係、KPI、ゲージ、地理空間データの視覚化が含まれます。当社の製品の中には、一般的なビジネス グラフ タイプだけでなく、ツリーマップや散布図グラフなどの特殊なオプションもあります。

しかし、それだけではありません。プラットフォームへの革新的な追加により、ダッシュボード内で使用できるグラフの種類を制御できるようになりました。特定のニーズに合わないデフォルトのグラフ タイプを削除して、ユーザーのエクスペリエンスを調整します。カスタマイズされたグループを作成して、使用可能なグラフの種類を効率的に整理し、直感的でユーザーフレンドリーなインターフェイスを確保します。

さらに、わずか 4 行のコードで、一意の名前とアイコンを備えた独自のカスタム ビジュアライゼーションを即座に統合できるようになります。この機能は、特定の要件に応じて、新鮮でエキサイティングな方法でデータを表示するための可能性の世界を解き放ちます。

Reveal のカスタム視覚化機能

  • ブランドとテーマ:​アプリケーションのブランドとテーマをシームレスに一致させ、カスタム ビジュアライゼーションが製品全体のルック アンド フィールと確実に調和するようにします。
  • カスタム コンポーネント:特定のニーズに合ったカスタム コンポーネントを自由に作成でき、データのプレゼンテーションと対話性の無限の可能性を提供します。
  • ダッシュボード フィルタリング:カスタム ビジュアライゼーションはダッシュボード フィルタ エクスペリエンスにシームレスに参加し、他のビジュアライゼーションと同様にフィルタリングしたり操作したりできます。
  • 機能の追加/編集:ダッシュボードやレポートでカスタム ビジュアライゼーションを簡単に追加または編集できるため、ユーザーは簡単にアクセスして操作できるようになります。
  • 自己ホスト オプション:アプリケーション内または任意のエンドポイントでカスタム ビジュアライゼーションを自己ホストすることができ、その展開を完全に制御できます。
  • カスタマイズされたユーザー エクスペリエンス: Reveal使用すると、カスタム ビジュアライゼーション内で事実上あらゆる UI コントロールやライブラリを提供できます。

Reveal Custom Visualization はどのように機能しますか?

次に、Revealブリッジ JavaScript ファイルの追加からブランディングとテーマの適用まで、Revealでカスタム データ視覚化がどのように機能するかというプロセスを段階的に見てみましょう。

分析機能が組み込まれたカスタム データの視覚化
  1. カスタム コントロール:カスタム コントロールまたはビジュアライゼーションを準備します。Revealクライアント側の JavaScript ライブラリで動作するため、これらは任意のクライアント フレームワークに基づくことができます。
  1. Reveal Bridge を含める: reveal.bridge.js JavaScript ファイルをプロジェクトに追加します。これは、Revealとカスタム ビジュアライゼーションの間のブリッジとして機能します。
  1. ブリッジを参照する:カスタム ビジュアライゼーションを設定したプロジェクトで、reveal.bridge.js ファイルを参照していることを確認してください。
  1. データの割り当て:カスタム コンポーネントでは、ビジュアライゼーションが期待する値または行にデータを割り当てる必要があります。Revealエディターでフィールドがドラッグされる場合、この割り当てにより、カスタム ビジュアライゼーションがRevealからのデータを正しく使用することが保証されます。
  1. Revealとの統合:カスタム ビジュアライゼーションは、Revealのネイティブ ビジュアライゼーションと同様に動作します。新しいビジュアライゼーションを追加しても、ネイティブ コンポーネントであるかのように同じビジュアライゼーション エディターを使用することになります。これには、フィールドのドラッグ、エディターに表示されるビジュアライゼーションと保存が含まれ、アプリケーションのフィルター エクスペリエンスに自動的に参加します。
  1. 自己ホスト型:カスタム ビジュアライゼーションは自己ホスト型です。つまり、どこにでも配置できます。これは、コアRevealクライアント アプリ内または他のエンドポイントにある可能性があります。
  1. カスタム ビジュアライゼーションをチャートチューザーに追加:このカスタム ビジュアライゼーションをRevealのチャートチューザーに追加すると、ビジュアライゼーションがホストされるエンドポイントをカスタマイズできます。
  1. テーマとブランディングを適用する: Revealテーマとブランディングを完全に制御できるため、アプリケーションのブランドとテーマを一致させることができます。同じテーマとブランドをカスタム コンポーネントに適用できます。
カスタムビジュアライゼーションを明らかにする

カスタム ビジュアライゼーションの作成

Reveal の DIY カスタム ビジュアライゼーション機能を使用すると、ダッシュボード内で使用できるグラフの種類を制御することで、ユーザーのエクスペリエンスを調整できます。このカスタマイズにより、特定のニーズに最も適した方法でデータが表示されるようになります。わずか数行のコードでそれを行う方法は次のとおりです。

1.チャートタイプの更新

既存のグラフ タイプを更新するには、名前、アイコン、グループ化などのプロパティを簡単に変更できます。 replaceView.chartTypes プロパティでグラフの種類を見つけて、次の 4 行のコードを追加します。

var barConfig = revealView.chartTypes.find(x => x.chartType == 'BarChart');  
barConfig.title = 'My Cool Bar';  
barConfig.icon = 'https://help.revealbi.io/img/logo.png';  
barConfig.groups = ["Enterprise Visualizations", "HR", "Some Other Category"]; 

2.チャートタイプの削除

不要なデフォルトのグラフ タイプがある場合は、削除するグラフ タイプ項目のインデックスを見つけて、次のコードを使用して chartTypes 配列から削除することで、それらを簡単に削除できます。

var gridConfig = revealView.chartTypes.find(x => x.chartType == 'Grid');  
revealView.chartTypes.splice(revealView.chartTypes.indexOf(gridConfig), 1); 

3.カスタムチャートタイプの追加

カスタムビジュアライゼーションを [チャートタイプ] ドロップダウンで新しいグラフタイプとして追加することは、最もエキサイティングな部分です。これにより、データを表示する可能性が広がり、次の数行のコードのみで済みます。

revealView.chartTypes.push({  
    title: "Custom Viz",  
    url: "https://host/customViz.html", //provide the url to your custom visualization  
    icon: "https://help.revealbi.io/img/logo.png",  
    groups: ["Custom Visualizations"]  
}); 

DIY カスタム ビジュアリゼーションのビデオ チュートリアル

Reveal の開発者ツール担当上級副社長でありデータ分析の専門家である Jason Beres によるチュートリアルで、独自のビジュアライゼーションをいかに簡単に作成できるかをご自身の目で確認してください。

カスタム ビジュアライゼーションを開始する

カスタム ビジュアライゼーションについて楽しく学んでいただければ幸いです。無料の製品ツアーをスケジュールして、Reveal のさまざまな特徴や機能をご案内することで、当社の製品についてさらに詳しく知ることができます。あるいは、SDK をダウンロードして自分で試すこともできます。

製品の機能をテストしていて問題が発生したり、追加のガイダンスが必要な場合は、Discord チャネル経由で製品チームにお問い合わせください。

最後に、ぜひご意見をお聞かせください。あなたの意見が当社の製品を形作り、あなたとあなたの顧客に最大の価値を提供する機能を確実に提供します。Reveal の使いやすさを向上させるために他に追加できることがあればお知らせください。ロードマップに追加します。

組み込み型分析ツール データ視覚化 の方法

その他のトピック

データ視覚化 組み込み分析
デモを予約