Content-Length: 242854 | pFad | http://github.com/plotly/Dash.jl/issues/161

09 Handling of traces with 2D data · Issue #161 · plotly/Dash.jl · GitHub
Skip to content

Handling of traces with 2D data #161

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.

Sign up for GitHub

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

Jump to bottom
Open
jkrimmer opened this issue Jan 12, 2022 · 3 comments
Open

Handling of traces with 2D data #161

jkrimmer opened this issue Jan 12, 2022 · 3 comments

Comments

@jkrimmer
Copy link

Plotting traces with 2D data in the z component such as contour or heatmap does not yield the expected result (Julia v1.7.0, Dash v1.1.1, PlotlyJS v0.18.8). It seems like the serialization might be at fault?

The following MWE demonstrates the issue:

using Dash, PlotlyJS

m = 20
n = 10

xdata = 1:m
ydata = 1:n
zdata = rand(m,n)

app = dash()
app.layout = html_div() do
    dcc_graph(figure=Plot(heatmap(x=xdata, y=ydata, z=transpose(zdata))))
end
display(plot(Plot(heatmap(x=xdata, y=ydata, z=transpose(zdata)))))

run_server(app, "0.0.0.0", debug=true)

Exemplary dash output:
grafik

Corresponding PlotlyJS output which meets the expectations:
grafik
@jkrimmer
Copy link
Author

The reason is the handling of multi-dimensional arrays in JSON3 Handling of multi-dimensional arrays #196 .
We can work around this issue by converting multi-dimensional arrays into arrays of arrays before passing them to the dash app.

@disberd disberd mentioned this issue Mar 17, 2022
Closed
@bolognam
Copy link
Contributor

Looking at the mentioned issue JuliaComputing/PlotlyLight#12 it seems that the solution (temporarily) is to write out:

m = 20
n = 10

xdata = 1:m
ydata = 1:n
zdata = rand(m,n)

fig = Plot(heatmap(z=collect(eachcol(zdata))))

To match the desired behavior above.

Would it be possible to add this explanation to Dash.jl documentation, or the README?

@etpinard
Copy link
Contributor

Would it be possible to add this explanation to Dash.jl documentation, or the README?

Sure. If someone wants to make a PR that adds it to the JSON section in the README

https://github.com/plotly/Dash.jl#json

I'll merge it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@etpinard @bolognam @jkrimmer








ApplySandwichStrip

pFad - (p)hone/(F)rame/(a)nonymizer/(d)eclutterfier!      Saves Data!


--- a PPN by Garber Painting Akron. With Image Size Reduction included!

Fetched URL: http://github.com/plotly/Dash.jl/issues/161

Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy