Questions tagged [bokehjs]

BokehJS is an interactive visualization library for JavaScript. It is the backend of the Bokeh Python Library. Please Only use this tag for BokehJS questions, use [Bokeh] for Bokeh Python API questions

Bokeh is an interactive visualization library for modern web browsers. BokehJS provides an API for use in JavaScript, there also exists a Bokeh Python Library which utilizes BokehJS as its backend. It provides elegant, concise construction of versatile graphics, and affords high-performance interactivity over large or streaming datasets. Bokeh can help anyone who would like to quickly and easily make interactive plots, dashboards, and data applications.

134 questions
2
votes
1 answer

Change ColorMapper via callback JS in standalone Bokeh plot

I would like to create a standalone document, similar to the server app example 'Crossfilter': to select different columns for coloring the circles and to update the colorbar as well. I define a CustomJS with the code below, where I create a new…
pintergreg
  • 87
  • 3
  • 8
2
votes
1 answer

Renderer not updating glyph on plot in bokehjs

UPDATE 25-09-2018 In a bid to create a simpler demo (posted here: http://jsfiddle.net/bLgj4vc7/3/) for this question, I finally discovered the root cause of the problem. I have also managed to work around it, which I have posted as an answer. I am…
bhootjb
  • 1,501
  • 1
  • 21
  • 33
2
votes
1 answer

Bokeh - Models must be owned by only a single document [error]

Trying to build a dashboard with multiple pages using Flask/Bokeh combination. The code that I use for main file (test.py) collects(imports) all the files corresponding to pages of the dashboard. # test.py from page1 import Page1 app =…
flamenco
  • 2,702
  • 5
  • 30
  • 46
2
votes
1 answer

How to embed bokeh js output figure inside a div element?

I have following HTML and JS code(pasted below) to create Bokeh-JS pie chart. But its not giving expected result. Bokeh plots are not getting embedded inside div elements of HTML code. Am I missing something here? Also I've attached output of the…
santosh
  • 129
  • 1
  • 12
2
votes
1 answer

Bokeh, Can only update column via callback once

Using some code I found on this question, I managed to update the columns for the graph I am making. The problem is, I am only allowed to make ONE update and then no more effect afterwards. The same problem happens when executing the code from the…
Camper731
  • 83
  • 6
1
vote
1 answer

Show/Hide columns in Bokeh DataTable based on selection

I have a data table with 40+ columns. I can choose which columns to show in the data table by changing the TableColumn attribute visible to True or False. Here's a small example filtered_table_data=df[["Date","Li","Be"]] filtered_table_source=…
Gingerhaze
  • 664
  • 2
  • 5
  • 13
1
vote
1 answer

How to plot multiple ColumnDataSource data with hovertools in Bokeh?

The Goal: To generate a scatter plot from a pandas DataFrame with 3 columns: x, y, type (either a, b or c). The data points should have different colors based on the type. Every data point should have a hover effect. However, data points with type c…
1
vote
1 answer

BokehJS BoxZoomTool always active by default, even when setting active: false

In BokehJS 2.4.2 the BoxZoomTool is always active by default, even when setting the active property to false when adding the tool. const box_zoom = new Bokeh.BoxZoomTool({ active: false, }); plot.add_tools(box_zoom); With other tools, such as…
Mark wijkhuizen
  • 373
  • 3
  • 10
1
vote
0 answers

Network graph not updating with js_on_change for a Select widget on Bokeh

Following this example, I am trying to build a network graph using Bokeh where I can use a select widget to filter my data. My data will look something like this: source target var1 var2 a c 1.0 0.0 b g 2.0 0.0 …
1
vote
0 answers

js_on_change not working for network graph on Bokeh

Following this example, I am trying to build a network graph using Bokeh where I can use a select widget to filter my data. My data will look something like this: source target var1 var2 a c 1.0 0.0 b g 2.0 0.0 …
1
vote
1 answer

Can I attach a plain DataSource to a document on Bokeh?

I have a Bokeh server running and I am embeding it as a Bokeh document in my application, this allows me to change a glyph data source from a component in my front end (while having the sockets connection) by accessing it like: let mySource =…
1
vote
0 answers

Is it possible to use normal html (Further Vue/React components) to send data to a Bokeh plot?

I've been trying almost everything from Bokeh documentation and I don't know if this is possible. What I want is to use regular html (input/textbox/table and later a Vue/React component) to get the data to be used by the bokeh server application,…
1
vote
0 answers

Bokeh: Force onclick event to a Legend via JS callback

I'm using Bokeh 2.3.0. I have several items in my Legend that are all muted on load. I provided a button that I want to use for toggling the visibility of all legend items. Here's what I have now: Here's my JS callback: I believe I'm close enough…
firnnauriel
  • 2,047
  • 7
  • 27
  • 44
1
vote
1 answer

Update text dynamically in Bokeh with js_on_change

Is it possible to use js_on_change with bokeh to dynamically update text that is placed next to a plot? For example, using this code snippet from a different question from random import random from bokeh.models import CustomJS, ColumnDataSource,…
Thomas
  • 1,199
  • 1
  • 14
  • 29
1
vote
2 answers

Use € as currency symbol in NumeralTickFormatter from bokeh

I would like to use the € symbol instead of $ to format my numbers in a bokeh plot that is created by holoviews (hv.Bars). formatter = NumeralTickFormatter(format=f"{€ 0.00 a)") Unfortunately, this does only yield a formatted number but not the…
KaRaOkEy
  • 318
  • 1
  • 10
1
2
3
8 9