mdaines/viz.js: A hack to put Graphviz on the web.You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Amazonが流行ると本屋が潰れる法則は正しいのか？ | Tips of Rubbish
仕事で開発を行っていると、必ず通るのが「ドキュメント作業」 中でも、フローチャートは、テキストファイルだけでは書ききれなく、 cacooのようなサービスや、Excelのように、力技で書き込むパターンが多いと 思いますが、「Dot言語」というフローチャートを書く為だけの言語が 存在するのをご存知だろうか？ フローチャートの基本 プログラムの進行状況や関数の遷移などを、見た目で分かるように作るというのがポイントで いわゆる、他人が見てわかるようにするための資料なのですが、はっきり言ってプログラムがわからない人が見ても絶対にわからないので、果たしてこの「フロー図」というものの存在意義も疑わしいのですが、商品を買ったら必ずついてくる説明書と同じ理由で、作成することを前提に考えよう。 ・・・あれ？iphoneの説明書・・・ DotFlowの概要 フロー図を記述するのですが、今のところ、excelのよ
.dot【拡張子】とは｜「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典
簡単に書くよ .dot【拡張子】とは ファイルの種類を表す目印（拡張子）のひとつ であり Word2003以前のWordテンプレートファイル（ひな形になるファイル）に付く拡張子 です。 順番に見ていきましょう。 まずは予備知識として ・Word（Microsoft Word） ・テンプレート ・テンプレートファイル ・拡張子 について簡単に説明します。 「そんなの説明されなくても知ってるよ！」な人は適当に読み飛ばしてください。 Wordは「マイクロソフトさんが作った文書作成ソフト」です。 正式名称は「Microsoft Word」ですが、単に「Word」と呼ばれることが多いでしょう。 「Microsoft Office」と呼ばれる製品のひとつです。 テンプレートは「ひな形」です。 複製したり流用して何か新しいものを作ったりする際の「元ネタ」です。 テンプレートファイルは「ひな形になるファイ
Doxygen と Graphviz でコールグラフを描く際の設定 - shouhの日記
前提 細かい手順は控える Windows での導入を前提とする Doxygen自体はマルチOS対応なので, 設定項目はLinux等でも共通のはず... 1. コールグラフを描くために必要なもの Graphviz。 公式サイト等から入手し、インストールして、dot.exeのあるディレクトリを控えとく。 2. コールグラフを描くために必要なDoxygenの設定 EXTRACT_ALL = YES # Doxygenコメントの書いてない関数も対象にしたい場合 SOURCE_BROWSER = YES RECURSIVE = YES HAVE_DOT = YES DOT_NUM_THREADS = 4 # 0でもいいがスレッドがあると処理が早い CALL_GRAPH = YES CALLER_GRAPH = YES DOT_PATH = "C:/Program Files/Graphviz2.38
Web開発でもアプリ開発でも使える状態遷移図を自動生成するツールを作りました - Qiita
概要 先日こちらの記事でgraphvizを使って状態遷移図を作成する方法をご紹介したのですが、これでもまだ複雑で記述量も多いのでとっつきづらいと思い、このgraphvizのソースコードを自動生成して画像を出力するコマンドラインアプリケーションを作成しました。 このアプリケーションはPyagram（ぱいあぐらむ）といい、その名前から察しがつくかと思いますがPythonを使用して開発されました。開発期間は１日でした。 このPyagramを使うことで複雑な状態遷移図を比較的簡単に作成することができるようになりますので、以下でご紹介したいと思います。 状態遷移図の描き方についてはこちらの記事を参考にしています。 出来上がりの図は以下のような感じになります。 図には幾つかのオブジェクトがあります。 図のタイトル（最上段） ビュー（二重丸） サーバサイドの処理（灰色の背景の一重丸） 画面遷移（破線の矢
GraphvizのDOT言語をJavaScriptで実装·canviz MOONGIFT
canvizはCanvasを使ってDOTファイルをグラフ化するソフトウェアです。 フローチャートなど複雑なグラフを描くのに適しているのにDOT言語が知られています。通常、Graphvizを使って画像化するのですが、今回はcanvizを紹介します。なんとDOTファイルを読み込み、Webブラウザ上にCanvasタグで描き出してくれます。 例。かなり複雑な関係性を表示しています。 別なグラフ。こちらも関係性が複雑です。 レイアウトを変更するとグラフも全く別物になります。 表示の大きさは自由に変えられます。 こんな図も。 複数線がつながっている、そんな表示も実現します。 色付きの枠。 グルーピング。 グルーピングでさらに色付き。 ノード自体が色付き。 14の頂点で相互につながっています。 同じグラフもレイアウトを変えるとこんな感じに。 Graphvizを使う場合は主に個人用途、もしくは変換後の画像
簡単なサンプル
サンプル１と解説 ここでは、Graphviz の dot コマンドを使って、簡単なグラフを書いてみます。 実際にやってみると、少しずつ様子がわかってきます。 サンプル１と解説 最初はとても単純なサンプルです。 sample1.dot という名前のテキストファイルを作り、 次のような DOT 言語を記述します。 1 : digraph sample { 2 : alpha -> beta; 3 : alpha -> gamma; 4 : beta -> delta; 5 : } これを GIF 画像の有向グラフに変換するには、 $ dot -Tgif sample1.dot -o sample1.gif とします。 オプション「-Tgif」は GIF 形式の画像を生成することを示し、 「-o sample1.gif」は出力ファイルを指定します。 このコマンドを実行してできるグラフは次のように
Graphvizで日本語を使う (Graphviz version 2.26.3) - とあるソフトウェア開発者のブログ
Graphvizで日本語を使う場合の注意点をメモしておきます。対象バージョンは、2.26.3(最新の安定版)です。前半はOS非依存の話、後半は主にWindowsでの話です。 エンコーディング 現在、Graphvizがサポートするエンコーディングは、 UTF-8 iso-8859-1 (Latin1) の2つです。*1 Graphvizで日本語テキストを扱う場合、必然的にUTF-8を選択することになります。なお、UTF-8はデフォルトのエンコーディングですので特に指定する必要はないのですが、graphの属性として明示的に指定することも可能です。 ... graph [charset="UTF-8", ...]; ... フォント名を指定する対象 日本語テキストを使用する場合は、日本語フォントを指定する場合が多いと思います。Graphvizでは、グラフ、ノード、エッジのそれぞれに対してフォント
GNU Scientific Library マニュアル 日本語訳の文章
コンテンツへスキップ Computational Biology Research Consortium CBRC.JP
Graphviz for Windowsにかませるちょっとしたマクロ的な何か - ooharakの日記
最近、職場ではPukiwikiのgraphvizプラグインを使いまくっている。 あのプラグインで地味に便利なのが、マクロ定義機能。Cの#defineみたいなもので #graphviz(define,DFD:Entity,[shape="box",style="filled",fillcolor="#FFFFDD"])なんて定義をしておくと、graphvizで何か書こうってときに #graphviz{{{ digraph { node DFD:Entity; a -> b; }; }}};なんてな具合に書くと、DFD:Entityの部分が定義に置き換わるっていう便利なもの。 これは便利なんだけど、毎回プラグインを通してプレビューするとサーバに負荷が掛かるし、遅い。 そこでGraphviz for Winに付属しているGVEdit.exeを使ってやることにした。 Tipsのページを参考にさせて
graphviz
Graphviz 使いかた http://www.graphviz.org/ グラフ自動生成ツール 日本語のマニュアルが見付からなかったので自分が使うところだけをまとめてみ る。 もちろん超意訳なので間違いが多々あると思いますので御了承下さい。(という かそんなにまじめに訳していない) 各種ツールの位置付け dot: 有向グラフ作成用 neato: 無向グラフ作成用 twopi: 放射状グラフ(radial layouts of graphs) circo: 循環グラフ(circular layout of graphs) fdp: 無向グラフ作成用 dotファイルは同じだけれど、これら各種グラフごとにレイアウトが異なる。 マニュアル コマンドライン解説 % dot [-(G|N|E)name=value] [-Tlang] [-l libfile] [-o outfile] [-v] [
サブグラフ
サブグラフの基本 クラスタの描画属性 サブグラフを端点とするエッジ Graphviz は、グラフを階層的に描くためにサブグラフの機能を用意しています。 サブグラフの基本 サブグラフを描くには、キーワード subgraph を用います。 下記の例は、２つのサブグラフ（cluster0、cluster1）を作成しています。 1 : digraph sample { 2 : subgraph cluster0 { 3 : label = "area 0"; 4 : a->b; 5 : a->c; 6 : } 7 : subgraph cluster1 { 8 : label = "area 1"; 9 : d->e; 10 : d->f; 11 : } 12 : } この記述からは次のようなグラフが生成されます。 ここで、サブグラフの名前を「cluster0」と「cluster1」にしていますが
ウェブリブログ：サービスは終了しました。
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
Graphviz - mynote
AT&Tのオープンソースでグラフ構造を描画するツール。 dot言語を用いて記述する。 Doxygenなんかで関数呼び出しやクラスの関連図の可視化にも使われているようだ。 簡単な使い方† A→B, B→C, C→Aの辺を持つ有向グラフの描画 test.dot digraph "g" { "A" -> "B" ; "B" -> "C" ; "C" -> "A" ; } で、test.dotをdottyかlneatoに食わせると新しいウィンドウで描画する。 ファイルに書き出すときは、 dot -Kneato -Tgif test.dot -o test.gif 引数の-Kはレイアウトエンジンでcirco, dot, fdp, neato, twopiの５つのどれか。-Tは出力ファイルのフォーマットでdot, gif, jpg, png, ps, svgとか色々ある。 dottyの使い方† dot
Graphviz で歌詞を可視化してみる - Λάδι Βιώσας
昨日の続きです。Graphviz で何か面白い事を出来ないかなあ、と考えて、ミクシーのマイミクリスト相関図とか、エログサイトのサイト間リンクを可視化とか色々考えて作ってみたりしたものの、どれもありふれてるネタのような気がして今イチな感じ。 で、、、今日ふと旧友に会ったら、最近 Perfume を聞いてる、という話を聞きました。そこで、おーそうだ歌詞を可視化（ダジャレ）してみたら面白いんじゃないか（←ダジャレが）と思いついたので、早速作ってみた。 コードはこんな感じ。 # -*- coding: utf-8 -*- require 'MeCab' require 'kconv' require 'rubygems' require "graphviz" c = MeCab::Tagger.new("-O wakati") lyrics = open(ARGV[0]).read.toutf8
Graph 可視化ソフト graphviz
► 2023 (1) ► 06 (1) ► 2022 (3) ► 09 (1) ► 06 (1) ► 03 (1) ► 2021 (4) ► 10 (1) ► 09 (1) ► 06 (1) ► 04 (1) ► 2020 (5) ► 11 (1) ► 10 (1) ► 09 (1) ► 06 (2) ► 2019 (7) ► 09 (1) ► 06 (4) ► 05 (1) ► 03 (1) ► 2018 (14) ► 12 (1) ► 11 (1) ► 10 (5) ► 09 (3) ► 06 (1) ► 05 (1) ► 03 (2) ► 2017 (76) ► 09 (5) ► 07 (2) ► 06 (5) ► 05 (1) ► 04 (2) ► 03 (11) ► 02 (23) ► 01 (27) ► 2016 (39) ► 10 (11) ► 09 (12) ► 06 (4
Graphviz チュートリアル
Graphviz というツールは、 「DOT 言語」という言語で書かれたグラフ表現を GIF や PNG などのファイルフォーマットに変換してくれるシステムです。 本家のホームページは http://www.graphviz.org/ です。 ここでは、Graphviz のインストールと使い方についてまとめてみました。 なお、ここでインストール／使用する Graphviz は version 2.4（2005-08-01 現在）です。 また、インストール先の環境は Cygwin です。 ダウンロードとインストール 簡単なサンプル グラフ全体の属性 ノードの属性 エッジの属性 その他の事項 レコード サブグラフ 無向グラフ 形の一覧 トップへ ↑
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GraphvizでER図を書く方法 - AbYlog
debtree - Package dependency graphs
http://bd.tank.jp/d/20100304.html