How to download PNG result of Plot.image with imported images

[quillcraft]

How i can download PNG result of Plot.image without "Oops, an unexpected error occurred"?

https://observablehq.com/@mizinov/q-a-image-save

[Fil]

This is due to CORS protection, where your browser prevents reading back from an image that was "tainted" by potentially unsafe sources.

If you can make the images accessible with the crossOrigin: "anonymous" option (https://observablehq.com/plot/marks/image#image-options), it will work. Usually the way to do so is to use a cors proxy.

The code would then look like this:

Plot.plot({
  y: { type: "log" },
  r: { range: [0, 100] },
  marks: [
    Plot.image(
      data.filter((f) => f.url && name !== "Холидей"),
      {
        x: "date",
        y: "mass",
        r: "size",
        src: d => `https://{corsproxy}/?url=${encodeURIComponent(d.url)}`,
        crossOrigin: "anonymous"
      }
    )
  ]
})

[quillcraft]

Thank you! It works )