Surface plots with opacity < 1 not rendering in Safari 14
See original GitHub issueMy 3D surface plots with opacity lower than 1 do not render anymore in Safari 14 (just updated from Safari 13).
Take this minimal example (almost equal to this one on Plotly’s website, except for the opacity):
import plotly.graph_objects as go
import pandas as pd
# Read data from a csv
z_data = pd.read_csv('https://raw.githubusercontent.com/plotly/datasets/master/api_docs/mt_bruno_elevation.csv')
fig = go.Figure(data=[go.Surface(z=z_data.values, opacity=0.5)])
fig.update_layout(title='Mt Bruno Elevation', autosize=False,
width=500, height=500,
margin=dict(l=65, r=50, b=65, t=90))
fig.show()
In Safari (Version 14.0 (14610.1.28.1.9)) this is rendered as:
In Chrome (v85.0.4183.102), it’s properly rendered:
I’m wondering whether this is something that can be fixed on Plotly’s side, or whether it’s a bug in the new Safari that Apple needs to address.
For completeness, Safari’s console logs this error:
[Error] Failed to load resource: the server responded with a status of 404 (Not Found) (individual-plots.json, line 0)
Issue Analytics
- State:
- Created 3 years ago
- Reactions:1
- Comments:6 (2 by maintainers)
Top Results From Across the Web
transitions on Safari on the iPadOS not working - Stack Overflow
I have written a simple JavaScript code. All it does, apply a class of 'hide' to the element to hide it (setting opacity...
Read more >Safari Technology Preview Release Notes - Apple Developer
commitStyles() not changing the style attribute for individual CSS ... Fixed opacity to flatten when combined with transform-style: preserve-3d (r285021) ...
Read more >Opacity CSS - Scaler Topics
In CSS, the opacity indicates how transparent an element is. Opacity is not inherited but arises as a result of the parent's opacity, ......
Read more >HTMLCanvasElement.getContext() - Web APIs | MDN
Chrome Edge
getContext Full support. Chrome1. Toggle history Full support. Edge12. Tog...
2d context Full support. Chrome1. Toggle history Full support. Edge12. Tog...
options.alpha parameter Full...
Read more >Chapter 4. Visualization with Matplotlib - O'Reilly
Matplotlib is a multiplatform data visualization library built on NumPy arrays, and designed to work with the broader SciPy stack. It was conceived...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
This is addressed in plotly.js v1.58.4.
+1, seeing an issue identical to @nonhermitian’s