【问题标题】:Matplotlib: 3D Scatter Plot with Images as AnnotationsMatplotlib:以图像为注释的 3D 散点图
【发布时间】:2018-06-19 04:54:36
【问题描述】:

我正在尝试为包含从 0 到 9 的数字的数据集中的图像的 tSNE 嵌入生成 3D 散点图。我还想用数据集中的图像注释这些点。

在浏览了与该问题相关的现有资源后,我发现使用 matplotlib.offsetbox 可以轻松完成二维散点图,如 here 所述。

在 SO 上还有一个 question 与 3D 注释相关,但仅包含文本。有谁知道如何使用图像而不是文本进行注释?

谢谢!

【问题讨论】:

  • @ImportanceOfBeingErnest 问题已被编辑。

标签: python image matplotlib 3d annotations


【解决方案1】:

matplotlib.offsetbox 在 3D 中不起作用。作为一种解决方法,可以使用覆盖 3D 绘图的 2D 轴,并将图像注释放置到该 2D 轴的位置,该位置对应于 3D 轴中的位置。

要计算这些位置的坐标,可以参考How to transform 3d data units to display units with matplotlib?。然后可以使用这些显示坐标的逆变换来获得覆盖轴上的新坐标。

from mpl_toolkits.mplot3d import Axes3D
from mpl_toolkits.mplot3d import proj3d
import matplotlib.pyplot as plt
from matplotlib import offsetbox
import numpy as np

xs = [1,1.5,2,2]
ys = [1,2,3,1]
zs = [0,1,2,0]

c = ["b","r","g","gold"]

fig = plt.figure()
ax = fig.add_subplot(111, projection=Axes3D.name)

ax.scatter(xs, ys, zs, c=c, marker="o")

# Create a dummy axes to place annotations to
ax2 = fig.add_subplot(111,frame_on=False) 
ax2.axis("off")
ax2.axis([0,1,0,1])


def proj(X, ax1, ax2):
    """ From a 3D point in axes ax1, 
        calculate position in 2D in ax2 """
    x,y,z = X
    x2, y2, _ = proj3d.proj_transform(x,y,z, ax1.get_proj())
    return ax2.transData.inverted().transform(ax1.transData.transform((x2, y2)))

def image(ax,arr,xy):
    """ Place an image (arr) as annotation at position xy """
    im = offsetbox.OffsetImage(arr, zoom=2)
    im.image.axes = ax
    ab = offsetbox.AnnotationBbox(im, xy, xybox=(-30., 30.),
                        xycoords='data', boxcoords="offset points",
                        pad=0.3, arrowprops=dict(arrowstyle="->"))
    ax.add_artist(ab)


for s in zip(xs,ys,zs):
    x,y = proj(s, ax, ax2)
    image(ax2,np.random.rand(10,10),[x,y])

ax.set_xlabel('X Label')
ax.set_ylabel('Y Label')
ax.set_zlabel('Z Label')
plt.show()

上述解决方案是静态的。这意味着如果绘图被旋转或缩放,注释将不再指向正确的位置。为了同步注释,可以连接到绘图事件并检查限制或视角是否发生了变化,并相应地更新注释坐标。 (2019 年编辑:较新版本还需要将事件从顶部 2D 轴传递到底部 3D 轴;代码已更新)

from mpl_toolkits.mplot3d import Axes3D
from mpl_toolkits.mplot3d import proj3d
import matplotlib.pyplot as plt
from matplotlib import offsetbox
import numpy as np

xs = [1,1.5,2,2]
ys = [1,2,3,1]
zs = [0,1,2,0]
c = ["b","r","g","gold"]


fig = plt.figure()
ax = fig.add_subplot(111, projection=Axes3D.name)

ax.scatter(xs, ys, zs, c=c, marker="o")

# Create a dummy axes to place annotations to
ax2 = fig.add_subplot(111,frame_on=False) 
ax2.axis("off")
ax2.axis([0,1,0,1])

class ImageAnnotations3D():
    def __init__(self, xyz, imgs, ax3d,ax2d):
        self.xyz = xyz
        self.imgs = imgs
        self.ax3d = ax3d
        self.ax2d = ax2d
        self.annot = []
        for s,im in zip(self.xyz, self.imgs):
            x,y = self.proj(s)
            self.annot.append(self.image(im,[x,y]))
        self.lim = self.ax3d.get_w_lims()
        self.rot = self.ax3d.get_proj()
        self.cid = self.ax3d.figure.canvas.mpl_connect("draw_event",self.update)

        self.funcmap = {"button_press_event" : self.ax3d._button_press,
                        "motion_notify_event" : self.ax3d._on_move,
                        "button_release_event" : self.ax3d._button_release}

        self.cfs = [self.ax3d.figure.canvas.mpl_connect(kind, self.cb) \
                        for kind in self.funcmap.keys()]

    def cb(self, event):
        event.inaxes = self.ax3d
        self.funcmap[event.name](event)

    def proj(self, X):
        """ From a 3D point in axes ax1, 
            calculate position in 2D in ax2 """
        x,y,z = X
        x2, y2, _ = proj3d.proj_transform(x,y,z, self.ax3d.get_proj())
        tr = self.ax3d.transData.transform((x2, y2))
        return self.ax2d.transData.inverted().transform(tr)

    def image(self,arr,xy):
        """ Place an image (arr) as annotation at position xy """
        im = offsetbox.OffsetImage(arr, zoom=2)
        im.image.axes = ax
        ab = offsetbox.AnnotationBbox(im, xy, xybox=(-30., 30.),
                            xycoords='data', boxcoords="offset points",
                            pad=0.3, arrowprops=dict(arrowstyle="->"))
        self.ax2d.add_artist(ab)
        return ab

    def update(self,event):
        if np.any(self.ax3d.get_w_lims() != self.lim) or \
                        np.any(self.ax3d.get_proj() != self.rot):
            self.lim = self.ax3d.get_w_lims()
            self.rot = self.ax3d.get_proj()
            for s,ab in zip(self.xyz, self.annot):
                ab.xy = self.proj(s)


imgs = [np.random.rand(10,10) for i in range(len(xs))]
ia = ImageAnnotations3D(np.c_[xs,ys,zs],imgs,ax, ax2 )

ax.set_xlabel('X Label')
ax.set_ylabel('Y Label')
ax.set_zlabel('Z Label')
plt.show()

【讨论】:

  • 谢谢,这就是我想要的。但在这种情况下,是否有可能使情节互动,即。旋转和放大绘图。
  • 是的,这是可能的,但需要更多的工作。查看更新的答案。
  • 非常感谢!正是我想要的。
  • 感谢您的解决方案!但是,不幸的是我无法旋转/缩放 3d 图。如果我尝试旋转它,它只会移动图像。这是新版本的问题吗?
  • @lhlmgr 我无法找到导致此功能不再起作用的确切更改;但我已经更新了代码,使其现在可以与任何版本一起使用 - 当然这使它稍微复杂一些。看看它是否适合你。
【解决方案2】:

您可以使用 Tensorboard embedding projector 作为 matplotlib 的替代品。 Example 带代码。

【讨论】:

    猜你喜欢
    • 2012-05-09
    • 1970-01-01
    • 2016-08-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-10-18
    相关资源
    最近更新 更多