DEISO Vislyとストーリーテリングのインタラクティブデモ
DEISO Vislyは、統合プラットフォームとして データの可視化, 、インタラクティブダッシュボード、そして ストーリーテリング. を提供します。25種類を超えるグラフに対応し、明確で魅力的なビジュアルを通じて複雑な情報をわかりやすく伝えるよう設計されています。技術レポート、ビジネスインサイト、プロジェクト概要など、用途を問わず、Vislyはあらゆる業界やプロジェクトタイプに適応し、データに基づくストーリーを柔軟かつ強力に伝達します。.
本ページでは、 DEISO Visly の機能を、約20種類のライブインタラクティブデモグラフでご紹介します。各ビジュアライゼーションをリアルタイムで操作し、データを説得力のあるインサイトへと変換する方法をご体験いただけます。.
デモ1
インタラクティブチャート：経時的なブラウザ市場シェア
このインタラクティブチャートは、2007年から2019年までのサービスリクエスト数に基づき、主要なウェブブラウザであるChrome、Safari、Internet Explorer（IE）、Edge、Firefox、Operaの利用状況の推移を示しています。ビジュアライゼーションはiframeを使用したレスポンシブな積み上げ面グラフとして提供され、ユーザーはブラウザのトレンドを時系列でインタラクティブに探索できます。.
X軸は2007年5月から2019年後半までの時系列を表し、視認性を高めるためMM/DD/YY形式で回転表示されています。Y軸は0.00から0.70までの正規化されたサービス利用値を示し、他のブラウザに対する各ブラウザの相対的な優位性を表します。.
各ブラウザは、区別しやすく重なりも明確になるよう、固有の色と半透明の塗りつぶしで可視化されています。Chromeは2009年頃から大幅な上昇傾向を示し、2012年までにIEを上回り、ピークに達し 60% 2019年までに。IEは、2007年にはを超える 60% シェアで優勢でしたが、2010年以降急減します。Edgeは後に登場し、小規模ながら存在感を増しています。一方、Firefox、Safari、Operaは比較的一貫しており、変動はわずかです。.
市場の転換点は2つの主要な注釈で示されています。2012年にはChromeが28%に到達し、IEは32%まで低下しました。2019年にはChromeが60%まで拡大し、IEとEdgeを合わせても7%にとどまりました。これらの注釈は、強調のためコールアウト線とテキストで示されています。.
ユーザーインターフェースには、言語選択、ダーク／ライトモードの切り替え、ズーム操作ツールが含まれます。グラフは、デバイスを問わずレスポンシブ性を維持するため、16:9のアスペクト比で埋め込まれています。埋め込みスタイルは最小限に抑えられており、ウェブサイトやダッシュボードへのシームレスな統合に向けて、全画面表示とスクロールの権限を無効にしています。.
このデモグラフは、ブラウザ利用トレンドとプラットフォームの優位性の経時的な変化を提示するための、高度なインタラクティブビジュアライゼーションスイートの一部です。.
デモ2
インタラクティブマップ：日本の都道府県別人口分布
このインタラクティブなコロプレスマップは、日本の47都道府県すべてにおける人口分布を可視化します。各都道府県の人口規模をカラーグラデーションで表現し、人口密度の高い地域と低い地域を素早く識別できます。赤色が濃いほど、人口が多いことを示します。.
背景は視覚的なコントラストを考慮して濃紺で描画され、右側の人口グラデーションバーは薄いピンク（人口が少ない、約87万8,000人）から濃い赤（人口が多い、900万人超）までの範囲を示します。このカラースケールにより、全国の人口動態パターンを容易に把握できます。.
各地域は明確に区分され、インタラクティブに操作できます。ユーザーが都道府県にカーソルを合わせるかクリックすると、以下を示すツールチップが表示されます。
都道府県名の 日本語 (e.g., 北海道)
名称の 英語 （例：Hokkaido）
この 総人口 （単位： 100万人、四捨五入） （例：5M）
マップでは、東京が最も人口密度の高い地域として濃い赤で表示され、大阪や神奈川などがそれに続きます。鳥取や島根など人口の少ない地域は、より淡い色調で表示されます。.
主要なユーザーインターフェース機能には、右上の言語切り替え（初期設定は英語）、左側のズーム機能、アクセシビリティに配慮した左下のライト／ダークモード切り替えが含まれます。地図は完全にレスポンシブ対応で、 16:9 のアスペクト比で埋め込まれており、あらゆるデバイスで最適に表示されます。.
このインタラクティブマップは、地理的な人口統計分析や地域計画に最適です。ユーザーは直感的なインターフェースで人口分布を探索でき、あらゆるウェブサイトやデータダッシュボードにシームレスに埋め込めます。.
デモ3
インタラクティブ棒グラフ：米国州別の平均自動車保険支出額
このインタラクティブ棒グラフは、 平均自動車保険支出額 を、選択した米国の州について色分けされた縦棒で可視化しています。各バーは1つの州に対応し、自動車保険に支出される平均金額を示します。.
この Y軸 は、$0から$500までのドル単位の目盛りで表示されています。赤い 基準線 は、平均の閾値を示す$300の位置に表示されています。この線より上のバーは平均を上回る保険支出を、下のバーはより低い支出を示します。.
州は、 X軸 に2文字の略称で表示されています。例：AL（Alabama）、CA（California）、NY（New York）など。.
各バーはインタラクティブに操作できます。
ユーザーがバーを クリックまたはホバー すると、以下を表示するツールチップが表示されます。
この 州名
この 正確な保険費用 （例：Californiaの場合は「$452」）
各バーは 個別に色分けされており 、並べて比較しやすくなっています。.
グラフの値の例：
CA（California）：$452（グラフ内で最高）
NY（New York）: $447
MT（Montana）：$45（グラフ内で最低）
GA（Georgia）: $405
AZ（アリゾナ州）: $220
視覚効果：
このグラフには 黒い背景 が使用され、コントラストを高めています。.
グリッド線により可読性が向上します。.
アクセシビリティのために、ライト／ダークモードの切り替えが用意されています。.
バーにカーソルを合わせると、選択状態を示すためにアニメーションしたり、わずかに明るく表示されたりする場合があります。.
この棒グラフは、州ごとの自動車保険費用を迅速に比較分析するのに適しており、コストベンチマークや保険政策の調査における意思決定を支援します。.
デモ4
- このマトリクスは、0～100の範囲をとる予測力指数（PPI）を用いて、データセット内の異なる列間における予測力を示しています。スコア0は予測能力がないことを示し、スコア100は完全に予測できることを示します。このマトリクスは、ある列が別の列をどの程度予測できるかを示し、予測の強さは正方形の濃淡で表されます。.
- 例えば、Product列はスコア100で、ProductのTopics分類を完全に予測できます。一方、逆方向の予測力はより弱く、ProductのTopics分類からProductを予測する場合のスコアは70です。同様に、Quantity OrderedはOrder Dateをスコア16で予測できますが、Order DateはQuantity Orderedをまったく予測できず、スコアは0です。.
- 正方形の色が濃いほど、予測関係は強くなります。濃い正方形ほど、有益なグラフを作成するうえで重要です。凡例は正と負の相関の両方を示しており、 網掛けされた正方形は、順序付けされていないカテゴリにより相関を判定できないことを表します。このような判定不能な相関は通常、Country、Gender、Eye colorのように、いずれかの列に論理的な順序を持たないカテゴリがある場合に発生します。.
- 正方形にカーソルを合わせると、各特徴量ペアの詳細を確認できます。このマトリクスにより、データセット内の異なる列間の予測関係を把握でき、より効果的なデータ分析と可視化に役立ちます。.
デモ5
- この棒グラフは、製品ごとの平均価格を高い順に表示しています。グラフには10製品が含まれ、各製品グループの価格を集計して平均価格を算出しています。平均価格が最も高い製品はPrinterで、$134.22です。Printerに続き、Mouseの平均価格は$114.88、Tabletの平均価格は$111.73です。グラフにはこのほか、Desk、Monitor、Chair、Keyboard、External Hard Drive、Laptop、Headphonesが含まれ、平均価格は$109.60から$72.68の範囲です。バーはこれらの平均価格を視覚的に表しており、各製品のコストを容易に比較できます。.
DEMO 6
- この棒グラフは、製品カテゴリごとの平均価格を高い順に示しています。カテゴリには、オフィス機器、コンピューティングデバイス、オフィス家具、コンピュータアクセサリ、ストレージデバイス、その他が含まれます。オフィス機器の平均価格は$134.22で最も高く、コンピューティングデバイスが$111.73、オフィス家具が$106.64で続きます。コンピュータアクセサリとストレージデバイスの平均価格は、それぞれ$95.77と$95.06です。「その他」カテゴリは$81.60で平均価格が最も低くなっています。このグラフは、製品カテゴリ間の平均価格の差異を効果的に示しています。.
DEMO 7
- この棒グラフは、6つの製品カテゴリについて、各グループ分類別に集計した平均注文数量を示しています。カテゴリは平均注文数量に基づき、高い順に並んでいます。.
- コンピュータアクセサリは平均注文数量204で最多となり、平均109のオフィス家具が続きます。次いでコンピューティングデバイスが平均74、ストレージデバイスが平均59です。「その他」カテゴリの平均注文数量は45で、オフィス機器は平均32で最も低くなっています。.
- このグラフは、これらの製品カテゴリにおける平均注文数量を明確に可視化し、各グループの相対的な需要を示しています。.
DEMO 8
- 積み上げ棒グラフは、あるカテゴリ変数の構成を、別のカテゴリ変数の各カテゴリにわたって可視化します。このグラフのカテゴリ変数は「注文数量」と「製品」です。「製品」には、モニター、タブレット、デスク、キーボード、ヘッドホン、外付けハードドライブ、ノートパソコン、椅子、マウス、プリンターの10カテゴリが含まれます。「注文数量」も1から10までの10カテゴリで構成されています。.
- グラフの各列は異なる注文数量を表し、各列内では10の製品カテゴリの構成比が積み上げられ、合計で100%になります。たとえば、「注文数量1」の列におけるモニターのセグメントは57.14%を示しており、注文数量が1であるすべての注文のうち、57.14%がモニターであることを示します。同様に、他の製品カテゴリも各列内の異なるセグメントで表され、注文数量ごとの構成比が示されています。.
- このグラフは、異なる注文数量における製品の分布を効果的に示し、数量別の製品注文の構成を明確に可視化しています。.
DEMO 9
- この棒グラフは、製品タイプ別に集計した10種類の製品の平均注文数量を示しています。製品は平均注文数量の高い順に並んでいます。キーボードは平均注文数量75で最も高く、平均74のタブレットが僅差で続きます。モニターとデスクは、それぞれ平均65と62です。外付けハードドライブの平均注文数量は59で、椅子とノートパソコンはそれぞれ平均47と45です。ヘッドホン、プリンター、マウスは平均が最も低く、それぞれ38、32、26です。製品ごとのサンプル数は異なり、各製品の平均値の算出対象となった注文数を示しています。たとえば、キーボードの平均値は13サンプル、マウスの平均値は5サンプルに基づいています。このグラフは、製品ごとの平均注文数量を明確に比較し、各製品の相対的な人気や需要を示しています。.
DEMO 10
- 積み上げ棒グラフは、あるカテゴリ変数の構成を、別のカテゴリ変数の異なるカテゴリにわたって可視化します。このグラフでは、「注文数量」と「製品のトピック分類」がカテゴリ変数です。「注文数量」は1から10までの10カテゴリで構成され、「製品のトピック分類」には、コンピュータアクセサリ、オフィス家具、コンピューティングデバイス、ストレージデバイス、その他、オフィス機器の6カテゴリが含まれます。.
- グラフの各棒は異なる注文数量を表し、各棒内では6つの製品カテゴリの構成比が積み上げられ、合計で100%になります。たとえば、コンピュータアクセサリを表すセグメントは、各注文数量におけるこのカテゴリの構成比を示します。注文数量1では、コンピュータアクセサリが全体の71.43%を占めており、注文数量が1であるすべての注文のうち、71.43%がコンピュータアクセサリであることを示します。.
- 同様に、各棒内の他のセグメントは、注文数量ごとのオフィス家具、コンピューティングデバイス、ストレージデバイス、その他、オフィス機器の構成比を表します。たとえば、注文数量2では、オフィス家具が18.75%、コンピューティングデバイスが18.75%、ストレージデバイスが12.50%、その他が18.75%、オフィス機器が6.25%を占めます。.
- このグラフは、注文数量ごとに製品カテゴリの分布がどのように異なるかを効果的に示し、データを明確に可視化しています。.
DEMO 11
- 時系列プロットは、変数の値が時間の経過とともにどのように変化するかを示すグラフです。このケースでは、2022年12月30日から2023年12月24日までの製品の平均価格（「Price Each」）を示しています。グラフには、この期間の各日における平均価格を表す線が描かれています。.
- 記録された最高価格は195.82で、2023年10月31日に発生しています。このプロットは、指定期間における製品価格の変動を視覚的に示しており、データの傾向やパターンを容易に把握できます。.
DEMO 12
- 時系列プロットは、2022年12月30日から2023年12月24日までの製品注文数量の経時的な変化を示しています。このプロットでは、この期間における各グループの平均注文数量を強調しています。グラフ上のデータポイントは特定の日付における注文数量を表しており、年間を通じた変動や傾向を示しています。.
- 注文数量の最大値である15は、2023年7月24日に発生しました。このピークはデータセットにおける重要な点であり、その日の需要が高かったことを示しています。このプロットは、注文数量が時間の経過とともにどのように変化するかを明確に可視化し、注文行動におけるパターン、傾向、異常値を容易に特定できます。.
- 総じて、この時系列プロットは、製品注文の時間的な動向を理解するための有用なツールであり、指定期間内の平均数量と特定の高値・低値の両方を示しています。.
DEMO 13
- グラフから、Tabletカテゴリが全体の16%を占め、最も大きな割合を占めていることが分かります。次いでKeyboardカテゴリが13%を占めています。Monitorカテゴリは12%を占め、Laptop、Headphones、External Hard Drive、Deskの各カテゴリはいずれも10%を占めています。Chairカテゴリは8%、Printerカテゴリは6%、Mouseカテゴリは5%を占めています。.
- この可視化ツールは、各製品カテゴリの相対的な構成比を効果的に示しており、データセット内で最も多い製品と最も少ない製品を容易に特定できます。たとえば、Tabletsが最も一般的な製品であり、Miceが最も少ないことが明確に分かります。.
DEMO 14
- 積み上げ棒グラフは、あるカテゴリ変数の全体構成を、別のカテゴリ変数の異なるカテゴリごとに可視化します。このケースでは、グラフは「Topics classification for Product」の6つのカテゴリにおける各種製品の分布を示しています。「Product」と「Topics classification for Product」はいずれもカテゴリ変数であり、グループ化または分類できるテキストラベルで構成されています。.
- 「Product」変数には、External Hard Drive、Laptop、Printer、Tablet、Desk、Chair、Keyboard、Monitor、Headphones、Mouseの10カテゴリが含まれます。「Topics classification for Product」変数には、Other、Office Furniture、Office Equipment、Computing Devices、Computer Accessories、Storage Devicesの6カテゴリが含まれます。.
- グラフの各棒は製品を表し、各棒内の区分は、その製品が「Topics classification for Product」の6カテゴリにどのような割合で分布しているかを示しています。各製品カテゴリの割合は棒内に積み上げて表示され、合計で100%になります。たとえば、External Hard Driveを表す区分はすべてStorage Devicesカテゴリに含まれており、External Hard Driveの100%がこの分類に該当することを示しています。同様に、LaptopカテゴリはすべてComputing Devices分類に含まれます。.
- このグラフは、各製品が異なるカテゴリにどのように分類されているかを明確に可視化し、製品の分布と分類を一目で理解できるようにします。.
デモ 15
- カウントプロットは、どのカテゴリがより頻繁に発生しているかを把握し、カテゴリ間を簡単に比較できる棒グラフです。このカウントプロットでは、10種類の製品カテゴリの出現割合に基づく分布を示しています。.
- このグラフでは、タブレットのカテゴリが全体の16%を占め、最も高い割合となっています。次いでキーボードが13%、モニターが12%を占めています。ヘッドフォン、外付けハードドライブ、ノートパソコン、デスクはそれぞれ全体の10%を占めています。チェアは8%、プリンターは6%、マウスは5%を占めています。.
- この可視化により、各製品カテゴリの相対的な出現頻度が効果的に示され、どの製品がより多く注文されているかを明確に把握できます。.
デモ 16
- このドーナツチャートは、製品のトピック分類における6つのカテゴリの分布を示しています。各カテゴリが全体に占める割合を視覚的に表現しています。コンピューターアクセサリーが全体の40%を占め、最も大きな割合となっています。次いでオフィス家具が18%、コンピューティングデバイスが16%を占めています。ストレージデバイスと「その他」に分類されたカテゴリは、それぞれ全体の10%を占めています。オフィス機器は6%で、最も小さい割合です。この視覚表現により、各カテゴリの相対的な構成比を即座に把握できます。.
デモ 17
- カーネル密度プロットは、単一の数値変数の分布を示し、特定の範囲におけるデータの集中度を効果的に可視化します。x軸は、「各価格」のような変数で取り得るすべての値の範囲を表します。グラフが高いほど、その値が発生する確率が高いことを示します。たとえば、「各価格」の値は35.65付近に最も集中しています。.
- 2つの値の間にあるグラフ下の面積は、その区間に存在する「各価格」の値の割合に対応します。たとえば、40.97から161.23の間にあるグラフ下の領域に網掛けをすると、すべての「各価格」の値のうち約52%がこの範囲に含まれることがわかります。.
- グラフの正確な高さを把握することは必須ではありません。むしろ、グラフの形状における異常や変動を特定する方が有用です。たとえば、x軸が顧客の支出額を表す場合、右側に長く伸びる裾は、一部の顧客が他の顧客より大幅に多く支出していることを示します。.
デモ 18
- このグラフは、2022年12月30日から2023年12月24日までの期間にわたり、ある変数の平均カウントを時系列で示したものです。グラフ上の各データポイントは、特定の日付における平均カウントを表しています。値は1.0から2.0の間で変動し、最大カウントの2.0は2023年1月3日を含む複数の日付で発生しています。このプロットは、指定期間における平均カウントの変化を明確に可視化し、データの傾向やパターンを容易に特定できます。.
