JupyterとPygalで凡例のフォントサイズを指定する

凡例のフォントサイズを指定するには、以下のサンプルのようにlegend_font_sizeを使用します。

〇サンプルコード

%matplotlib inline
import pandas as pd
import pygal as pg
from pygal.style import Style
style1 = Style(
  legend_font_size=24,
  colors=('#3060ff', '#ff0000', '#00ff00')
)
chart = pg.Bar(height=300, style=style1)
df = pd.DataFrame({'商品A': [10], '商品B':[21], '商品C':[32]})
chart.x_labels = ['Sales']
chart.add('商品A', df['商品A'])
chart.add('商品B', df['商品B'])
chart.add('商品C', df['商品C'])
display({'image/svg+xml': chart.render(is_unicode=True)}, raw=True)

○出力画像

〇関連項目
VagrantでJupyter Lab、Pygalをインストールした仮想マシン(Ubuntu18.04)を構築する
http://serverarekore.blogspot.com/2019/03/vagrantjupyter-labpygalubuntu1804.html

VagrantでJupyter Lab、Pygalをインストールした仮想マシン(Debian Stretch/9.6)を構築する
http://serverarekore.blogspot.com/2019/03/vagrantjupyter-labpygaldebian-stretch96.html

JupyterとPygalでグラフの題名のフォントサイズを指定する

グラフの題名のフォントサイズを指定するには、以下のサンプルのようにtitle_font_sizeを使用します。

〇サンプルコード

%matplotlib inline
import pandas as pd
import pygal as pg
from pygal.style import Style
style1 = Style(
  title_font_size=40,
  colors=('#3060ff', '#ff0000', '#00ff00')
)
chart = pg.Bar(title='商品別売上', height=300, style=style1)
df = pd.DataFrame({'商品A': [10], '商品B':[21], '商品C':[32]})
chart.x_labels = ['Sales']
chart.add('商品A', df['商品A'])
chart.add('商品B', df['商品B'])
chart.add('商品C', df['商品C'])
display({'image/svg+xml': chart.render(is_unicode=True)}, raw=True)

○出力画像

〇関連項目
VagrantでJupyter Lab、Pygalをインストールした仮想マシン(Ubuntu18.04)を構築する
http://serverarekore.blogspot.com/2019/03/vagrantjupyter-labpygalubuntu1804.html

VagrantでJupyter Lab、Pygalをインストールした仮想マシン(Debian Stretch/9.6)を構築する
http://serverarekore.blogspot.com/2019/03/vagrantjupyter-labpygaldebian-stretch96.html

JupyterとPygalでグラフの数値の位置を指定する

グラフの数値の位置を指定するには、以下のサンプルのようにprint_values_positionを使用します。

〇サンプルコード

%matplotlib inline
import pandas as pd
import pygal as pg
from pygal.style import Style
style1 = Style(
  colors=('#3060ff', '#ff0000', '#00ff00')
)
chart = pg.Bar(print_values=True, print_values_position='top', height=300, style=style1)
df = pd.DataFrame({'商品A': [10], '商品B':[21], '商品C':[32]})
chart.x_labels = ['Sales']
chart.add('商品A', df['商品A'])
chart.add('商品B', df['商品B'])
chart.add('商品C', df['商品C'])
display({'image/svg+xml': chart.render(is_unicode=True)}, raw=True)

○出力画像

〇関連項目
VagrantでJupyter Lab、Pygalをインストールした仮想マシン(Ubuntu18.04)を構築する
http://serverarekore.blogspot.com/2019/03/vagrantjupyter-labpygalubuntu1804.html

VagrantでJupyter Lab、Pygalをインストールした仮想マシン(Debian Stretch/9.6)を構築する
http://serverarekore.blogspot.com/2019/03/vagrantjupyter-labpygaldebian-stretch96.html

JupyterとPygalでグラフの数値のフォントサイズを指定する

グラフの数値のフォントサイズを指定するには、以下のサンプルのようにvalue_font_sizeを使用します。

〇サンプルコード

%matplotlib inline
import pandas as pd
import pygal as pg
from pygal.style import Style
style1 = Style(
  value_font_size=50,
  colors=('#3060ff', '#ff0000', '#00ff00')
)
chart = pg.Bar(print_values=True, height=300, style=style1)
df = pd.DataFrame({'商品A': [10], '商品B':[21], '商品C':[32]})
chart.x_labels = ['Sales']
chart.add('商品A', df['商品A'])
chart.add('商品B', df['商品B'])
chart.add('商品C', df['商品C'])
display({'image/svg+xml': chart.render(is_unicode=True)}, raw=True)

○出力画像

〇関連項目
VagrantでJupyter Lab、Pygalをインストールした仮想マシン(Ubuntu18.04)を構築する
http://serverarekore.blogspot.com/2019/03/vagrantjupyter-labpygalubuntu1804.html

VagrantでJupyter Lab、Pygalをインストールした仮想マシン(Debian Stretch/9.6)を構築する
http://serverarekore.blogspot.com/2019/03/vagrantjupyter-labpygaldebian-stretch96.html

JupyterとPygalでグラフに実数値を表示する

グラフに実数値を表示するには、以下のサンプルのようにprint_valuesを使用します。

〇サンプルコード

%matplotlib inline
import pandas as pd
import pygal as pg
from pygal.style import Style
style1 = Style(
  colors=('#3060ff', '#ff0000', '#00ff00')
)
chart = pg.Bar(print_values=True, height=300, style=style1)
df = pd.DataFrame({'商品A': [10], '商品B':[21], '商品C':[32]})
chart.x_labels = ['Sales']
chart.add('商品A', df['商品A'])
chart.add('商品B', df['商品B'])
chart.add('商品C', df['商品C'])
display({'image/svg+xml': chart.render(is_unicode=True)}, raw=True)

○出力画像

〇関連項目
VagrantでJupyter Lab、Pygalをインストールした仮想マシン(Ubuntu18.04)を構築する
http://serverarekore.blogspot.com/2019/03/vagrantjupyter-labpygalubuntu1804.html

VagrantでJupyter Lab、Pygalをインストールした仮想マシン(Debian Stretch/9.6)を構築する
http://serverarekore.blogspot.com/2019/03/vagrantjupyter-labpygaldebian-stretch96.html

JupyterとPygalでグラフの不透明度を設定する

グラフの不透明度を指定するには、以下のサンプルのようにStyleのopacityを使用します。

〇サンプルコード

%matplotlib inline
import pandas as pd
import pygal as pg
from pygal.style import Style
style1 = Style(
  colors=('#3060ff', '#ff0000', '#00ff00')
)
chart = pg.Bar(height=300, style=style1)
df = pd.DataFrame({'商品A': [10], '商品B':[21], '商品C':[32]})
chart.x_labels = ['Sales']
chart.add('商品A', df['商品A'])
chart.add('商品B', df['商品B'])
chart.add('商品C', df['商品C'])
display({'image/svg+xml': chart.render(is_unicode=True)}, raw=True)

○出力画像

〇関連項目
VagrantでJupyter Lab、Pygalをインストールした仮想マシン(Ubuntu18.04)を構築する
http://serverarekore.blogspot.com/2019/03/vagrantjupyter-labpygalubuntu1804.html

VagrantでJupyter Lab、Pygalをインストールした仮想マシン(Debian Stretch/9.6)を構築する
http://serverarekore.blogspot.com/2019/03/vagrantjupyter-labpygaldebian-stretch96.html

JupyterとPygalでグラフの色を設定する

グラフ色を指定するには、以下のサンプルのようにStyleのcolorsを使用します。

〇サンプルコード

%matplotlib inline
import pandas as pd
import pygal as pg
from pygal.style import Style
style1 = Style(
  colors=('#3060ff', '#ff0000', '#00ff00')
)
chart = pg.Bar(height=300, style=style1)
df = pd.DataFrame({'商品A': [10], '商品B':[21], '商品C':[32]})
chart.x_labels = ['Sales']
chart.add('商品A', df['商品A'])
chart.add('商品B', df['商品B'])
chart.add('商品C', df['商品C'])
display({'image/svg+xml': chart.render(is_unicode=True)}, raw=True)

○出力画像

〇関連項目
VagrantでJupyter Lab、Pygalをインストールした仮想マシン(Ubuntu18.04)を構築する
http://serverarekore.blogspot.com/2019/03/vagrantjupyter-labpygalubuntu1804.html

VagrantでJupyter Lab、Pygalをインストールした仮想マシン(Debian Stretch/9.6)を構築する
http://serverarekore.blogspot.com/2019/03/vagrantjupyter-labpygaldebian-stretch96.html

JupyterとPygalでグラフの背景色・プロット背景色を設定する

背景色・プロット背景色を指定するには、以下のサンプルのようにStyleのbackground, plot_backgroundを使用します。

%matplotlib inline
import pandas as pd
import pygal as pg
from pygal.style import Style
style1 = Style(
  background='#bbddff',
  plot_background='#88aadd'
)
chart = pg.Bar(height=300, style=style1)
df = pd.DataFrame({'Sales': [10,21,32]})
chart.x_labels = ['商品A', '商品B', '商品C']
chart.add('Sales', df['Sales'])
display({'image/svg+xml': chart.render(is_unicode=True)}, raw=True)

○出力画像

〇関連項目
VagrantでJupyter Lab、Pygalをインストールした仮想マシン(Ubuntu18.04)を構築する
http://serverarekore.blogspot.com/2019/03/vagrantjupyter-labpygalubuntu1804.html

VagrantでJupyter Lab、Pygalをインストールした仮想マシン(Debian Stretch/9.6)を構築する
http://serverarekore.blogspot.com/2019/03/vagrantjupyter-labpygaldebian-stretch96.html

JupyterとPygalでグラフの題名、軸の名称を設定する

題名、軸の名称を指定するには、以下のサンプルのようにtitleで題名、軸の名称はx_title/y_titleを使用します。

%matplotlib inline
import pandas as pd
import pygal as pg
chart = pg.Bar(height=300, title="商品別売上", x_title='商品', y_title='百万')
df = pd.DataFrame({'Sales': [10,21,32]})
chart.x_labels = ['商品A', '商品B', '商品C']
chart.add('Sales', df['Sales'])
display({'image/svg+xml': chart.render(is_unicode=True)}, raw=True)

○出力画像

〇関連項目
VagrantでJupyter Lab、Pygalをインストールした仮想マシン(Ubuntu18.04)を構築する
http://serverarekore.blogspot.com/2019/03/vagrantjupyter-labpygalubuntu1804.html

VagrantでJupyter Lab、Pygalをインストールした仮想マシン(Debian Stretch/9.6)を構築する
http://serverarekore.blogspot.com/2019/03/vagrantjupyter-labpygaldebian-stretch96.html

JupyterとPygalで棒グラフを描画する

以下のサンプルプログラムでJupyterとPygalで棒グラフを描画する事ができます。

%matplotlib inline
import pandas as pd
import pygal as pg
chart = pg.Bar(height=300)
df = pd.DataFrame({'Sales': [10,21,32]})
chart.x_labels = ['商品A', '商品B', '商品C']
chart.add('Sales', df['Sales'])
display({'image/svg+xml': chart.render(is_unicode=True)}, raw=True)

○出力画像

〇関連項目
VagrantでJupyter Lab、Pygalをインストールした仮想マシン(Debian Stretch/9.6)を構築する

PythonとGraphvizのcircoで有方向グラフを描画する

PythonとGraphvizのcircoで有方向グラフを描画するには、以下のようなコマンドを実行します。

〇サンプルコード

# coding: utf-8 
from graphviz import Digraph

gv = Digraph(engine='circo', format='png')
# フォント設定
gv.attr('node', fontname="MS Gothic")
# ノード作成
gv.node("項目1")
gv.node("項目2")
gv.node("項目3")
gv.node("項目4")
gv.node("項目5")
gv.node("項目6")
# エッジ作成
gv.edge("項目1", "項目2")
gv.edge("項目2", "項目3")
gv.edge("項目3", "項目4")
gv.edge("項目4", "項目5")
gv.edge("項目5", "項目6")
gv.edge("項目6", "項目1")
gv.edge("項目2", "項目5")
gv.render("graphviz-test35")

○出力画像

〇graphvizのインストール
pipenv install graphvizやpip install graphvizなどでインストールします。


○関連情報
・Graphvizまとめ

・PythonとGraphvizに関する他の記事はこちらを参照してください。

・サンプルコードを実行する環境としてDockerコンテナを利用することもできます。コンテナの構築方法はDockerでpython3.7とgraphvizをインストールしたコンテナ(Alpine3.9ベース)を作成するを参照してください。

PythonとGraphvizのneatoでノードの位置を調節する

PythonとGraphvizのneatoでノードの位置を調節するには、以下のようにposアトリビュートを使用します。

〇サンプルコード

# coding: utf-8 
from graphviz import Graph

gv = Graph(engine='neato', format='png')
# フォント設定
gv.attr('node', fontname="MS Gothic")
# ノード作成
gv.node("項目1", pos="0,0!")
gv.node("項目2", pos="3,0!")
gv.node("項目3")
gv.node("項目4", pos="0,1!")
# エッジ作成
gv.edge("項目1", "項目2")
gv.edge("項目2", "項目3")
gv.edge("項目3", "項目4")
gv.edge("項目4", "項目1")
gv.render("graphviz-test34")

○出力画像

〇graphvizのインストール
pipenv install graphvizやpip install graphvizなどでインストールします。


○関連情報
・Graphvizまとめ

・PythonとGraphvizに関する他の記事はこちらを参照してください。

・サンプルコードを実行する環境としてDockerコンテナを利用することもできます。コンテナの構築方法は「Dockerでpython3.7とgraphvizをインストールしたコンテナ(Alpine3.9ベース)を作成する」を参照してください。

PythonとGraphvizのneatoでノード間の線の長さを変更する

PythonとGraphvizのneatoでノード間の線の長さを変更するには、以下のようにlenアトリビュートを使用します。

〇サンプルコード

# coding: utf-8 
from graphviz import Graph

gv = Graph(engine='neato', format='png')
# フォント設定
gv.attr('node', fontname="MS Gothic")
# ノード作成
gv.node("項目1")
gv.node("項目2")
gv.node("項目3")
gv.node("項目4")
# エッジ作成
gv.edge("項目1", "項目2")
gv.edge("項目2", "項目3")
gv.edge("項目3", "項目4")
gv.edge("項目4", "項目1", len="2")
gv.render("graphviz-test33")

○出力画像

〇graphvizのインストール
pipenv install graphvizやpip install graphvizなどでインストールします。


○関連情報
・Graphvizまとめ

・PythonとGraphvizに関する他の記事はこちらを参照してください。

・サンプルコードを実行する環境としてDockerコンテナを利用することもできます。コンテナの構築方法は「Dockerでpython3.7とgraphvizをインストールしたコンテナ(Alpine3.9ベース)を作成する」を参照してください。

PythonとGraphvizのneatoで無方向グラフを描画する

PythonとGraphvizのneatoで無方向グラフを描画するには、以下のようにengineを指定します。

〇サンプルコード

# coding: utf-8 
from graphviz import Graph

gv = Graph(engine='neato', format='png')
# フォント設定
gv.attr('node', fontname="MS Gothic")
# ノード作成
gv.node("項目1")
gv.node("項目2")
gv.node("項目3")
gv.node("項目4")
gv.node("項目5")
# エッジ作成
gv.edge("項目1", "項目2")
gv.edge("項目2", "項目3")
gv.edge("項目2", "項目4")
gv.edge("項目2", "項目5")
gv.render("graphviz-test32")

○出力画像

〇graphvizのインストール
pipenv install graphvizやpip install graphvizなどでインストールします。


○関連情報
・Graphvizまとめ

・PythonとGraphvizに関する他の記事はこちらを参照してください。

・サンプルコードを実行する環境としてDockerコンテナを利用することもできます。コンテナの構築方法は「Dockerでpython3.7とgraphvizをインストールしたコンテナ(Alpine3.9ベース)を作成する」を参照してください。

PythonとGraphvizで角丸四角などの角が丸まった形を描画する

PythonとGraphvizで角丸四角などの角が丸まった形を描画するには、以下のようにstyleアトリビュートを使用します。

〇サンプルコード

# coding: utf-8 
from graphviz import Digraph

dot = Digraph(format='png')
# フォント設定
dot.attr('node', fontname="MS Gothic")
# ノード作成
dot.node("項目1")
dot.node('項目2', shape="box", style="rounded,filled",
  fillcolor="#ccddff")
dot.node("項目3", shape="triangle", style="rounded,filled",
  fillcolor="#ccddff")
dot.node("項目4", shape="house", style="rounded,filled", 
  fillcolor="#ccddff")
# エッジ作成
dot.edge("項目1", "項目2")
dot.edge("項目2", "項目3")
dot.edge("項目2", "項目4")
dot.render("graphviz-test31")

○出力画像

〇graphvizのインストール
pipenv install graphvizやpip install graphvizなどでインストールします。


○関連情報
・Graphvizまとめ

・PythonとGraphvizに関する他の記事はこちらを参照してください。

・サンプルコードを実行する環境としてDockerコンテナを利用することもできます。コンテナの構築方法は「Dockerでpython3.7とgraphvizをインストールしたコンテナ(Alpine3.9ベース)を作成する」を参照してください。

PythonとGraphvizで矢印の頭の形を変更する

PythonとGraphvizで矢印の頭の形を変更するには、以下のようにarrowheadを使用します。

〇サンプルコード

# coding: utf-8 
from graphviz import Digraph

dot = Digraph(format='png')
# フォント設定
dot.attr('node', fontname="MS Gothic")
# ノード作成
dot.node("項目1")
dot.node('項目2')
dot.node("項目3")
dot.node("項目4")
# エッジ作成
dot.edge("項目1", "項目2", arrowhead="dot")
dot.edge("項目2", "項目3", arrowhead="empty")
dot.edge("項目2", "項目4", arrowhead="diamond")
dot.render("graphviz-test30")

○出力画像

〇graphvizのインストール
pipenv install graphvizやpip install graphvizなどでインストールします。


○関連情報
・Graphvizまとめ

・コマンドから同様のことを実行する場合は「Graphvizで矢印の頭の形を変更する」を参照してください。

・PythonとGraphvizに関する他の記事はこちらを参照してください。

・サンプルコードを実行する環境としてDockerコンテナを利用することもできます。コンテナの構築方法は「Dockerでpython3.7とgraphvizをインストールしたコンテナ(Alpine3.9ベース)を作成する」を参照してください。

PythonとGraphvizでGraphvizでノードの間隔を調節する

PythonとGraphvizでGraphvizでノードの間隔を調節するには、以下のようにranksepとnodesepを使用します。

〇サンプルコード

# coding: utf-8 
from graphviz import Digraph

dot = Digraph(format='png')
dot.attr(ranksep='0.2')
dot.attr(nodesep='0.1')
# フォント設定
dot.attr('node', fontname="MS Gothic")
# ノード作成
dot.node("項目1")
dot.node('項目2')
dot.node("項目3")
dot.node("項目4")
# エッジ作成
dot.edge("項目1", "項目2")
dot.edge("項目2", "項目3")
dot.edge("項目2", "項目4")
dot.render("graphviz-test29")

○出力画像

〇graphvizのインストール
pipenv install graphvizやpip install graphvizなどでインストールします。


○関連情報
・Graphvizまとめ

・コマンドから同様のことを実行する場合は「Graphvizでノードの間隔を調節する」を参照してください。

・PythonとGraphvizに関する他の記事はこちらを参照してください。

・サンプルコードを実行する環境としてDockerコンテナを利用することもできます。コンテナの構築方法は「Dockerでpython3.7とgraphvizをインストールしたコンテナ(Alpine3.9ベース)を作成する」を参照してください。

PythonとGraphvizでサブグラフ(クラスタ)への矢印を描画する

PythonとGraphvizでサブグラフ(クラスタ)への矢印を描画するには、以下のようにlheadとltailを使用します。

〇サンプルコード

# coding: utf-8 
from graphviz import Digraph

dot = Digraph(format='png')
dot.attr(compound='true')
# フォント設定
dot.attr('node', fontname="MS Gothic")
# ノード作成
with dot.subgraph(name="cluster0") as sg:
  sg.node("手順1")
  sg.node("手順2")
  sg.edge("手順1", "手順2")

with dot.subgraph(name="cluster1") as sg:
  sg.node("手順3")
  sg.node("手順4")
  sg.edge("手順3", "手順4")

dot.node('開始')
dot.node('終了')
dot.edge("開始", "手順1", lhead="cluster0")
dot.edge("開始", "手順3", lhead="cluster1")
dot.edge("手順2", "終了", ltail="cluster0")
dot.edge("手順4", "終了", ltail="cluster1")
dot.render("graphviz-test28")

○出力画像

〇graphvizのインストール
pipenv install graphvizやpip install graphvizなどでインストールします。


○関連情報
・Graphvizまとめ

・コマンドから同様のことを実行する場合は「Graphvizでサブグラフ(クラスタ)への矢印を描画する 」を参照してください。

・PythonとGraphvizに関する他の記事はこちらを参照してください。

・サンプルコードを実行する環境としてDockerコンテナを利用することもできます。コンテナの構築方法は「Dockerでpython3.7とgraphvizをインストールしたコンテナ(Alpine3.9ベース)を作成する」を参照してください。

PythonとGraphvizでサブグラフ(クラスタ)にラベルを設定する

PythonとGraphvizでサブグラフ(クラスタ)にラベルを設定するには、以下のようにsubgraphとlabelを使用します。

〇サンプルコード

# coding: utf-8 
from graphviz import Digraph

dot = Digraph(format='png')
# フォント設定
dot.attr('node', fontname="MS Gothic")
# ノード作成
with dot.subgraph(name="cluster0") as sg:
  sg.node("手順1")
  sg.node("手順2")
  sg.edge("手順1", "手順2")
  sg.attr(label="Procedure-A")

with dot.subgraph(name="cluster1") as sg:
  sg.node("手順3")
  sg.node("手順4")
  sg.edge("手順3", "手順4")
  sg.attr(label="Procedure-B")

dot.node('開始')
dot.node('終了')
dot.edge("開始", "手順1")
dot.edge("開始", "手順3")
dot.edge("手順2", "終了")
dot.edge("手順4", "終了")
dot.render("graphviz-test27")

○出力画像

〇graphvizのインストール
pipenv install graphvizやpip install graphvizなどでインストールします。


○関連情報
・Graphvizまとめ

・コマンドから同様のことを実行する場合は「Graphvizでサブグラフ(クラスタ)にラベルを設定する」を参照してください。

・PythonとGraphvizに関する他の記事はこちらを参照してください。

・サンプルコードを実行する環境としてDockerコンテナを利用することもできます。コンテナの構築方法は「Dockerでpython3.7とgraphvizをインストールしたコンテナ(Alpine3.9ベース)を作成する」を参照してください。

PythonとGraphvizでサブグラフ(クラスタ)を描画する

PythonとGraphvizでサブグラフ(クラスタ)を描画するには、以下のようにsubgraphを使用します。

〇サンプルコード

# coding: utf-8 
from graphviz import Digraph

dot = Digraph(format='png')
# フォント設定
dot.attr('node', fontname="MS Gothic")
# ノード作成
with dot.subgraph(name="cluster0") as sg:
  sg.node("手順1")
  sg.node("手順2")
  sg.edge("手順1", "手順2")

with dot.subgraph(name="cluster1") as sg:
  sg.node("手順3")
  sg.node("手順4")
  sg.edge("手順3", "手順4")

dot.node('開始')
dot.node('終了')
dot.edge("開始", "手順1")
dot.edge("開始", "手順3")
dot.edge("手順2", "終了")
dot.edge("手順4", "終了")
dot.render("graphviz-test26")

○出力画像

〇graphvizのインストール
pipenv install graphvizやpip install graphvizなどでインストールします。


○関連情報
・Graphvizまとめ

・コマンドから同様のことを実行する場合は「Graphvizでサブグラフ(クラスタ)を描画する」を参照してください。

・PythonとGraphvizに関する他の記事はこちらを参照してください。

・サンプルコードを実行する環境としてDockerコンテナを利用することもできます。コンテナの構築方法は「Dockerでpython3.7とgraphvizをインストールしたコンテナ(Alpine3.9ベース)を作成する」を参照してください。