standalone html blurry when online

I have usually make bokeh plots as standalone html so I can just put them on my webserver and send links to people to share them. Howver, when opened on the internet the plot is smaller and a bit blurry compared to when I open the same .html file locally

I have seen thus issue without answers, not sure if he was embedding bokeh plot results in blurry slide · Issue #323 · gnab/remark · GitHub

I attached an image showing an example with the legend from a same plot as shown from it’s www. address and from it’s file:// path

Any way to see it on the web as clearly as locally?

Sorry I forgot to remove the line about the issue I linked in my message; it turns out it is not related to my problem. I write my .html plot using:
outfile=open(‘plot.html’,‘w’)
outfile.write(file_html(gridplot_object,CDN,‘plot’))
outfile.close()

``

and I use the resulting .html file directly.

I have not seen anything like this (e.g. if I go to any example in http://bokeh.pydata.org/en/latest/docs/gallery.html then it is crisp and clear). Two possibilities come to mind:

It is something browser-specific, in which case detailed browser / platform information is needed. Or,

It is something specific to your usage, in which case a complete, minimal example code to reproduce the problem will be needed to investigate.

Thanks,

Bryan

Hi Bryan,

Thanks for your answer, here is a short running example:

from bokeh.plotting import figure, output_file

from bokeh.resources import CDN

from bokeh.embed import file_html

x = range(10)

y = range(10)

fig = figure(title=‘This should be clear’)

for i in range(5):

fig.line(x,y,line_width=3,legend='test_'+str(i))

outfile=open(‘test.html’,‘w’)

outfile.write(file_html(fig,CDN,‘test’))

outfile.close()

``

I attached a picture showing the difference when I open test.html on my computer or on my website:

bokeh 0.12.4

Python 2.7.12

Google Chrome
56.0.2924.87 (Official Build) (64-bit)

Any other relevant info I should provide?

Thank you

Do the plots in the docs gallery also look blurry, or just the ones that you create locally? I agree that the image below shows an undesired difference. However when I run your code on Version 56.0.2924.87 (64-bit) on OSX it is crisp and not blurry. Perhaps there is a platform issue? Are you on windows or linux?

Realistically, browser- and platform-specific issues are unfortunately some of the most time-consuming to debug and fix. Although I know it is probably not the answer you were hoping for, I can't promise anything about when the very small core team might be able to look at this in detail. My best recommendation is to make GH bug report issue so that it does not get completely lost, and can get prioritized when there are available resources.

Thanks,

Bryan