How to add CSS-style transitions to Glyphs?

Community Support
1

I want to smoothly fade_in the new circles and fade_out the ones being removed from the plot.

Is there a way to achieve this without having a loop in Python to cycle through fill_alphas? I know the same loop through ColumnDataSource().data in Javascript will be a bit lighter on the CPU, but is still rather hacky (finding a particular Glyph from DOM is tricky, but not impossible).

Any thoughts? How about exposing the document, plot, source objects through Bokeh.$?

2

Hi,

There is no quick answer to this and it seem s to me like you’re hacking in
the right direction.

As you probably know, w e can’t
leverage CSS transi tions,
because the glyphs aren’t DOM objects.

I believe there has
been some discussion about
animation s in the past, but I’m not
sure of the issue off the top
of my head.

The bokeh objects are exposed through Bokeh.index and the CustomJS
callback interface. But are
you specifically meaning jquery when you say Bokeh.$?
If yes, can I ask
where you were going with
this thought?

Best,

Bird

···

On 11/3/16 4:08 AM,
wrote:

[email protected]

    I want to smoothly fade_in the new circles and

fade_out the ones being removed from the plot.

      Is there a way to achieve this without having a loop in

Python to cycle through fill_alphas? I know the same loop
through ColumnDataSource().data in Javascript will be a bit
lighter on the CPU, but is still rather hacky (finding a
particular Glyph from DOM is tricky, but not impossible).

      Any thoughts? How about exposing the document, plot, source

objects through Bokeh.$?

–

  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/ac1da777-cbc0-4444-916f-8a815b7bdb59%40continuum.io](https://groups.google.com/a/continuum.io/d/msgid/bokeh/ac1da777-cbc0-4444-916f-8a815b7bdb59%40continuum.io?utm_medium=email&utm_source=footer).

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

–
Sarah Bird
Developer, Bokeh

    [
      ![Continuum Analytics](http://docs.continuum.io/_static/img/ContinuumWordmark.png)
    ](http://continuum.io)