--- title: Vizlib Library for Qlik Sense で作成できる美しくわかりやすいチャート21個 description: Vizlib Library for Qlik Sense 紹介 image: https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/top-5-practices-dashboards-e1573554747215.png --- ![INSIGHT LAB_文字のみ_WHT-1](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF_WHT-1.png?width=400&height=110&name=INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF_WHT-1.png) ![INSIGHT LAB_文字のみ](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF.png?width=400&height=110&name=INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF.png) [![お問い合わせ](https://hubspot-no-cache-na2-prod.s3.amazonaws.com/cta/default/5935783/34d009b3-5a7a-4831-94b3-6815d42142d9.png)](https://hubspot-cta-redirect-na2-prod.s3.amazonaws.com/cta/redirect/5935783/34d009b3-5a7a-4831-94b3-6815d42142d9) - [Vizlibナレッジ](https://knowledge.insight-lab.co.jp/vizlib) - [お役立ち資料](https://download.insight-lab.co.jp/vizlib/download) ###### 5 分で読むことができます。 # [Vizlib Library for Qlik Sense で作成できる美しくわかりやすいチャート21個](https://knowledge.insight-lab.co.jp/vizlib/vizlib-library-for-qlik-sense) 執筆者 [Deck](https://knowledge.insight-lab.co.jp/vizlib/author/deck) 更新日時 2019年12月 ###### Topics: [Vizlib Library](https://knowledge.insight-lab.co.jp/vizlib/tag/vizlib-library) ![Vizlib Library for Qlik Sense で作成できる美しくわかりやすいチャート21個](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/top-5-practices-dashboards-e1573554747215.png) 目次 Vizlib Library( [https://home.vizlib.com/](https://home.vizlib.com/) )は英国Vizlib社による、Qlik Senseにカスタマイズ性の高いチャートを追加できる拡張機能です。 この拡張機能は非常に多彩な分析方法とビジュアライゼーションのカスタマイズを提供します。 公式サイトよりVizlibを使用したダッシュボードの画像を引用します。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/top-5-practices-dashboards-e1573554747215.png?width=800&height=731&name=top-5-practices-dashboards-e1573554747215.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/top-5-practices-dashboards-e1573554747215.png) 通常のQlik Senseで作成できるダッシュボードとは全く違う表現力を持っていることがわかるかと思います。 (引用元: [https://home.vizlib.com/2019/11/12/top-5-data-visualisation-best-practices-you-need-to-remember/](https://home.vizlib.com/2019/11/12/top-5-data-visualisation-best-practices-you-need-to-remember/) ) この記事ではVizlib libraryの特徴と作成可能なチャートを画像付きで紹介します。   ## **Vizlib Libraryの特徴** Vizlib libraryは次のような特徴を有しています。 ・カレンダー、ヒートマップ、ベン図などの高品質なチャートをノーコード作成できる ・その上で高いカスタマイズ性を有しておりチャート上にHTMLを記述して任意のオブジェクトを表示することができる ・フリーミアムモデルであり、まずは無料で試すことができる（無料版は1アカウントあたり5ユーザーまで、チャート背景にVizlibロゴが表示される。課金は月または年単位） ・オンライン専用であり、自動アップデート機能を搭載しているがオフラインでの使用は不可（Enterpriseのみオフラインで使用可能） ・上記のアップデートにより自動で機能拡張やバグ修正が行われる   ## **作成可能なチャートタイプ一覧** 2019年12月時点で、Vizlib シリーズには「Vizlib Library」「Vizlib Self-Service」「Vizlib Finance report」「Vizlib Collaboration」がリリースされています。 本記事では最も基本的な「Vizlib Library」で使用できるチャート24種類を一覧で紹介します。 ### **１　Story Timeline** 時系列に沿って起こった出来事を左右にスライド表示できます。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/chart1_storytimeline.png?width=990&height=613&name=chart1_storytimeline.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/chart1_storytimeline.png) ### **２　Pivot Table** Qlik Sense標準のピボットテーブルの機能に加え、ソート・背景色・アイコン表示などが強化されています。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/chart2_pivot.png?width=990&height=611&name=chart2_pivot.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/chart2_pivot.png) ### **３　Sheet Menu** 画面上部のメニューをカスタマイズできるようになります。 Qlik Sense標準の保存ボタンやシート遷移メニューが上書きされ、見た目の変更や追加ボタンを設定できます。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/chart3_sheetmenu.png?width=1375&height=692&name=chart3_sheetmenu.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/chart3_sheetmenu.png) ### **４　Filter** 項目選択を標準・ボタン・プルダウン・ラジオボタンに変更することができます。 さらに、項目選択時に追加のアクション（項目値の選択、別シートに移動、etc...）を発生させることもできます。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/chart4_filter.png?width=1122&height=459&name=chart4_filter.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/chart4_filter.png) ### **５　Calendar** カスタマイズ可能なカレンダーチャートです。 日付の開始～終了を選択する機能も付属しています。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/chart4_calendar_1.png?width=1195&height=607&name=chart4_calendar_1.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/chart4_calendar_1.png) [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/chart4_calendar_2.png?width=795&height=604&name=chart4_calendar_2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/chart4_calendar_2.png) ### **６　KPI Designer** 10種類以上のKPIが用意されています。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/chart6_kpi.png?width=1114&height=379&name=chart6_kpi.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/chart6_kpi.png) [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/chartt6_kpi2.png?width=1103&height=424&name=chartt6_kpi2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/chartt6_kpi2.png) ### **７　Bar Chart** アイコンで表示したり、棒をグループ化して重ねて表示するチャートを作成できます。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/chart7_bar1.png?width=886&height=396&name=chart7_bar1.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/chart7_bar1.png) ### **８　スライダー** 値を１つまたは範囲で選択することができるスライダーです。 値の最小・最大・目盛幅は自由に設定できます。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/chart11_slider.png?width=1294&height=577&name=chart11_slider.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/chart11_slider.png) ### **９　Container** 別々のチャートをボタンで切り替えて表示することができます。 切り替えボタンは画面下部固定ではなく、四隅のいずれかに移動することができます。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/chart9_container.png?width=809&height=349&name=chart9_container.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/chart9_container.png) ### **１０　Heatmap** 多くのカラーパターンがあらかじめ用意されているのが特徴のヒートマップです。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/chart10_heatmap.png?width=690&height=615&name=chart10_heatmap.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/chart10_heatmap.png) [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/chart10_heatmap_color.png?width=250&height=573&name=chart10_heatmap_color.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/chart10_heatmap_color.png) ### **１１　Advanced Text Object** 見た目をカスタマイズできるテキストオブジェクトです。 クリックにアクションを設定したり、カーソルを合わせたときにポップアップを表示することができます。ポップアップはHTMLによるカスタマイズが可能です。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/chart8_text1.png?width=457&height=368&name=chart8_text1.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/chart8_text1.png) [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/chart8_text2.png?width=567&height=240&name=chart8_text2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/chart8_text2.png) ### **１２　Sankey Chart** 標準的なサンキーチャートです。軸の値を表示する位置を見やすい場所にカスタマイズできます。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/chart12_sankeychart.png?width=1326&height=650&name=chart12_sankeychart.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/chart12_sankeychart.png) ### **１３　Table** 数式としてミニチャートを設定できるテーブルです。画像2番目のチャートの丸付き勝敗表示はカスタマイズされたHTMLによるものです。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/chart13_table.png?width=1067&height=359&name=chart13_table.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/chart13_table.png) [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/chart13_table2.png?width=1260&height=513&name=chart13_table2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/chart13_table2.png) ### **１４　Combo Chart** 棒・折れ線・シンボル(丸、四角形など)・アイコンを組み合わせて表示できるチャートです。 チャートに補助線を引くこともできます。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/chart14_combochart.png?width=1094&height=602&name=chart14_combochart.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/chart14_combochart.png) ### **１５　Line Chart** 視覚効果を付け加えることができる折れ線グラフです。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/chart15_linechart.png?width=1095&height=646&name=chart15_linechart.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/chart15_linechart.png) ### **１６　Scatter Chart** ゾーンの色分け・ゾーンの説明を表示できる散布図です。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/chart17_scatterchart.png?width=1004&height=591&name=chart17_scatterchart.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/chart17_scatterchart.png) ### **１７　Pie Chart** 円グラフです。ドーナツ型や鳥頭図に見た目を変更することができます。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/chart17_piechart.png?width=954&height=528&name=chart17_piechart.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/chart17_piechart.png) ### **１８　Venn Diagram** データの重なりを表現するベン図を作成できます。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/chart18_venndiagram.png?width=1099&height=628&name=chart18_venndiagram.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/chart18_venndiagram.png) ### **１９　Activity Gauge** ゲージチャートです。円形・扇形の見た目を選択できるほか、複数メジャーをまとめて表示できます。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/chart19_activitygauge.png?width=1093&height=607&name=chart19_activitygauge.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/chart19_activitygauge.png) ### **２０　Mekko Chart** メッコチャートです。小さい面積はフォントサイズは小さく表示されるので数字がはみ出すことがありません。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/chart20_mekkochart.png?width=1072&height=571&name=chart20_mekkochart.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/chart20_mekkochart.png) ### **２１　Line Object** 縦横どちらも表示できるいろいろな見た目の直線オブジェクトです。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/chart21_lineobject.png?width=1009&height=472&name=chart21_lineobject.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/chart21_lineobject.png)   以上、Vizlib Libraryの基本的なチャート24種類の紹介でした。 Vizlib Libraryを使用すると表現力の高いダッシュボードを作成できることがわかるかと思います。 Vizlib Libraryインストール方法の解説記事は[こちら](https://knowledge.insight-lab.co.jp/vizlib/vizlib-library-for-qlik-sense-trial)です。 Vizlibを体験してみませんか？ INSIGHT LABではVizlib紹介セミナーをオンデマンド配信しています。Vizlibの製品概要から、導入方法、美しいインターフェースをご紹介します。Qlik Senseユーザーの皆様、Qlik Senseの導入をご検討いただいている方も最先端の「データビジュアライゼーション」を是非ご体験ください。 [![詳細はこちら](https://hubspot-no-cache-na2-prod.s3.amazonaws.com/cta/default/5935783/846128e8-ac79-4331-ae76-2d7a778e1503.png)](https://hubspot-cta-redirect-na2-prod.s3.amazonaws.com/cta/redirect/5935783/846128e8-ac79-4331-ae76-2d7a778e1503) - [Tweet](https://twitter.com/share) ![Deck](https://knowledge.insight-lab.co.jp/hubfs/deck.png) #### 執筆者 [Deck](https://knowledge.insight-lab.co.jp/vizlib/author/deck) BIスペシャリスト ###### [次の投稿](https://knowledge.insight-lab.co.jp/vizlib/vizlib-library-for-qlik-sense-trial) [![](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/vizlib_initial.png)](https://knowledge.insight-lab.co.jp/vizlib/vizlib-library-for-qlik-sense-trial) ###### [Vizlib Library for Qlik Sense ダウンロード＆インストール手順解説](https://knowledge.insight-lab.co.jp/vizlib/vizlib-library-for-qlik-sense-trial) RECOMMEND こちらの記事も人気です。 ###### 5 分で読むことができます。 #### [Vizlib Library for Qlik Sense で作成できる美しくわかりやすいチャート21個](https://knowledge.insight-lab.co.jp/vizlib/vizlib-library-for-qlik-sense) ###### 2019年 12月 11日 ###### 4 分で読むことができます。 #### [Vizlib Gantt 機能説明＆ガントチャート作成手順説明（サンプルデータ付き）](https://knowledge.insight-lab.co.jp/vizlib/functions-of-vizlib-gantt) ###### 2020年 2月 28日 ###### 3 分で読むことができます。 #### [【Vizlib Server】OpenSSLでSSL証明書をアップデート](https://knowledge.insight-lab.co.jp/vizlib/openssl_certificate_update) ###### 2024年 6月 3日 ##### INFORMATION INFORMATION - [会社概要](https://www.insight-lab.co.jp/about/company.html) - [お問い合わせ](https://contact.insight-lab.co.jp/main) ##### MENU MENU - VIZLIBとは - [VIZLIBナレッジ](https://knowledge.insight-lab.co.jp/vizlib) - [VIZLIB価格表](https://download.insight-lab.co.jp/bi/wp/vizlib-price-list) - [お役立ち資料](https://download.insight-lab.co.jp/vizlib/download) [![INSIGHT LAB](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF_WHT-1.png?width=200&height=55&name=INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF_WHT-1.png "INSIGHT LAB")](https://www.insight-lab.co.jp/) - [プライバシーポリシー](https://www.insight-lab.co.jp/privacy.html) Copyright © 2020 INSIGHT LAB, Inc.