Network graph on a floormap with (x,y) coordinates

Community Support
1

Hey guys,

I’m new to Bokeh and have played with NetworkX for some time. I have to visualize a graph network whose nodes are zones in a museum, and their locations are normailzed (x, y) coordinates. How do I plot the graph on the floormap (suppose I have HD pictures of them)?

Thanks,

2

Hi,

This question is to vague to give much concrete advice. The documentation for displaying graphs in Bokeh is here:

  https://bokeh.pydata.org/en/latest/docs/user_guide/graph.html

For plotting images there is "image_url" or "image_rgba" methods on figures.

Thanks,

Bryan

···

On Aug 5, 2018, at 21:16, [email protected] wrote:

Hey guys,

I'm new to Bokeh and have played with NetworkX for some time. I have to visualize a graph network whose nodes are zones in a museum, and their locations are normailzed (x, y) coordinates. How do I plot the graph on the floormap (suppose I have HD pictures of them)?

Thanks,

--
You received this message because you are subscribed to the Google Groups "Bokeh Discussion - Public" group.
To unsubscribe from this group and stop receiving emails from it, send an email to [email protected].
To post to this group, send email to [email protected].
To view this discussion on the web visit https://groups.google.com/a/continuum.io/d/msgid/bokeh/e3960771-a1f3-466d-a102-3d06509a28ec%40continuum.io\.
For more options, visit https://groups.google.com/a/continuum.io/d/optout\.

3

Hi Bryan,

Sorry for my vague wording in the original post.

If you allow me to reorganize the question… What I have now is a list of exhibition zones in a museum, and the visitor paths (each path is a list of zones by visiting order). Each zone has a pair of (x,y) coordinates; x, y are not real lat lng but normalized relative location, so they are both within 0 and 1. What I would like to achieve is an interactive visualization of the visitor graph, with the the museum floormap as background. I’m wondering if it’s easy to do.

Another relevant question: since the museum has multi floors, the visitor graph is actually multi-layer. Is there some way of directly visualizing this structure with Bokeh?

I hope this time my description is clearer. Looking forward to your advice.

Thanks,

Di

···

On Tuesday, August 7, 2018 at 4:22:43 AM UTC+12, Bryan Van de ven wrote:

Hi,

This question is to vague to give much concrete advice. The documentation for displaying graphs in Bokeh is here:

    [https://bokeh.pydata.org/en/latest/docs/user_guide/graph.html](https://bokeh.pydata.org/en/latest/docs/user_guide/graph.html)

For plotting images there is “image_url” or “image_rgba” methods on figures.

Thanks,

Bryan

On Aug 5, 2018, at 21:16, [email protected] wrote:

Hey guys,

I’m new to Bokeh and have played with NetworkX for some time. I have to visualize a graph network whose nodes are zones in a museum, and their locations are normailzed (x, y) coordinates. How do I plot the graph on the floormap (suppose I have HD pictures of them)?

Thanks,

–
You received this message because you are subscribed to the Google Groups “Bokeh Discussion - Public” group.

To unsubscribe from this group and stop receiving emails from it, send an email to [email protected].

To post to this group, send email to [email protected].

To view this discussion on the web visit https://groups.google.com/a/continuum.io/d/msgid/bokeh/e3960771-a1f3-466d-a102-3d06509a28ec%40continuum.io.

For more options, visit https://groups.google.com/a/continuum.io/d/optout.

4

Hi,

I'm afraid I don't have any more advice than what I linked before. You could try implementing something with those features of Bokeh, and then come back with narrower questions about specific code problems if you run into them. That said, the primary use case of bokeh is interactive data visualization via plots and charts. I am not sure an interactive visitor map is really a great use case for Bokeh.

Another relevant question: since the museum has multi floors, the visitor graph is actually multi-layer. Is there some way of directly visualizing this structure with Bokeh?

Not sure what you mean by "directly visualizing this structure". Bokeh is a general purpose tool so it does not have anything specific for a specialized case such as this. You could write code that puts levels in different tabs, or switches between them based on radio buttons.

Thanks,

Bryan

···

On Aug 6, 2018, at 15:08, [email protected] wrote:

Hi Bryan,

Sorry for my vague wording in the original post.

If you allow me to reorganize the question.... What I have now is a list of exhibition zones in a museum, and the visitor paths (each path is a list of zones by visiting order). Each zone has a pair of (x,y) coordinates; x, y are not real lat lng but normalized relative location, so they are both within 0 and 1. What I would like to achieve is an interactive visualization of the visitor graph, with the the museum floormap as background. I'm wondering if it's easy to do.

Another relevant question: since the museum has multi floors, the visitor graph is actually multi-layer. Is there some way of directly visualizing this structure with Bokeh?

I hope this time my description is clearer. Looking forward to your advice.

Thanks,

Di

On Tuesday, August 7, 2018 at 4:22:43 AM UTC+12, Bryan Van de ven wrote:
Hi,

This question is to vague to give much concrete advice. The documentation for displaying graphs in Bokeh is here:

        https://bokeh.pydata.org/en/latest/docs/user_guide/graph.html

For plotting images there is "image_url" or "image_rgba" methods on figures.

Thanks,

Bryan

> On Aug 5, 2018, at 21:16, di.zh...@gmail.com wrote:
>
> Hey guys,
>
> I'm new to Bokeh and have played with NetworkX for some time. I have to visualize a graph network whose nodes are zones in a museum, and their locations are normailzed (x, y) coordinates. How do I plot the graph on the floormap (suppose I have HD pictures of them)?
>
> Thanks,
>
> --
> You received this message because you are subscribed to the Google Groups "Bokeh Discussion - Public" group.
> To unsubscribe from this group and stop receiving emails from it, send an email to bokeh+un...@continuum.io.
> To post to this group, send email to bo...@continuum.io.
> To view this discussion on the web visit https://groups.google.com/a/continuum.io/d/msgid/bokeh/e3960771-a1f3-466d-a102-3d06509a28ec%40continuum.io\.
> For more options, visit https://groups.google.com/a/continuum.io/d/optout\.

--
You received this message because you are subscribed to the Google Groups "Bokeh Discussion - Public" group.
To unsubscribe from this group and stop receiving emails from it, send an email to [email protected].
To post to this group, send email to [email protected].
To view this discussion on the web visit https://groups.google.com/a/continuum.io/d/msgid/bokeh/785c01fc-7939-43a0-9bda-2d01407127f3%40continuum.io\.
For more options, visit https://groups.google.com/a/continuum.io/d/optout\.