Show images in Live plots without checkpoints.

[daavoo]

Note: This feature is not as common as Scalar plots, already covered by iterative/dvc#1256.

In addition to scalars, DVCLive supports logging images in-between steps:

import random

from dvclive import Live
from PIL import Image
from PIL import ImageDraw 

live = Live()

for i in range(10):
    live.log("foo", i + random.random())
    live.log("bar", i + random.random())

    img = Image.new("RGB", (50, 50), (255, 255, 255))
    draw = ImageDraw.Draw(img)
    draw.text((20, 20), f"{i  + random.random():.2f}", (0,0,0))
    live.log_image("img.png", img)
    live.next_step()

When running DVCLive with DVC, the images are shown and updated in the Live HTML Report .

The current output format is described here: https://dvc.org/doc/dvclive/api-reference/live/log_image#step-updates

This is an arbitrary output format and could be changed if needed. There are still open issues on DVC regarding how to improve the rendering of per-step images: iterative/dvc-render#6

In Studio, this subfolder format comes handy given how the current Directories view works.

[mattseddon]

Do you have an example of this not working?

The reason that I ask is that the path to the image should come through in the plots diff output. We then watch that path for updates and if the file is shown to be changed we should update the image.

If you have an example it will be much easier for me to debug. Thanks.

[daavoo]

It looks like I was using old version of the extension 🙏