[BUG]: Points don't appear on scatter map when viewed on a mobile device as a standalone HTML file

Open
#5,474 2 comments 0 reactions 1 assignee View on GitHub

@emilykl is already working on this.

Since Jan 28, 2026.

Assessment

This issue has not been assessed yet.

Description

bug
Description

I would like to be able to view a standalone .html copy of a Plotly scatter map on my phone. However, when I attempt to do so, I don't see any of the scatter points on the map (though the legend and layers load OK). Fortunately, the map loads fine when I first upload it to GitHub pages and view it from there; however, for debugging and sharing purposes, it would be very helpful to be able to view the points directly from a standalone HTML file.

Screenshots/Video

The HTML copy of the map (created as 'index.html' by the code shown below) loads fine on my laptop:

Image

However, when viewed on a mobile device, none of the points are visible:

Image
Steps to reproduce

The 'index.html' file shown in the previous two screenshots was created by the following code:

# (Almost all of this code comes from the first scatter map example
# found at https://plotly.com/python/tile-map-layers/ .)

import pandas as pd
us_cities = pd.read_csv("https://raw.githubusercontent.com/plotly/datasets/master/us-cities-top-1k.csv")

import plotly.express as px

fig = px.scatter_map(us_cities, lat="lat", lon="lon", hover_name="City", hover_data=["State", "Population"],
                        color_discrete_sequence=["fuchsia"], zoom=3, height=300)
fig.update_layout(map_style="open-street-map")
fig.update_layout(margin={"r":0,"t":0,"l":0,"b":0})
fig.write_html('index.html', include_plotlyjs='cdn')

I then copied the 'index.html' file created by this code onto my phone, then loaded it within my mobile Chrome app.

Dominant language
Python
Stars
18.8k
Forks
2.8k
Avg merge
16h 26m
Merged PRs (30d)
21

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from plotly/plotly.py

All issues in plotly/plotly.py

Similar issues

More Python issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.