今回はインタラクティブな可視化が行えるライブラリ
Altairのご紹介です。
解説動画はこちら
Altairライブラリについて
他の可視化ライブラリとの違い

Altairの他にも沢山の可視化ライブラリがあります。
その中でもMatplolibは定番の可視化ライブラリですが
ドキュメントの数量は多く、全てを覚えるのはなかなか大変です。
AltairはPlotlyのようなインタラクティブな可視化が出来る事と
学習コストがかなり少ない事が大きな利点です。
可視化の目的によって
これらのライブラリを使い分けると良いでしょう。
Altairの使い方
1.ライブラリのインポート
Google ColabではそのままAltairを利用できます。
その他、必要なライブラリを読み込んでおきましょう。
2.データの用意
適当なデータをPandasデータフレームで作成しておきます。
3.チャートの作成

指定できるmark_*メソッド例として
こんな感じのグラフを作成できます。
4. エンコーディング
encodeメソッドを使用して
データを視覚的な属性にマッピング出来ます。
x : x軸
Altairのご紹介です。
解説動画はこちら
Altairライブラリについて
少ないコードで複雑なビジュアライゼーションを作成できる
可視化ライブラリです。
静止画でなくインタラクティブな
ビジュアライゼーションを行うことができます。
ビジュアライゼーションを行うことができます。
Pandasデータフレームと相性が良く
ダッシュボード制作などで活用されるケースが増えています。
ダッシュボード制作などで活用されるケースが増えています。
他の可視化ライブラリとの違い

Altairの他にも沢山の可視化ライブラリがあります。
その中でもMatplolibは定番の可視化ライブラリですが
ドキュメントの数量は多く、全てを覚えるのはなかなか大変です。
AltairはPlotlyのようなインタラクティブな可視化が出来る事と
学習コストがかなり少ない事が大きな利点です。
可視化の目的によって
これらのライブラリを使い分けると良いでしょう。
Altairの使い方
1.ライブラリのインポート
Google ColabではそのままAltairを利用できます。
import pandas as pd
import numpy as np
import altair as alt
import warnings
warnings.filterwarnings('ignore', category=FutureWarning)その他、必要なライブラリを読み込んでおきましょう。
2.データの用意
適当なデータをPandasデータフレームで作成しておきます。
# サンプルデータの作成
data = pd.DataFrame({
'x': [1, 2, 3, 4, 5],
'y': [2, 3, 4, 5, 6]
})
3.チャートの作成
Altairの基本的なチャートは、alt.Chartオブジェクトを使用して作成します。
mark_*メソッドでマーク(グラフの種類)を指定し
encodeメソッドでデータのエンコード(軸、色、大きさなど)を
指定する構文になっています。
指定する構文になっています。
チャート変数 = alt.Chart(データ変数).mark_point().encode( エンコード内容 )
# チャートの作成
chart = alt.Chart(data).mark_point().encode(
x='x',
y='y'
)
# チャートの表示(Jupyter Notebook環境などで)
chart

指定できるmark_*メソッド例として
mark_point:ポイントマーク(散布図)
mark_line:折れ線グラフ
mark_bar:棒グラフ
mark_circle:バブルチャート
mark_rect:矩形マーク(ヒートマップなど)
mark_boxplot:箱ひげ図
mark_errorband:エラーバンド
mark_errorbar:エラーバー
mark_geoshape:地理シェープ(地図)
mark_image:画像マーク
mark_area:エリアチャート
mark_rule:ルールマーク(基準線など)
mark_square:四角形マーク(散布図の一種)
mark_text:テキストマーク
mark_tick:ティックマーク
こんな感じのグラフを作成できます。
4. エンコーディング
encodeメソッドを使用して
データを視覚的な属性にマッピング出来ます。
x : x軸
y : y軸
color : 色
size : サイズ
shape : 形
tooltip : ホバー時に表示されるツールチップ
5.インタラクティブ性の追加
Altairグラフのコードサンプル
散布図

棒グラフ
折れ線グラフ
ヒートマップ
バブルチャート
ヒストグラム
箱ひげ図
エリアチャート
特にインタラクティブな可視化を行えるのが魅力的なライブラリで
WEBアプリを作成できるStreamlitライブラリと相性が良く
簡易なアプリ作成やダッシュボード作成などにも向いています。
Matplotlibの可視化に物足りなくなって来たら
こちらのライブラリはオススメです。
それでは。
data = pd.DataFrame({
'x': [1, 2, 3, 4, 5],
'y': [2, 3, 4, 5, 6],
'category': ['A', 'B', 'A', 'B', 'A']
})
chart = alt.Chart(data).mark_point().encode(
x='x',
y='y',
color='category',
tooltip=['x', 'y', 'category']
)
chart
5.インタラクティブ性の追加
interactiveメソッドを使用して
グラフにインタラクティブ機能(ズーム、パンなど)を
追加できます。
6.レイヤリングと複合グラフ
追加できます。
chart = alt.Chart(data).mark_point().encode(
x='x',
y='y',
color='category'
).interactive()
chart
6.レイヤリングと複合グラフ
Altairでは複数のチャートをレイヤリングして
重ね合わせることも可能です。
重ね合わせることも可能です。
+演算子を使用してチャートを合成します。
points = alt.Chart(data).mark_point().encode(
x='x',
y='y',
color='category'
)
lines = alt.Chart(data).mark_line().encode(
x='x',
y='y',
color='category'
)
combined_chart = points + lines
combined_chart
Altairグラフのコードサンプル
散布図
# サンプルデータの作成
np.random.seed(42)
data = pd.DataFrame({
'x': np.random.randn(100),
'y': np.random.randn(100),
'category': np.random.choice(['A', 'B', 'C'], 100)
})
# インタラクティブな散布図の作成
scatter_plot = alt.Chart(data).mark_point().encode(
x='x',
y='y',
color='category',
tooltip=['x', 'y', 'category']
).interactive()
scatter_plot

棒グラフ
# サンプルデータの作成
data = pd.DataFrame({
'category': ['A', 'B', 'C', 'D', 'E'],
'value': [5, 3, 6, 7, 2]
})
# インタラクティブな棒グラフの作成
bar_chart = alt.Chart(data).mark_bar().encode(
x='category',
y='value',
tooltip=['category', 'value']
).interactive()
bar_chart

折れ線グラフ
# サンプルデータの作成
data = pd.DataFrame({
'date': pd.date_range(start='2023-01-01', periods=100),
'value': np.random.randn(100).cumsum()
})
# インタラクティブな折れ線グラフの作成
line_chart = alt.Chart(data).mark_line().encode(
x='date:T',
y='value:Q',
tooltip=['date:T', 'value:Q']
).interactive()
line_chart

ヒートマップ
# サンプルデータの作成
data = pd.DataFrame({
'x': np.repeat(np.arange(1, 11), 10),
'y': np.tile(np.arange(1, 11), 10),
'value': np.random.randn(100)
})
# インタラクティブなヒートマップの作成
heatmap = alt.Chart(data).mark_rect().encode(
x='x:O',
y='y:O',
color='value:Q',
tooltip=['x', 'y', 'value']
).interactive()
heatmap

バブルチャート
# サンプルデータの作成
np.random.seed(42)
data = pd.DataFrame({
'x': np.random.randn(100),
'y': np.random.randn(100),
'size': np.random.rand(100) * 100,
'category': np.random.choice(['A', 'B', 'C'], 100)
})
# インタラクティブなバブルチャートの作成
bubble_chart = alt.Chart(data).mark_circle().encode(
x='x',
y='y',
size='size',
color='category',
tooltip=['x', 'y', 'size', 'category']
).interactive()
bubble_chart

ヒストグラム
# データの生成
np.random.seed(42)
data = pd.DataFrame({
'value': np.random.normal(loc=0, scale=1, size=1000)
})
# ヒストグラムの作成
histogram = alt.Chart(data).mark_bar().encode(
alt.X('value:Q', bin=True, title='Value'),
alt.Y('count()', title='Frequency')
).interactive()
histogram

箱ひげ図
# データの生成(例: 1000個のランダムな数値を3つのカテゴリに分ける)
np.random.seed(42)
data = pd.DataFrame({
'category': np.random.choice(['A', 'B', 'C'], size=1000),
'value': np.random.normal(loc=0, scale=1, size=1000)
})
# 箱ひげ図の作成
boxplot = alt.Chart(data).mark_boxplot().encode(
x='category:O',
y='value:Q'
).interactive()
boxplot
エリアチャート
# データの生成
data = pd.DataFrame({
'year': [2000, 2001, 2002, 2003, 2004, 2005, 2006, 2007],
'value': [10, 15, 13, 17, 20, 19, 15, 10]
})
# エリアチャートの作成
areachart = alt.Chart(data).mark_area().encode(
x='year:O',
y='value:Q'
).interactive()
areachart

まとめ
Altairは可視化ライブラリの中でも比較的学習コストが低く
かなり使い勝手の良い可視化ライブラリです。
かなり使い勝手の良い可視化ライブラリです。
特にインタラクティブな可視化を行えるのが魅力的なライブラリで
最近はデータサイエンスやデータ分析の分野で広く採用されて来ています。
WEBアプリを作成できるStreamlitライブラリと相性が良く
簡易なアプリ作成やダッシュボード作成などにも向いています。
Matplotlibの可視化に物足りなくなって来たら
こちらのライブラリはオススメです。
それでは。
