LoginSignup
13
12

More than 5 years have passed since last update.

AtomでGraphvizを使う

Posted at

この記事は、Atom のパッケージ graphviz-previewlanguage-dot の使い方の説明です。

前置き

Atomとは

皆さん、すでにご存知のことでしょう。
なので、省略。

Atom

Graphvizとは

AT&T研究所が開発したグラフを視覚化するオープンソースのフリーソフトウェア。
Graphvizの特徴として、ノードが増えても賢くレイアウトを整えてくれます。

Graphviz | Graphviz - Graph Visualization Software

Graphviz - Wikipedia

DOT言語とは

DOT は、テキストを用いてデータ構造としてのグラフを表現するための、データ記述言語の一種。
コンピュータで処理しやすく、かつ目で見ても分かり易い、単純化された形式でグラフを記述することができます。

The DOT Language | Graphviz - Graph Visualization Software

DOT言語 - Wikipedia

グラフ(graph)とは

ここでいうグラフとは、棒グラフや円グラフのことではありません。
ノード(頂点)群とノード間の連結関係を表すエッジ(枝)群で構成される抽象データ型の一種である。

グラフ (データ構造) - Wikipedia

グラフ理論 - Wikipedia

箱を矢印でつないだ図形です。
ネットワーク図、フロー図、関係図などが相当します。

前提条件

  • Atomはすでにインストール済み
  • Graphvizはすでにインストール済み

なにをやりたいのか

DOTファイルのシンタックスハイライト(language-dot)
Atomからグラフの図形を書く(graphviz-preview)

個人的には、書きたい文章の関係図をつくって、整理したかったのです。

インストール

apm install language-dot
apm install graphviz-preview

入れたらすぐに使えるようになります。

使用例
スクリーンショット 2016-07-12 19.58.31.png

使用感

大きなグラフを表示するのには向いていないようです。

13
12
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
13
12