Forum Discussion
Add image in Deneb
Hi Anonymous ,
First, verify that the URL in the "Icon" column is publicly accessible.
If the URL is restricted or broken, the image will not appear in the chart.
Second, in the Deneb visualization, make sure you use the "Icon" column correctly in the visualization properties.
The column should be referenced in such a way that Deneb recognizes it as the source of the image URL.
Please try：
"mark": {"type": "image"},
"encoding": {
"x": {"field": "x", "type": "quantitative"},
"y": {"field": "y", "type": "quantitative"},
"url": {"field": "Icon", "type": "nominal"}
}
For more information on working with images in Vega-Lite, please see:
This post may be helpful to you:
Solved: Deneb visual - Microsoft Fabric Community
If you have any further questions please feel free to contact me.
Best Regards,
Yang
Community Support Team
If there is any post helps, then please consider Accept it as the solution to help the other members find it more quickly.
If I misunderstand your needs or you still have problems on it, please feel free to let us know. Thanks a lot!
Hi Anonymous ,
Thanks for your fast and comprehensive reply :).
The URL should be fine, since I can visualize it when I drop the column in a table. And you're correctly stating that the column Icon should be used in the right way for the visual properties. I have tried many different things, and I already looked at the site of Vega-Lite about images and the post about that Deneb visual as well (in fact, I posted that myself ;)).
I adjusted a part of my code as follows:
"mark": {"type": "image"},
"name": "Icon",
"from": {"data": "dataset"},
"encode": {
"update": {
"url": {"field": "Icon",
"type": "nominal"},
"y": {"signal": "scale('y', datum.Species)+bandwidth('y')/2"},
"baseline": {"value": "middle"},
"align": {"value": "center"},
"x": {"signal": "group1Width/2"}
Am I overlooking something? I hope you can help me further with this.