LaTeX integration

[jstac]

Just so you have the satisfaction of closing an issue when this is done.

[sglyon]

53516aa got this working in Electron.

I just realized that it has been working in the notebook all along, with one caveat: it doesn't work in Chrome.

For some reason Chrome complains with the following in the console:

As I'm not a web-tech guru, I don't really know how to get around this. Otherwise I think we are very close to closing this one

[jstac]

@DrDrij might be willing to help you on this one.

[sglyon]

cc @DrDrij any idea how to overcome this "can't load a font" issue?

[DrDrij]

Sure thing. Are you running this locally or is there a URL I can load for context?
From the error message it appears an attempt has been made to load the font resource from a different domain (localhost) to where the attempt was called from.

[sglyon]

@mmcky do we have any instances of tempnb or something like that I can prep for @DrDrij here?

[mmcky]

@spencerlyon2 Sorry for my slow response. I have been away.
I have some old tmpnb instances that we could update with PlotlyJS?

[sglyon]

@mmcky no problem -- I hope you've been able to do something fun.

tempnb would be great, how can we do it? Do you need anything from me?

[jebej]

I can confirm that latex still does not work in IJulia on chrome (I tried on Edge but there the plot does not render at all) and works in electron.

[BoundaryValueProblems]

I just want to report that not only IJulia, but also simple REPL sessions and Juno/Atom sessions, LaTeXStrings do not work properly with PlotlyJS (although I am using PlotlyJS backend in Plots.jl). Here is a simple example (using Plots.jl):

using Plots, LaTeXStrings
plotlyjs()
scatter(rand(10), ms = 20, series_annotations = [text(latexstring("\\phi_", "{$i}"), 14, :white) for i in 1:10], label="", marker_z=0:9)

Perhaps, one could convert the above to pure PlotlyJS functions, but I doubt those would work properly. It would be really great if LaTeXStrings are fully integrated into PlotlyJS. Note that LaTeXStrings work well with PyPlot.
Thanks!
BVPs

[sglyon]

Hi @BoundaryValueProblems , what would

LaTeXStrings are fully integrated into PlotlyJS

look like to you?

Right now I do utilize LaTeXStrings in PlotlyJS.jl (see these lines) and re-export the L" string macros. Perhaps I should also re-export the latexstring function?

Here's an example of how this currently works in PlotlyJS:

plot([scatter(y=rand(10), name=latexstring("\\phi_", i)) for i in 1:3])

[BoundaryValueProblems]

Hi, @sglyon . Thank you for your reply!
I'm hesitant to agree with "LaTeXStrings are fully integrated into PlotlyJS" at this point.
I ran your example with just PlotlyJS, not using Plots.jl. It worked partially. For example, the legends correctly showed those symbols when I used REPL from a terminal. But using Juno/Atom, they were not displayed. Also, in both REPL from a terminal and Juno/Atom, when I traced those curves with a cursor, the curve labels at those plotted data points were not rendered correctly: they were displayed as, e.g., 0.799105$\phi_2$, etc.

[sglyon]

So the LaTexStrings.jl package is very small (the entire package is in one file): it simply defines a LaTeXString type that adds some $ to the front and back of a string and defines methods to make this LaTeXString act like a string. There really isn't much to do to "integrate" it with the package as all it does is provide this type.

I think the issues you are seeing are actually with the plotly.js javascript library used to render plots. When I go to this page in the plotly.js docs, the plot doesn't load properly (or takes a very long time to load). If I look at my browser's javascript console I see a bunch of errors:

I have verified that LaTeX isn't working in atom/juno. Not sure why, I think @MikeInnes or @pfitzseb would have to chip in here on why MathJAX rendering in the plot pane isn't working

[pfitzseb]

I see an additional error in Juno:

Uncaught TypeError: Cannot read property 'legend' of undefined

which is thrown from inside the webview that contains the plot. Not sure what's going on there tbh.

When opening the PlotlyJS page linked above I also get

downloadable font: kern: Too large subtable (font-family: "Open Sans" style:normal weight:normal stretch:normal src index:0) source: https://plot.ly/static/fonts/OpenSans/OpenSans-Regular.629a55a7e793.ttf  4836deb164f3.css:1:2355
downloadable font: Table discarded (font-family: "Open Sans" style:normal weight:normal stretch:normal src index:0) source: https://plot.ly/static/fonts/OpenSans/OpenSans-Regular.629a55a7e793.ttf  4836deb164f3.css:1:2355

and no latex legend entries.

So yeah, kinda strange all in all...