electron-viz - GUIのGraphvizチャートエディタ&ビューワー
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Graphvizを使うとノードを使ったフローチャート、クラス図をはじめ様々なチャートを画像にすることができます。ただし最初に環境を整えるのが手間であったり、dotファイルを書いた後にコマンドで変換しなければなりません。 そんな手間暇を軽減してくれるのがelectron-vizです。Electronで開発されており、GUIでGraphvizを編集できます。 electron-vizの使い方 electron-vizのメイン画面です。左側がエディタ、右側にチャートが描かれます。 例えばこのような図を描きました。オートプレビューが有効になっていれば編集した直後にチャートが描かれます。チャートの内容はGraphviz チュートリアルよりお借りしました。 二つに分かれるサンプル。 さらに複雑
electronなGraphvizエディタ "electron-viz" - Qiita
electronなGraphvizのエディタを作成しました！ https://github.com/Kazunori-Kimura/electron-viz 概要 dotファイルをsvgに変換し、表示します エディタ部分で編集した内容がリアルタイムに反映されます svgファイルを保存できます ダウンロード windows/macのバイナリを作成しています。 ダウンロードは以下のURLから。 https://github.com/Kazunori-Kimura/electron-viz/releases/latest 開発 ソースコードから実行する場合は、以下の手順で。 npm v3の場合は --global-style オプションを指定してインストールしてください。 参考: npm v3 で Electron のパッケージサイズが大きくなる $ git clone git@github.c
Graphvizとdot言語でグラフを描く方法のまとめ - Qiita
概要 Graphvizはdot言語で記述されたグラフ構造を任意のフォーマットの画像ファイルへ出力するツールです。 グラフ構造はdot言語でdotファイルというプレーンテキストに記述します。 この記事はdot言語でグラフを書く方法を簡単にまとめたものです。 環境 下記の環境で動作確認を行いました。 Windows7 (64bit) Graphviz 2.38 参考 下記のサイトを参考にさせて頂きました。 Graphviz - Documentation Graphviz - Gallery Gvizの目次 - Rubyの世界からGraphvizの世界にこんにちは！ Rank attribute is confusing to me - stackoverflow Basic Graphviz - GitHub Graphviz チュートリアル (http://homepage3.nifty.
RubyユニバースをGraphvizで視覚化する
(追記：2014-3-3) Gvizについてのまとめ頁を作りました。 Gvizの目次 - Rubyの世界からGraphvizの世界にこんにちは！ 今日Rubyのクラスツリーを手書きでグラフ化している記事を見かけた。 A diagram of the Ruby Core object model - Jerome’s Adventures in Rubyland これを見てそういえばGraphvizのRubyによるラッパーを書いたのに未だRubyのクラスツリーをグラフ化していないことに気付いた。 melborne/Gviz gviz | RubyGems.org | your community gem host そしてRubyをグラフ化するならやっぱりRuby自身に書いてもらうのが一番だと思った。彼女も20才になったことだし。 早々gem install gvizでgvizを入れて次のよう
Doxygen+Graphvizで、Objective-Cのクラス図を作る - Qiita
brew install doxygen graphviz doxygen -g; edit Doxyfile; doxygen; open html/index.html OSSなライブラリ、たとえばMGBox2の使い方を調べているときに、クラス図が欲しくなりました。 ソースを追っかけてノートに手書きするのも悪くないのですが、せっかくなのでソースから生成させてみました。 調べたところ doxygenとgraphvizの組み合わせがよさそうなので、この組み合わせをインストールしてクラス図を含むドキュメントを生成させます。 doxygenとgraphvizのインストール homebrewを使っていれば、brew install doxygen graphvizでインストール出来ます。 mba% brew install doxygen graphviz ==> Downloading htt
素数とフィボナッチ数の出会いをGviz（Ruby Graphviz Wrapper）で描く
(追記：2014-3-3) Gvizについてのまとめ頁を作りました。 Gvizの目次 - Rubyの世界からGraphvizの世界にこんにちは！ 数字は社会生活における便利な道具の一つです。一方でそれはまた多くの人々を魅了して止まない迷宮の世界です。つまり数字は実用と神秘なる美しさとを同時に兼ね備えた概念なのです。 というわけで… Gvizを使って今度は数字の美しさを表現してみようと思います。素数とフィボナッチ数を使います。 300までの数字を並べる まずは単純に1〜300までの数字を平面的に並べてみます。Gvizで300個のノードを生成し、neatoレイアウトで描画します。 require "gviz" max = 300 label = 'Numbers upto 300' Graph do global layout:'neato', label:label, fontsize:54
東京の地下鉄をGviz（Ruby Graphviz Wrapper）で描く
(追記：2014-3-3) Gvizについてのまとめ頁を作りました。 Gvizの目次 - Rubyの世界からGraphvizの世界にこんにちは！ 全国の駅情報を提供する『駅データ．ｊｐ』という素晴らしいサイトがあります。無料でダウンロードできるCSV形式の駅データには各駅の管理鉄道会社や路線の情報だけでなく、駅の経度・緯度情報までもが含まれています。マコトニスバラシイ。イママデシラナカッタノガハズカシイ。 そんなわけで… 今回はGvizを使って、東京の地下鉄、すなわち東京メトロ＋都営（東京都交通局）の路線図に挑戦してみます。 駅データの取得 まずは駅データを取得します。先のサイトのダウンロード頁からマスターデータ（m_station.csv）をDLします。サイトの仕様書頁にあるように、各駅情報は次の14フィールドで構成されています。 データ仕様 1. 鉄道概要コード 2. 路線コード 3.
Ruby Graphvizラッパー「Gviz」でアメリカ合衆国をデータビジュアライズしよう！
(追記：2014-3-3) Gvizについてのまとめ頁を作りました。 Gvizの目次 - Rubyの世界からGraphvizの世界にこんにちは！ RubyのGraphvizラッパー「Gviz」を前回紹介しました。 Yet Another Ruby Graphviz Interfaceを作ったからみんなで大量のグラフを作って遊ぼうよ！ そこでは隣接県情報に基づき日本地図を作りました。出来は兎も角、僕はこのやり方がすっかり気に入りました。そこで今回はもう一歩進んでこの地図でデータビジュアライゼーションをしてみようと思います。題材はアメリカ合衆国です！ 以下では、データの取得から順を追ってグラフ作成のやり方を説明しています。ちょっと長い投稿になります。 隣接州情報の生成 地図の形のベースとなる隣接州情報を用意します。List of U.S. state abbreviations - Wikip
Yet Another Ruby Graphviz Interfaceを作ったからみんなで大量のグラフを作って遊ぼうよ！
(追記：2014-3-3) Gvizについてのまとめ頁を作りました。 Gvizの目次 - Rubyの世界からGraphvizの世界にこんにちは！ このブログとかでたまに無向だとか有向だとかのチャートの方じゃないグラフが書きたいと思うことがあるよ。でまさかこのご時世で今更VISIOとかあり得ないからGraphvizのdotファイルを書くことになるんだけどDOT言語は制御構造を持ってないから結局より高級な言語によるインタフェースが必要になるよ。でRubyの出番ってことになるんだけどGithubで”graphviz ruby“で検索すると1200件以上ものリポジトリがヒットするんだよ。でこの中から適当なものを選んで使えばいいってことなんだろうけどさすがにこれだけあるとどれを選んでいいか全然わからないから結局The Ruby Toolbox当たりで”graphviz“にヒットする20件くらいの中か
yard graphでクラス図を生成しちゃえ☆（ゝω・）vｷｬﾋﾟ - すがブロ
yardは単なるドキュメンテーションライブラリではない!! みなさん Yard はご存知ですか。ご存知ですよね。 RDocとか、Rubyでソースコードに書くドキュメンテーションツールでYARD(http://yardoc.org/)ってありますよね。 プロジェクトのルートでyard docってやるとrdocで実行するのと同じようにドキュメントが生成されるのですが、それだけで満足しては行けないんだよ。 yard helpって打つとサブコマンドがいろいろ出てくるんだよ。 % yard help Usage: yard <command> [options] Commands: config Views or edits current global configuration diff Returns the object diff of two gems or .yardoc files d
Mscgen: A Message Sequence Chart Renderer
What is it? Mscgen is a small program that parses Message Sequence Chart descriptions and produces PNG, SVG, EPS or server side image maps (ismaps) as the output. Message Sequence Charts (MSCs) are a way of representing entities and interactions over some time period and are often used in combination with SDL. MSCs are popular in Telecoms to specify how protocols operate although MSCs need not be
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Viz.js
canviz - Google Code
Algo::rithmique | Leonhard