RevealでABC分析！ ファンネルチャート、ブレットグラフでデータを可視化しよう！

# はじめに

## Revealとは
[Reveal  ダッシュボードをアプリケーションに組み込み](https://www.revealbi.io/jp)
> Reveal Embeddedは、アプリケーションに組み込み可能なデータ可視化SDKです。シンプルな価格体系、組み込みの容易さでアプリケーションの価値を最大限向上することができます。


## ABC分析とは？
重要度(ABC)によって、ランク付けをするデータ分析手法です。
よくある例としては、例えば、"商品"の重要度を、"売上金額"によってランク付けしたい場合などに、
売上への貢献度が高い商品はAランク、低い商品はCにランク付けすることで、商品の売り上げ貢献度が一目で分かるようになります。

## でもABC分析の準備は手間がかかる…
分かりやすく便利なABC分析ですが、意外と準備に手間がかかります。。
（詳しくは"ABC分析 Excel"等で検索)
一旦ABC分析を行った場合でも項目を変えて可視化したい！となった場合はさらに手間がかかりますね。。

## RevealでABC分析！（と同等のチャート表示）
Revealではたった２ステップで、ABC分析と同等のチャート表現ができます！

**必要なステップ**
 ①評価項目(商品と売上金額など)を設定
 ②可視化するチャート(ブレットチャートor ファンネルチャート)を選択

(厳密にいうとABC分析機能ではありませんが)
実際に商品、売上金額を選択し、チャート化したものは以下の通り。

### ブレットチャート
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/48623/e2b63c4b-2316-f53b-0423-393f5d51f128.png)


### ファンネルチャート
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/48623/e2df6e8f-8d3f-772e-28a4-ddaab5a9bd4e.png)

各商品の売上に対する貢献度が一目で分かりますね。
これらを、Revealでは数ステップで可視化することができますよ！

# 実際にRevealで試してみよう！
## サンプルデータ
今回は下記のようなデータを用意しました。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/48623/e0cf323c-9ce6-0c7d-bb31-6fb648208d12.png)

項目一覧は下記の通りです。
・データ登録日
・商品名
・商品単価
・初回/継続
・顧客業界種別
・顧客名
・都道府県
・売上個数
・売上金額
・売上日
・購入経路
・ステータス
・営業担当

本記事のABC分析では、"商品名"と"売上金額"に着目していきます。

## サンプルデータの参照
Githubにアップロードしているので、下記よりダウンロードできます。
https://github.com/furugen/Reveal-Samples/blob/master/SampleData/RevealData.xlsx
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/48623/7a95f450-bc1e-e907-243e-b1f8a2c7aafe.png)
※Reveal上からは、直接下記のデータソースを指定するのでダウンロードしなくても次のステップに進めます。


## RevealApp のサイトにアクセス
下記サイトにアクセスし、画面左下の"Revealを試す"をクリックします。
https://www.revealbi.io/jp

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/48623/d766b343-79e5-8975-f0a5-2949f20ca20a.png)

## RevealAppにログイン
Revealはログインしなくても利用できますが、一部機能の制限があるのでログインして利用していきましょう！

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/48623/d767108e-5af4-f9a5-9c90-8cbd18dd013c.png)

サインアップをクリック。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/48623/1a6803fd-76bd-9c7e-fd2e-0d209f872330.png)


Infragistics アカウントの他、お好きなSNSアカウントでもログインできます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/48623/31a17a3c-9632-95c5-3b46-4c9c2d0f0033.png)

ログイン後、Revealのダッシュボード画面が表示されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/48623/e7c59d1d-f9bf-8da4-452d-d5a06c808336.png)

## ダッシュボードを作成
続けて、ダッシュボードを作成していきます。

画面右上の"ダッシュボード"ボタンをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/48623/9e53778d-69be-95eb-d962-08b8a10f9bd9.png)

## データソースの設定
データソースの選択は、ウェブリソースを選択します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/48623/000acc2c-1498-836c-4191-68e8318c9f17.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/48623/a20fbd70-84e0-0091-56ce-770e46a03c9d.png)

### ウェブリソースの設定
新しいウェブリソースの追加画面、URLに上記で紹介したExcelデータ(URL)を設定しましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/48623/09936c57-9459-36d6-08e4-8548a7006b60.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/48623/4ce5c613-1403-fd1d-38ce-1c7081016c44.png)


URLに下記を入力します。
https://github.com/furugen/Reveal-Samples/raw/master/SampleData/RevealData.xlsx

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/48623/5e27d133-badb-1851-d20d-d2a81f325ef9.png)


続いてアカウントの選択

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/48623/69e8a71c-ef46-f662-0aec-c6921cbc0be7.png)

今回用意したエクセルデータは資格情報なしで参照できるリソースなので "アカウントなし" を選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/48623/831172d3-d1cb-6430-354e-378346ca3598.png)

データソースの選択を確定していきます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/48623/63730ce1-7286-2576-5ed2-d04e7d64d608.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/48623/f3523979-bd4d-f5e9-11b6-81fbbd618a8f.png)

データ設定画面(下記)が表示できれば、データ選択完了！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/48623/e3570bd8-8aa6-d7e7-6aac-c6c26c5f973f.png)


## 分析/可視化したい項目を設定してチャート化！
データソースの選択が終わりましたので、次はいよいよ項目の設定してからのチャート表示です！

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/48623/2f0ab2db-4ffe-85a8-70cb-7b22624a87aa.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/48623/082f81eb-0d95-911d-4ddd-a15d0ce3a5c4.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/48623/bc4e4d17-85e3-1dc5-9848-815402957e03.png)


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/48623/05365ba6-8002-ecff-97fd-f1deebeb5b75.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/48623/ee3aaff5-068f-8b4a-93dc-b71ca11e8a33.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/48623/4e037175-dffc-2e33-275e-7dad7d1417ca.png)


最後にチャートを選択します！

## ファンネルチャートの表示
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/48623/fff9d0a8-df4d-006b-3ab0-f5d0942e7b88.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/48623/8c8ca24a-e1fe-a4a4-390f-4905895c2c8e.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/48623/6e6f7af3-baa9-291c-c885-3f47d01f651d.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/48623/05639555-560f-f315-4b95-93fd7a81a254.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/48623/7bc57e51-c8a6-0615-97dd-ba638520c532.png)


## ブレットチャートの表示
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/48623/fff9d0a8-df4d-006b-3ab0-f5d0942e7b88.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/48623/8c8ca24a-e1fe-a4a4-390f-4905895c2c8e.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/48623/63b9e499-610d-0538-1c7c-c315c7fa3e66.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/48623/184a961e-66f6-07f3-5ccc-bbd9a94deb1c.png)


# まとめ
RevealでABC分析を行っていきました。
厳密にはABC分析でありませんが、同等の期待を、シンプルに数ステップで得られるのがRevealの良いところですね！

データソースあるけど、可視化するのにコストが掛かる。。。そんな時、RevealAppで高速にデータ可視化を表現することができます。
もしご興味があれば是非お試しください！

下記のサイトより、ご利用のブラウザで簡単にお試し頂けます。
https://www.revealbi.io/jp