Thursday, March 10, 2011

Graphvizでレコード型のノードを描画する

Graphvizでレコード型のノードを描画するには、以下のようにshape attributeを使用します。

graph25.dot(UTF-8で保存)
digraph graph25
{
node [fontname="MS Gothic"];
項目1[shape=record, label="<lp>左|中央|<rp>右"];
項目1:lp -> 項目2;
項目1:rp -> 項目3;
}

実行コマンド
dot -Gviewport=200,200 -Gresolution=72 -Tpng graph25.dot -o test25.png

出力画像


動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/

Tuesday, March 08, 2011

Graphvizで矢印の接続元を指定する

Graphvizで矢印の接続元を指定するには、以下のようにtailport attributeを使用します。

graph24.dot(UTF-8で保存)
digraph graph24
{
node [fontname="MS Gothic"];
項目1 -> 項目2 -> 項目3;
項目2 -> 項目4 [tailport="e"];
項目2 -> 項目5 [tailport="w"];
}

実行コマンド
dot -Gviewport=200,200 -Gresolution=72 -Tpng graph24.dot -o test24.png

出力画像


動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/

Sunday, March 06, 2011

Graphvizでノードのランクを合わせる

Graphvizでノードのランクを合わせるには、以下のようにrank attributeを使用します。

graph23.dot(UTF-8で保存)
graph graph23
{
node [fontname="MS Gothic"];
項目1 -- 項目2 -- 項目3;
項目2 -- 項目4 -- 項目5;
{rank=same; 項目2; 項目4;}
}

実行コマンド
dot -Gviewport=200,200 -Gresolution=72 -Tpng graph23.dot -o test23.png

出力画像


動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/

Friday, March 04, 2011

GraphvizでHTML風のラベルを指定する

GraphvizでHTML風のラベルを指定するには、以下のようにlabel attributeを使用します。

graph22.dot(UTF-8で保存)
graph graph21
{
node [fontname="MS Gothic"];
項目1 [shape="none", label=<
<table cellpadding="16" cellspacing="4">
<tr><td>1 </td><td>2 </td></tr>
<tr><td>100</td><td>200</td></tr>
</table>>];
}

実行コマンド
dot -Gviewport=200,200 -Gresolution=72 -Tpng graph22.dot -o test22.png

出力画像


動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/

Wednesday, March 02, 2011

Graphvizで線のラベルを指定する

Graphvizで線のラベルを指定するには、以下のようにlabel attributeを使用します。

graph21.dot(UTF-8で保存)
graph graph21
{
node [fontname="MS Gothic"];
項目1 -- 項目2 -- 項目3;
項目2 -- 項目4 [label="execute"];
}

実行コマンド
dot -Gviewport=200,200 -Gresolution=72 -Tpng graph21.dot -o test21.png

出力画像


動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/

Monday, February 28, 2011

Graphvizで矢印を点線・破線にする

Graphvizで矢印を点線・破線にするには、以下のようにstyle attributeを使用します。

graph20.dot(UTF-8で保存)
digraph graph20
{
node [fontname="MS Gothic"];
項目1 -> 項目2 -> 項目3 [style="dotted"];
項目2 -> 項目4 [style="dashed"];
}

実行コマンド
dot -Gviewport=200,200 -Gresolution=72 -Tpng graph20.dot -o test20.png

出力画像


動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/

Saturday, February 26, 2011

Graphvizで矢印の接続先を指定する

Graphvizで矢印の接続先を指定するには、以下のようにheadport attributeを使用します。

graph19.dot(UTF-8で保存)
digraph graph19
{
node [fontname="MS Gothic"];
項目1 -> 項目2 -> 項目3;
項目2 -> 項目4 [headport="w"];
項目2 -> 項目5 [headport="e"];
項目2 -> 項目6 [headport="s"];
}

実行コマンド
dot -Gviewport=400,300 -Gresolution=72 -Tpng graph19.dot -o test19.png

出力画像


動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/

Thursday, February 24, 2011

Graphvizで矢印のヘッドのラベルを指定する

Graphvizで矢印のヘッドのラベルを指定するには、以下のようにheadlabel attributeを使用します。

graph18.dot(UTF-8で保存)
digraph graph18
{
node [fontname="MS Gothic"];
項目1 -> 項目2 -> 項目3;
項目2 -> 項目4 [headlabel="one to many"];
}

実行コマンド
dot -Gviewport=200,200 -Gresolution=72 -Tpng graph18.dot -o test18.png

出力画像


動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/

Tuesday, February 22, 2011

Graphvizでエッジがランキングに使用されないように指定する

Graphvizでエッジがランキングに使用されないように指定するには、以下のようにconstraint attributeを使用します。

graph17.dot(UTF-8で保存)
digraph graph17
{
node [fontname="MS Gothic"];
項目1 -> 項目2 -> 項目3;
項目2 -> 項目4 [constraint=false];
項目4 -> 項目5;
項目5 -> 項目6;
項目6 -> 項目7 [constraint=false];
}

実行コマンド
dot -Gviewport=300,200 -Gresolution=72 -Tpng graph17.dot -o test17.png

出力画像


動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/

Sunday, February 20, 2011

Graphvizで双方向の矢印の色を指定する

Graphvizで双方向の矢印の色を指定するには、以下のように値が:で区切られたcolor attributeを使用します。

graph16.dot(UTF-8で保存)
digraph graph16
{
node [fontname="MS Gothic"];
項目1 -> 項目2 -> 項目3;
項目2 -> 項目4 [dir="both", color="#eeaa00:#7799dd"];
}

実行コマンド
dot -Gviewport=200,200 -Gresolution=72 -Tpng graph16.dot -o test16.png

出力画像


動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/

Friday, February 18, 2011

Graphvizで双方向の矢印を描画する

Graphvizで双方向の矢印を描画するには、以下のようにdir attributeを使用します。

graph15.dot(UTF-8で保存)
digraph graph15
{
node [fontname="MS Gothic"];
項目1 -> 項目2 -> 項目3;
項目2 -> 項目4 [dir="both"];
}

実行コマンド
dot -Gviewport=200,200 -Gresolution=72 -Tpng graph15.dot -o test15.png

出力画像


動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/

Wednesday, February 16, 2011

Graphvizで矢印の大きさを指定する

Graphvizで矢印の大きさを指定するには、以下のようにarrowsize attributeを使用します。

graph14.dot(UTF-8で保存)
digraph graph14
{
node [fontname="MS Gothic"];
項目1 -> 項目2 -> 項目3;
項目2 -> 項目4 [arrowsize=2];
}

実行コマンド
dot -Gviewport=200,200 -Gresolution=72 -Tpng graph14.dot -o test14.png

出力画像


動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/

Monday, February 14, 2011

Graphvizで矢印を描画する

Graphvizで矢印を描画するには、以下のようにdigraphと->を使用します。

graph13.dot(UTF-8で保存)
digraph graph13
{
node [fontname="MS Gothic"];
項目1 -> 項目2 -> 項目3;
項目2 -> 項目4;
}

実行コマンド
dot -Gviewport=200,200 -Gresolution=72 -Tpng graph13.dot -o test13.png

出力画像


動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/

Sunday, February 13, 2011

VPythonで光源の向きを設定する

VPythonで光源の向きを設定するには、以下のコードを実行します。

# coding=UTF-8
from visual import *
# 立方体を作成
box1 = box(pos=(0, 0, 0), length=6, width=6, height=0.5,
color=(0xff/255.,0xff/255.,0xff/255.))
# 球を作成
sphere1 = sphere(pos=(0, 1.5, 0), radius=1,
color=(0xff/255.,0xff/255.,0xff/255.))
# カメラが見る点を指定
scene.center = (0,2,0)
# 緑色の下向きの光源を設定
lamp1 = distant_light(direction=(0, 1, 0),
color=color.green)
# 青色の左向きの光源を設定
lamp2 = distant_light(direction=(1, 0, 0),
color=color.blue)


実行画面


動作環境
Python 3.1.3, VPython 5.41

Friday, February 11, 2011

Graphvizでノードの形を指定する

Graphvizでノードの形を指定するには、以下のようにshape attributeを使用します。

graph12.dot(UTF-8で保存)
graph graph12
{
node [fontname="MS Gothic"];
項目2[shape="folder"];
項目3[shape="box"];
項目4[shape="note"];
項目1 -- 項目2 -- 項目3;
項目2 -- 項目4;
}

実行コマンド
dot -Gviewport=200,200 -Gresolution=72 -Tpng graph12.dot -o test12.png

出力画像


動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/

Thursday, February 10, 2011

VPythonで点光源を設定する

VPythonで点光源を設定するには、以下のコードを実行します。

# coding=UTF-8
from visual import *
# 立方体を作成
box1 = box(pos=(0, 0, 0), length=6, width=6, height=0.5,
color=(0xff/255.,0xff/255.,0xff/255.))
# 球を作成
sphere1 = sphere(pos=(0, 1.5, 0), radius=1,
color=(0xff/255.,0xff/255.,0xff/255.))
# カメラが見る点を指定
scene.center = (0,2,0)
# 緑色の点光源を設定
lamp1 = local_light(pos=(-2, 1.5, 0), color=color.green)
# 青色の点光源を設定
lamp2 = local_light(pos=(2, 1.5, 0), color=color.blue)


実行画面


動作環境
Python 3.1.3, VPython 5.41

Tuesday, February 08, 2011

Graphvizでグラフの方向を変える

Graphvizでグラフの方向を変えるには、以下のようにrankdir attributeを使用します。

graph11.dot(UTF-8で保存)
graph graph11
{
graph[rankdir="LR"];
node [fontname="MS Gothic"];
項目1 -- 項目2 -- 項目3;
項目2 -- 項目4;
}

実行コマンド
dot -Gviewport=300,200 -Gresolution=72 -Tpng graph11.dot -o test11.png

出力画像


動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/

Monday, February 07, 2011

VPythonでカメラを向ける位置を設定する

VPythonでカメラを向ける位置を設定するには、以下のコードを実行します。

# coding=UTF-8
from visual import *
# 立方体を作成
box1 = box(pos=(0, 0, 0), length=6, width=6, height=0.5,
color=(0x99/255.,0xdd/255.,0xff/255.))
# 球を作成
sphere1 = sphere(pos=(0, 1.5, 0), radius=1,
color=(0x99/255.,0xdd/255.,0xff/255.))
# カメラを向ける位置を指定
scene.center = (0,2,0)


実行画面


動作環境
Python 3.1.3, VPython 5.41

Saturday, February 05, 2011

Graphvizで線の太さを指定する

Graphvizで線の太さを指定するには、以下のようにpenwidth attributeを使用します。

graph10.dot(UTF-8で保存)
graph graph10
{
node [fontname="MS Gothic"];
項目2[penwidth="5"];
項目1 -- 項目2 -- 項目3;
項目2 -- 項目4;
}

実行コマンド
dot -Gviewport=200,200 -Gresolution=72 -Tpng graph10.dot -o test10.png

出力画像


動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/

Friday, February 04, 2011

VPythonで不透明度を設定する

VPythonで不透明度を設定するには、以下のコードを実行します。

# coding=UTF-8
from visual import *
# 不透明度を設定
for lc in range(0,9):
sphere1 = sphere(pos=(lc, 0, 0), radius=1,
color=(0x99/255.,0xdd/255.,0xff/255.),
opacity=(10-lc)/10.)



実行画面


動作環境
Python 3.1.3, VPython 5.41

Wednesday, February 02, 2011

Graphvizでノードに表示するラベルを指定する

Graphvizでノードに表示するラベルを指定するには、以下のようにlabel attributeを使用します。

graph9.dot(UTF-8で保存)
graph graph9
{
node [fontname="MS Gothic"];
computer[image="computer.png", label="コンピューター"];
harddisk[image="drive-harddisk.png"];
mouse[image="input-mouse.png"];
computer -- harddisk;
computer -- mouse;
}

実行コマンド
dot -Gviewport=220,200 -Gresolution=72 -Tpng graph9.dot -o test9.png

出力画像


動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/

Tuesday, February 01, 2011

VPythonでテクスチャを設定する

VPythonでテクスチャを設定するには、以下のコードを実行します。

# coding=UTF-8
from visual import *
# テクスチャを使用
sphere1 = sphere(pos=(0, 0, 0), radius=1,
material = materials.texture(
data=materials.loadTGA('sf_128x128.tga'),
mapping='spherical'))
# 回転
sphere1.rotate(angle=pi*260./180., axis=(1,0,1))


実行画面


TGAファイルを作成するには、ImageMagickを使用して以下のようなバッチで
JPEGからTGAに変換します。サイズは2の乗数に設定します。
rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.6.6-Q16

%im%\convert.exe sf.jpg -resize 128x128 sf_128x128.tga



動作環境
Python 3.1.3, VPython 5.41

Sunday, January 30, 2011

Graphvizでノードに表示する画像を指定する

Graphvizでノードに表示する画像を指定するには、以下のようにimage attributeを使用します。

graph8.dot(UTF-8で保存)
graph graph8
{
node [fontname="MS Gothic"];
computer[image="computer.png"];
harddisk[image="drive-harddisk.png"];
mouse[image="input-mouse.png"];
computer -- harddisk;
computer -- mouse;
}

実行コマンド
dot -Gviewport=220,200 -Gresolution=72 -Tpng graph8.dot -o test8.png

出力画像


動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/

Saturday, January 29, 2011

VPythonで材質を設定する

VPythonで材質を設定するには、以下のコードを実行します。

# coding=UTF-8
from visual import *
# 木の材質
sphere1 = sphere(pos=(-2, 2, 0), radius=1,
material = materials.wood)
# でこぼこな材質
sphere2 = sphere(pos=(0, 2, 0), radius=1,
material = materials.rough)
# 大理石っぽい材質
sphere3 = sphere(pos=(2, 2, 0), radius=1,
material = materials.marble)
# プラスチックっぽい材質
sphere4 = sphere(pos=(-2, 0, 0), radius=1,
material = materials.plastic)
# 地球
sphere5 = sphere(pos=(0, 0, 0), radius=1,
material = materials.earth)
# diffuse(拡散)
sphere6 = sphere(pos=(2, 0, 0), radius=1,
material = materials.diffuse)
# emmisive(放射)
sphere7 = sphere(pos=(-2, -2, 0), radius=1,
material = materials.emissive)
# 光の影響を受けない材質
sphere8 = sphere(pos=(0, -2, 0), radius=1,
material = materials.unshaded)


実行画面


動作環境
Python 3.1.3, VPython 5.41

Thursday, January 27, 2011

Graphvizでノードの高さを指定する

Graphvizでノードの高さを指定するには、以下のようにheight attributeを使用します。

graph7.dot(UTF-8で保存)
graph graph7
{
node [fontname="MS Gothic"];
項目2[height=0.8];
項目1 -- 項目2 -- 項目3;
項目2 -- 項目4;
}

実行コマンド
dot -Gviewport=200,220 -Gresolution=72 -Tpng graph7.dot -o test7.png

出力画像


動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/

Wednesday, January 26, 2011

VPythonでウインドウをフルスクリーンに設定する

VPythonでウインドウをフルスクリーンに設定するには、以下のコードを実行します。

# coding=UTF-8
from visual import *
# ウインドウをフルスクリーンに設定
scene.fullscreen = True
# 球を作成
sphere1 = sphere(pos=(0, 0, 0), radius=1,
color=(0x99/255.,0xdd/255.,0xff/255.))


フルスクリーンモードを抜けるにはESCキーを押します。

動作環境
Python 3.1.3, VPython 5.41

Monday, January 24, 2011

Graphvizでノードのフォントサイズを指定する

Graphvizでノードのフォントサイズを指定するには、以下のようにfontsize attributeを使用します。

graph6.dot(UTF-8で保存)
graph graph6
{
node [fontname="MS Gothic"];
項目2[fontsize=24];
項目1 -- 項目2 -- 項目3;
項目2 -- 項目4;
}

実行コマンド
dot -Gviewport=200,200 -Gresolution=72 -Tpng graph6.dot -o test6.png

出力画像


動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/

Sunday, January 23, 2011

VPythonでウインドウの位置・サイズを設定する

VPythonでウインドウの位置・サイズを設定するには、以下のコードを実行します。

# coding=UTF-8
from visual import *
# ウインドウの位置・サイズを設定
scene.x = 50
scene.y = 50
scene.width = 150
scene.height = 150
# 球を作成
sphere1 = sphere(pos=(0, 0, 0), radius=1,
color=(0x99/255.,0xdd/255.,0xff/255.))


実行画面


動作環境
Python 3.1.3, VPython 5.41

Friday, January 21, 2011

Graphvizで背景色を指定する

Graphvizで背景色を指定するには、以下のようにbgcolor attributeを使用します。

graph5.dot(UTF-8で保存)
graph graph5
{
graph[bgcolor="#ccddff"];
node [fontname="MS Gothic"];
項目1 -- 項目2 -- 項目3;
項目2 -- 項目4;
}

実行コマンド
dot -Gviewport=200,200 -Gresolution=72 -Tpng graph5.dot -o test5.png

出力画像


動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/

Thursday, January 20, 2011

VPythonでレンダリング時間を表示する

VPythonでレンダリング時間を表示するには、以下のコードを実行します。

# coding=UTF-8
from visual import *
# レンダリング時間を表示
scene.show_rendertime = True
# 球を作成
sphere1 = sphere(pos=(0, 0, 0), radius=1,
color=(0x99/255.,0xdd/255.,0xff/255.))


実行画面


動作環境
Python 3.1.3, VPython 5.41

Tuesday, January 18, 2011

Graphvizでノードの文字色を指定する

Graphvizでノードの文字色を指定するには、以下のようにfontcolor attributeを使用します。

graph4.dot(UTF-8で保存)
graph graph4
{
node [fontname="MS Gothic"];
項目2[fontcolor="#ffaa00"];
項目1 -- 項目2 -- 項目3;
項目2 -- 項目4;
}

実行コマンド
dot -Gviewport=200,200 -Gresolution=72 -Tpng graph4.dot -o test4.png

出力画像


動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/

Monday, January 17, 2011

VPythonで環境光を設定する

VPythonで環境光を設定するには、以下のコードを実行します。

# coding=UTF-8
from visual import *
# 環境光を設定
scene.ambient = (0x20/255.,0xdd/255.,0x66/255.)
# 球を作成
sphere1 = sphere(pos=(0, 0, 0), radius=1,
color=(0xff/255.,0xff/255.,0xff/255.))


実行画面


動作環境
Python 3.1.3, VPython 5.41