New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Interactive Legends #2274

Closed
bkief opened this Issue May 12, 2015 · 10 comments

Comments

Projects
None yet
8 participants
@bkief

bkief commented May 12, 2015

Placeholder for tracking, discussion, and eventual roamap inclusion regarding interactive legends.

Three wishlist items for legends that are common in other JS plotting libraries:

  1. Legends off the plot area
  2. Hover over legend item and respective glyphs highlight in plot
  3. Click of legend item hides/shows the respective glyphs

Use cases include data identification for those with color blindness

Original discussion: https://groups.google.com/a/continuum.io/d/msg/bokeh/TymlMcwsZH0/Fs9Wpxle8SwJ

@bryevdv

This comment has been minimized.

Show comment
Hide comment
@bryevdv

bryevdv May 12, 2015

Member

This would be a fantastic feature! My only comment is that 1) is independent of the others, and should probably be tackled separately. We are engaging with the author of the kiwi.js constraint solver that we currently use for canvas layout. He is also the author of PhosphorJS, and there is the possibility that this library could used to handle all Bokeh app layout, both on and off the canvas, which would be a great win. So, expanding and improving layout is still an ongoing discussion. However, 2) and 3) can be implemented immediately and independently of better layout.

Member

bryevdv commented May 12, 2015

This would be a fantastic feature! My only comment is that 1) is independent of the others, and should probably be tackled separately. We are engaging with the author of the kiwi.js constraint solver that we currently use for canvas layout. He is also the author of PhosphorJS, and there is the possibility that this library could used to handle all Bokeh app layout, both on and off the canvas, which would be a great win. So, expanding and improving layout is still an ongoing discussion. However, 2) and 3) can be implemented immediately and independently of better layout.

@birdsarah

This comment has been minimized.

Show comment
Hide comment
@birdsarah

birdsarah May 14, 2015

Member

Indeed. A +1 for me on "2) Hover over legend item and respective glyphs highlight in plot" - it was the first thing someone coming from C3js asked me for recently (http://c3js.org/samples/simple_multiple.html).

Member

birdsarah commented May 14, 2015

Indeed. A +1 for me on "2) Hover over legend item and respective glyphs highlight in plot" - it was the first thing someone coming from C3js asked me for recently (http://c3js.org/samples/simple_multiple.html).

@xmnlab

This comment has been minimized.

Show comment
Hide comment
@xmnlab

xmnlab Jun 10, 2015

Interactive Legends will be great, for a specific app I need this feature and when it's done I can migrate it from highcharts :), maybe I can help to test.

xmnlab commented Jun 10, 2015

Interactive Legends will be great, for a specific app I need this feature and when it's done I can migrate it from highcharts :), maybe I can help to test.

@bkief

This comment has been minimized.

Show comment
Hide comment
@bkief

bkief Jun 11, 2015

@bryevdv @damianavila It seems like suggestions 2 & 3 for interactive legends have some enthusiasm behind them. I personally really do like the C3JS implementation Sarah mentioned. Would it be possible to add this feature request as a milestone?

bkief commented Jun 11, 2015

@bryevdv @damianavila It seems like suggestions 2 & 3 for interactive legends have some enthusiasm behind them. I personally really do like the C3JS implementation Sarah mentioned. Would it be possible to add this feature request as a milestone?

@damianavila damianavila added this to the long-term milestone Jun 11, 2015

@damianavila

This comment has been minimized.

Show comment
Hide comment
@damianavila

damianavila Jun 11, 2015

Contributor

Changed to feature request and adding long-term milestone (we can change that later if we pursue a short-term implementation...

Contributor

damianavila commented Jun 11, 2015

Changed to feature request and adding long-term milestone (we can change that later if we pursue a short-term implementation...

@bkief

This comment has been minimized.

Show comment
Hide comment
@bkief

bkief Jul 16, 2015

@bryevdv I have two thoughts regarding off plot legends. Would it be possible to pad the side of the plot with the legend and have the legend placement ignore the padding, resulting in the legend being placed on top of the padding whitespace? It would effectively be off the plot but on the same html canvas. If not... the toolbar is its own element nestled into the plot table. Why not do the same with the legend? At the moment, the legend is static anyways so it could even be PNG in its own table cell. Just thinking out loud and I thought I would pass along.

bkief commented Jul 16, 2015

@bryevdv I have two thoughts regarding off plot legends. Would it be possible to pad the side of the plot with the legend and have the legend placement ignore the padding, resulting in the legend being placed on top of the padding whitespace? It would effectively be off the plot but on the same html canvas. If not... the toolbar is its own element nestled into the plot table. Why not do the same with the legend? At the moment, the legend is static anyways so it could even be PNG in its own table cell. Just thinking out loud and I thought I would pass along.

@VelizarVESSELINOV

This comment has been minimized.

Show comment
Hide comment
@VelizarVESSELINOV

VelizarVESSELINOV commented Dec 29, 2015

👍

@birdsarah

This comment has been minimized.

Show comment
Hide comment
@birdsarah

birdsarah Jan 23, 2016

Member

Related request: #3715

Member

birdsarah commented Jan 23, 2016

Related request: #3715

@mattpap mattpap modified the milestones: 0.12, long-term Mar 8, 2016

@mattpap mattpap self-assigned this Mar 8, 2016

@mattpap

This comment has been minimized.

Show comment
Hide comment
@mattpap

mattpap Mar 8, 2016

Contributor

I started working on this as a side-effect of work on inspection/selection management (the connection may not be immediate).

Contributor

mattpap commented Mar 8, 2016

I started working on this as a side-effect of work on inspection/selection management (the connection may not be immediate).

@aiguofer

This comment has been minimized.

Show comment
Hide comment
@aiguofer

aiguofer Nov 9, 2016

Big +1 for this!

I'm a big fan of how Plotly handles legends, here's a link to some of their examples for some inspiration.

aiguofer commented Nov 9, 2016

Big +1 for this!

I'm a big fan of how Plotly handles legends, here's a link to some of their examples for some inspiration.

@mattpap mattpap modified the milestones: 0.12.5, short-term Nov 9, 2016

@birdsarah birdsarah modified the milestones: 0.12.4, 0.12.5 Dec 9, 2016

@bryevdv bryevdv modified the milestones: 0.12.5, 0.12.4 Dec 14, 2016

@bryevdv bryevdv closed this in #5349 Mar 8, 2017

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment