Atlassian Confluenceでグラフとチャートを描画する方法

Atlassian Confluenceは、組織でエンタープライズWikiを展開するための強力なソリューションです（ただし、自宅での使用に技術的な問題はありませんが、10ユーザーのライセンスは年間わずか10ドルです）。 そして個人的には、Confluenceは使いやすいインターフェイスを備え、直感的にコンテンツを編集でき、視覚コンポーネントで簡単に補完できるため、最終的に美しく見やすいページが得られるため、Confluenceが好きです。 ところで、この投稿はConfluenceでも書かれています。



多くの人が知っているように、視覚化はコンテンツの認識方法に大きな影響を与えます。 最近、ソーシャルネットワークやテーマコミュニティで明確な傾向があります。たとえば、投稿に視覚情報（猫との同じ写真など）が含まれていない場合、それを読む人はほとんどいません。 そして、それが1ページよりも長い場合...したがって、グラフィックスを使用する必要があります。 そして、ここで私はDevExpressからの仲間の投稿を参照します。彼らは視覚化について興味深い事実を提供しました（証拠はありませんが、私の意見では数字は真実に非常に似ています）：

• 人が視覚で知覚する情報の90％
• 感覚受容体の70％が目にある
• 人間の脳のニューロンの約半分が視覚情報の処理に関与しています
• 情報の処理と分析を行う認知脳機能を使用して視覚データを操作する場合、19％減少
• 視覚情報を扱う人の生産性が17％向上
• 4.5％より詳細な視覚情報を思い出す

有能な視覚化の明らかな有用性とConfluenceの企業の焦点を考慮して、wikiページに少し直接描画してみましょう。 そこにはたくさんのものを描くことができますが、「すぐに使える」機能を使用すると、グラフィックを描画したり、画像を挿入したりできます。 しかし、アトラシアンのエコシステムでは、サードパーティベンダーがすべての味と色に対して膨大な数のアドオンを作成し、最もクールで高価な製品でさえ1か月間無料で試用できるため、これで終わりではありません。 したがって、メモリが最大6回連続して機能する場合、思考のために半年間完全に合法的になりますが、アドオンを自分で拒否したり、ひどい両生類を絞って予算に費やしたり、最終的に製品を購入したりするのは簡単です。

Confluenceのチャート

上で述べたように、箱から取り出すことはあまり成功していません。 しかし、アドオンに注目すると、さまざまな種類の図を描くためのアドオンが多数あります。 最もよく聞かれ、最初のものが検索結果の思いやりのある手に落ちたものを考えてみましょう。 このリストには以下が含まれます。

• CreatelyによるConfluence Diagramming
• ConfluenceのDraw.io図
• 合流のためのLucidchart
• ConfluenceのGliffyダイアグラム
• ConfluenceのGraphviz図

私の観点からは、最初の4つの製品は互いに非常に似ています。 おそらく、彼は機能の特定の要素を互いに「借りる」という事実さえ持っていたのでしょう。 彼らはVisio形式を理解しているため、「すべての図を再描画する必要があるのはなぜか」という疑問に困ることはありません。既存のファイルをインポートするだけです。 ダイアグラムの描画プロセスは非常によく似ています-画像ライブラリの要素がページに追加され、それらの間のリンク、署名が追加されます。 多くのアドオンプロバイダーは、Webベースの図の使用を提案しています。



Bob Swiftの Graphviz Diagrams は少し離れています。 この製品は、すべてが非常に簡単かつ直感的に実装されるアトラシアンのエコシステムの原則に違反していますが、独自の特別な魅力があります。 はい、Confluenceにアドオンを追加するだけでなく、 graphvizグラフ視覚化ライブラリをサーバーにインストールする必要があります。 しかし、その後、強力なDOT言語を使用してデータを自動的に視覚化できます（Habrには、グラフとDOTなしでは人生を想像できない人々がいることは確かです）。



Confluenceのアドオンおよび図のWebバージョンを使用して図を描画する方法の例：









これらのアドオンを統合するのは、それらのいずれかを使用すると、見栄えの良い図や図を描画できます（または単にVisioからインポートできます）が、どういうわけかグラフィックがありませんでした。 そのような機能（データを含むテーブルに従ってプロットする）が存在せず、スケジュールの図式表現に限定されているか、不便に実装されており、一般ユーザーがこれを使用するのは容易ではありません。



DOT言語とGraphvizライブラリの使用方法の例：

A -> B C -> B B -> C D -> A A -> D
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

 e; subgraph clusterA { a -- b; subgraph clusterC { C -- D; } } subgraph clusterB { d -- f } d -- D e -- clusterB clusterC -- clusterB
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

どのアドオンを選択するのが良いかを言うのは困難です。 ほとんどの場合、機能の二次的なものが選択に影響します。 たとえば、インターネットアクセスや柔軟なライセンスなしでサーバー上で自律的に動作する機能。これにより、5人がこのような図の作成に従事している大規模な組織で500ライセンスをすぐに購入できなくなります。 現在、ライセンスの価格はしばしば重要です。 私は、主な非機能特性を表にまとめようとしました：

アドオン	サポート サーバー/クラウド	必須です インターネット	柔軟 免許	ライセンス価格 500ユーザー サーバー/クラウド	サポート インポート/エクスポート Visioファイル	在庫状況 Webバージョン
Createlyによる Confluence Diagramming	はい/いいえ	はい	いや	2000ドル/いいえ	はい	いや
Confluenceの Draw.io 図	はい/はい	はい	いや	3000ドル/無料	はい	はい
合流の ための Lucidchart	はい/はい	はい	はい	柔軟/無料	はい	はい
Confluenceの Gliffy ダイアグラム	はい/はい	いや	いや	6000ドル/ 3000ドル	はい	はい
Confluenceの Graphviz 図	はい/いいえ	いや	いや	580ドル/いいえ	いや	いや

Confluenceのチャート

グーグル「 合流チャート 」、最初のページで私はこれを（率直に言って、まばらに）得ました：

• アトラシアン チャートマクロ （最良の部分は、この製品が既に「すぐに使える」Confluenceに含まれており、追加料金を支払う必要がないことです）
• StiltSoftによるテーブルフィルターとチャート
• Lucidchart （この製品については上記で言及したが、残念ながら、それを使用してグラフィックスをすばやく簡単に描画することはできません。

したがって、最初の2つを検討します。



いずれにせよ、グラフを描くためには、データのあるテーブルが必要です。 このテーブルは、Confluenceでまったく異なる方法で表示できます。たとえば、ゼロから作成する、CSVからインポートする、Excelからコピーして貼り付ける、さらにConfluenceのSQLを使用したDBMSからのクエリによって生成することもできます。 テーブル内でデータがどのように形成されるかは重要ではありません。 また、既存のデータからグラフを作成できます。

Confluenceのグラフマクロ

これはConfluenceに組み込まれたマクロで、次の種類のグラフを描画できます。

• 円グラフ
• 棒グラフ
• 3D棒グラフ
• 時系列チャート
• XY折れ線グラフ
• XYエリアチャート
• 面グラフ
• ガントチャート

マクロには、必要な方法でチャートを正確に表示するための多数の設定があります。 グラフを描画する必要があるすべての一般的なシナリオをカバーしていますが、軟膏にフライがあります（2つも）-これは、グラフ設定をわずかに変更する必要がある場合でも、ページ編集モードへの必須の移行です。怖い。 確かに、これらのスプーンは蜂蜜の樽で補完されています-無料でサンプル付きのドキュメントがあり、それがどのように機能するかを理解し、最も簡単なグラフを作成できます。



ここでは、たとえば、面グラフは次のようになります。







... 3D棒グラフは次のとおりです。







...さまざまな魚の売上比率を視覚的な図表の形で見ることができます円グラフ（円グラフ）：

テーブルフィルターとチャート

このアドオンは、アトラシアンエキスパートおよびアトラシアン検証ベンダーであるStiltSoftによって開発されています。 長所と短所があります。 プロでは、次のことに注意してください。

• アドオンは、グラフを構築できるだけでなく、強力なテーブルフィルタリングメカニズムも備えています（さらに、データ集約を使用してピボットテーブルを構築する方法も知っています）。
• 設定が非常に簡単
• 設定は、ページ編集モードに入らずに、表示モードから直接変更できます（そして、表示モードから保存します）。
• スケジュールはワンクリックでダウンロードできます

しかし、いつものように、マイナスがあるはずです。 アドオンは1つだけです-アドオンの料金を支払う必要があります（Confluenceでアドオンをインストールするプロセスは非常に簡単で、マイナスと考えるのは困難です）。



アドオンは3つのマクロを提供します。

• テーブルフィルター
• ピボットテーブル
• テーブルからのチャート

最初の方法では、Confluenceの複雑なテーブルを表示モードから即座にフィルタリングできます。 フィルタリングは編集モードでもあり、便利な場合があります。 ピボットテーブルマクロを使用すると、値が重複する大きなテーブルの集計値と合計値を含むピボットテーブルを作成できます。 そして最後に、最も興味深いのは表からのチャートです。 ここで彼はグラフを描くことができます、ここに可能なグラフのリストがあります：

• パイ
• ドーナツ
• 3Dドーナツ
• コラム
• 積み上げコラム
• バー
• 積み上げバー
• 行
• 面積
• タイムライン
• 時間帯

テーブルのチャートを使用したチャートの例

魚に関するChartsパイチャートに既に精通しています：

魚の種類	2011
ニシン	9500
サーモン	2900
まぐろ	1500

積み上げ縦棒のようなグラフは次のようになります（ Googleはそれがヒストグラムであると主張しています ）：

	2009	2010	2011
収益	12.4	31.8	41.1
費用	43.6	41.8	31.1

...そして、これが複数列のチャートの外観です：

期間	開いた チケット	保留中 チケット	うまく クローズチケット	チケットは終了しました 応答なし	失敗した クローズチケット	合計 チケット
2015年第1四半期	207	42	381	20	14	664
2015年第2四半期	278	31	247	58	39	653
2015年第3四半期	227	27	200	23	31	508
2015年第4四半期	257	20	237	58	40	612

結果のグラフはワンクリックで画像としてダウンロードできます。または、設定パネルを使用して、表示モードからグラフ設定を直接変更できます。 設定パネル、およびソースデータを含むテーブルを非表示にすることができます。

K-to-k-combo！

グラフのトピックに最も直接影響する肉。 アドオンコンポーネント（セットに含まれる3つのマクロ-グラフ、フィルタリング、サマリーテーブル）は、安全かつ巧妙に組み合わせることができます。 これにより、かなり簡単でリラックスした方法で、標準のChartsマクロに既にアクセスできないグラフを構築できます。 たとえば、フィルターされたピボットテーブルを使用して、チャートを簡単にプロットできます。 これを行うには、テーブルをテーブルフィルターマクロに配置し（ここではその数を減らすことでデータをフィルター処理できます）、ピボットテーブルマクロにテーブルを持つテーブルフィルターを配置し（ピボットテーブルを作成します）、結果のデザインをマクロからグラフのケーキに桜として配置しますテーブル（このマクロはグラフを描画します）。 怖いように聞こえますが、デザインはコシュチェエフの物語によると誰もが知っている死に似ています。 ただし、実際には、これはすべて十分に迅速に行われます。



データとマクロの階層を構築したら、ソースデータのフィルタリング設定、ピボットテーブルの設定、およびスケジュール設定をページビューモードから直接変更できます。すべてがすぐに再カウントおよび再描画されます。 設定はすぐに保存することも、再生してそのままにしておくこともできます。ページがリロードされると、元の状態に戻ります。

JIRAはどうですか？

そしてここで、アトラシアンの人たちはすぐに使えるソリューションを持っています。 開始するには、まだ構成していない場合、ConfluenceとJIRA（アトラシアン製品の標準）間のアプリケーションリンクが必要です。 その後、ConfluenceはJIRAからデータを受信できるようになります。 このデータを視覚化するために、ConfluenceにはJIRA Chartsマクロが含まれています（ちなみに、必要なデータを取得するためにJIRAフィルターとjqlクエリをサポートしています）。 また、受信データのグラフィカル表示には、3種類のグラフがあります。

• JIRAの円グラフ（標準の円グラフ）
• JIRAから作成されたグラフと解決されたグラフ（作成および解決されたタスク）
• JIRA 2次元チャート

標準的な円グラフの例。タスクを実行した仲間のタスクの量的比率を反映しています。







...そして、ここに作成および解決されたタスクの比較図があります：







2次元図の例（基本的に単純なテーブル）：







もちろん、JIRAから取得したデータは、テーブルフィルターとチャートに含まれるマクロを使用して処理およびレンダリングできます。 もちろん、JIRAからデータを取得するプロセスで既にフィルターを適用して、ドラッグして余分なものをフィルターしないようにすることができます。 そして、最小限のフィルター処理されたデータを単純に締めて所定の位置にフィルター処理し、それをピボットテーブルの形式にして、元のフィルター処理されたデータまたは結果のピボットテーブルのいずれかでグラフをプロットできます。 そして、何かが期待通りに見えない場合-フィルターまたはグラフの設定を慎重かつ迅速に変更します。 コンボ！

結論の代わりに

すべてのグラフと画像が適切に配置されており、情報の認識を妨げない、適切なデータ視覚化のスキルを開発する必要があります。 しかし、優れたツールを使用すれば、描画プロセス自体に気を取られることが少なくなるため、開発がはるかに簡単になります。 この記事の後、誰かがConfluenceをもう1つの鈍い企業Wikipediaであると見なさなくなり、他の人が関与するこのソリューションのフルパワーを使い始めることを願っています。