{"action":"opened","issue":{"url":"https://api.github.com/repos/ioam/holoviews/issues/3191","repository_url":"https://api.github.com/repos/ioam/holoviews","labels_url":"https://api.github.com/repos/ioam/holoviews/issues/3191/labels{/name}","comments_url":"https://api.github.com/repos/ioam/holoviews/issues/3191/comments","events_url":"https://api.github.com/repos/ioam/holoviews/issues/3191/events","html_url":"https://github.com/ioam/holoviews/issues/3191","id":383658602,"node_id":"MDU6SXNzdWUzODM2NTg2MDI=","number":3191,"title":"Plot multiple images from image dataframe with translations","user":{"login":"LinuxIsCool","id":31582215,"node_id":"MDQ6VXNlcjMxNTgyMjE1","avatar_url":"https://avatars1.githubusercontent.com/u/31582215?v=4","gravatar_id":"","url":"https://api.github.com/users/LinuxIsCool","html_url":"https://github.com/LinuxIsCool","followers_url":"https://api.github.com/users/LinuxIsCool/followers","following_url":"https://api.github.com/users/LinuxIsCool/following{/other_user}","gists_url":"https://api.github.com/users/LinuxIsCool/gists{/gist_id}","starred_url":"https://api.github.com/users/LinuxIsCool/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/LinuxIsCool/subscriptions","organizations_url":"https://api.github.com/users/LinuxIsCool/orgs","repos_url":"https://api.github.com/users/LinuxIsCool/repos","events_url":"https://api.github.com/users/LinuxIsCool/events{/privacy}","received_events_url":"https://api.github.com/users/LinuxIsCool/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-11-22T21:29:29Z","updated_at":"2018-11-22T21:29:29Z","closed_at":null,"author_association":"NONE","body":"I have a hv Graph object, from which I can extract node data and join with an image dataframe. The result is to overlay each node in the graph with the logo for the respective nodes. By joining the nodes data with an image dataframe I am able to get all the right data, but am unable to overlay the images over the nodes.\r\n\r\nI have the following nodes:\r\n\r\n![image](https://user-images.githubusercontent.com/31582215/48922086-0b118e00-ee59-11e8-9859-638ca106d304.png)\r\n\r\nFrom here I can produce a bokeh figure, but am unable to overlay that figure with my holoviews graph. I use the following code to get the resulting overlay:\r\n```\r\n\r\ndef overlay_image_nodes(nodes):\r\n    # For each node, draw an overlay\r\n    p = figure(x_range=(-1,1), y_range=(-2,2))\r\n    for coin in nodes.index:\r\n        d = dict(nodes.loc[coin])\r\n        d['url'] = [d['url']]\r\n        print(d)\r\n        p.image_url(**d)\r\n    return p\r\n```\r\n\r\n![image](https://user-images.githubusercontent.com/31582215/48922183-c89c8100-ee59-11e8-81f4-692bc97db0d9.png)\r\n\r\nWhich I am trying to overly on my hv Graph:\r\n\r\n![image](https://user-images.githubusercontent.com/31582215/48922198-e1a53200-ee59-11e8-8b7d-3e7ed933817b.png)\r\n\r\nI see two obvious solutions. 1. Use hv functionality to render the overlay from my nodes df (How to do this?) 2. figure out how to compose an hv.Graph with a bokeh figure.\r\n\r\nIf it helps, I can also get the images as numpy arrays using the following:\r\n`nodes['npImage'] = nodes['image'].apply(lambda x: np.array(x))`\r\n\r\nIf only  hv.Image() would take x, y parameters for translating the center of the image.\r\n\r\n\r\n"}}
{"actor":{"display_login":"LinuxIsCool"}}