Rearranging regions

I would like to draw multiple graphs that share one common axis and then change the order of these individual graphs dynamically. For example, consider multiple graphs arranged in columns that share a common y axis, give these graphs names A, B, and C, and place them on the page in the following order: A, B, and then C. Next, change the order to C, B, A. My questions are:

  1. Can this workflow be accomplished in the current version of Bokeh?
  2. If so, is there some documentation and/or example that I can refer to?

Joseph,

Did you want to do this rearranging by dragging and dropping the graphs? Or is the user manipulating some other control/widget which then triggers a shuffling of the plots?

-Peter

···

On Wed, Jul 30, 2014 at 11:40 AM, Joseph Winston [email protected] wrote:

I would like to draw multiple graphs that share one common axis and then change the order of these individual graphs dynamically. For example, consider multiple graphs arranged in columns that share a common y axis, give these graphs names A, B, and C, and place them on the page in the following order: A, B, and then C. Next, change the order to C, B, A. My questions are:

  1. Can this workflow be accomplished in the current version of Bokeh?
  2. If so, is there some documentation and/or example that I can refer to?

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/e062f27c-b2a9-42b6-9423-ae9e73bf423f%40continuum.io.

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

Dragging and dropping would be ideal but I’ll take anything that works.

···

On Wed, Jul 30, 2014 at 11:40 AM, Joseph Winston [email protected] wrote:

I would like to draw multiple graphs that share one common axis and then change the order of these individual graphs dynamically. For example, consider multiple graphs arranged in columns that share a common y axis, give these graphs names A, B, and C, and place them on the page in the following order: A, B, and then C. Next, change the order to C, B, A. My questions are:

  1. Can this workflow be accomplished in the current version of Bokeh?
  2. If so, is there some documentation and/or example that I can refer to?

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/e062f27c-b2a9-42b6-9423-ae9e73bf423f%40continuum.io.

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

I think a bokehJS side plot configuration tool would be super useful.
The simplest implementation I could think of would have a table with columns of renderer attributes, and their values, each row would be a renderer

Show | Renderer_type | x | y | height | width | color | opacity | radius

T | rect | time_col | 0 | AAPL | 2 | red |

F | line | time_col | IBM | | 1 | blue | .3

T | circle | time_col | TWTR| | 1 | green | .3 | 1

Maybe there would be extra tables for axes, legends, and other different spec objects.

The idea is that the user could manipulate these attributes to come up with the visualization that they want.

Joseph in your case, you could change the x column from time_col to IBM for the last line, then you could plot IBM’s price on x-axis, Twitter’s price on the Y-axis, which each point representing a trading day.

This could type of property editor could be extended to a Grid Plot.

Does this make sense?

My use case is closer to this and in some ways easier:

Y | Series 1| Series 2 | Series 3 |

1.1 | 102 | | 50 |

2.4 | 103 | 10 | 60 |

5.2 | 104 | 20 | 70 |

7.9 | 105 | 40 | |

Where Y is monotonically increasing and Series 1-3 are time series. First plot has Series 1, 2, and 3 with appropriate axis. Second plot swaps Series 1 for Series 3.

···

On Jul 30, 2014, at 3:46 PM, Paddy Mullen [email protected] wrote:

I think a bokehJS side plot configuration tool would be super useful.
The simplest implementation I could think of would have a table with columns of renderer attributes, and their values, each row would be a renderer

Show | Renderer_type | x | y | height | width | color | opacity | radius

T | rect | time_col | 0 | AAPL | 2 | red |

F | line | time_col | IBM | | 1 | blue | .3

T | circle | time_col | TWTR| | 1 | green | .3 | 1

Maybe there would be extra tables for axes, legends, and other different spec objects.

The idea is that the user could manipulate these attributes to come up with the visualization that they want.

Joseph in your case, you could change the x column from time_col to IBM for the last line, then you could plot IBM’s price on x-axis, Twitter’s price on the Y-axis, which each point representing a trading day.

This could type of property editor could be extended to a Grid Plot.

Does this make sense?

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

To unsubscribe from this topic, visit https://groups.google.com/a/continuum.io/d/topic/bokeh/vh0zy4AmvWE/unsubscribe.

To unsubscribe from this group and all its topics, 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/CAFpY3ueWNXg_mYsfXvmxkXfEp26vy4jBAVPsmJaCQY5XJRRSfg%40mail.gmail.com.

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