question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Surface plots with opacity < 1 not rendering in Safari 14

See original GitHub issue

My 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: Unknown

In Chrome (v85.0.4183.102), it’s properly rendered: newplot

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:closed
  • Created 3 years ago
  • Reactions:1
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

2reactions
archmojcommented, Dec 21, 2020

This is addressed in plotly.js v1.58.4.

2reactions
roozmahdaviancommented, Oct 21, 2020

+1, seeing an issue identical to @nonhermitian’s

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found