# plotly.js

**URL:** https://community.plotly.com/c/plotly-js/6.md

[Latest](https://community.plotly.com/latest.md) · [Categories](https://community.plotly.com/categories.md) · [Tags](https://community.plotly.com/tags.md)

---

## [About the plotly.js category](https://community.plotly.com/t/about-the-plotly-js-category/30)

<div class="topic-metadata">

**Author:** [@jack](https://community.plotly.com/u/jack)\
**Replies:** 0\
**Last updated:** [October 7, 2015, 8:41pm UTC](https://community.plotly.com/t/about-the-plotly-js-category/30 "2015-10-07T20:41:21Z")

</div>

QA & discourse on the Plotly JavaScript library

---

## [Reproducible figure-interchange format + a Plotly-figure mapping — interop feedback welcome](https://community.plotly.com/t/reproducible-figure-interchange-format-a-plotly-figure-mapping-interop-feedback-welcome/97566)

<div class="topic-metadata">

**Author:** [@Isaac\_Neuhaus](https://community.plotly.com/u/Isaac_Neuhaus)\
**Replies:** 4\
**Last updated:** [September 10, 2026, 12:57pm UTC](https://community.plotly.com/t/reproducible-figure-interchange-format-a-plotly-figure-mapping-interop-feedback-welcome/97566 "2026-09-10T12:57:09Z")

</div>

We maintain cxspec, a versioned, self-describing figure format: a single portable JSON object that carries a chart’s data and the spec to render it, with a stated forward-render/compatibility policy, a structural round-t…

---

## [Future Angular-plotly releases? (Post V20)](https://community.plotly.com/t/future-angular-plotly-releases-post-v20/97356)

<div class="topic-metadata">

**Author:** [@Long](https://community.plotly.com/u/Long)\
**Replies:** 1\
**Last updated:** [August 27, 2026, 2:43pm UTC](https://community.plotly.com/t/future-angular-plotly-releases-post-v20/97356 "2026-08-27T14:43:22Z")

</div>

I understand Angular-Plotly has sync’ed up their versioning with the versioning of Angular starting with V20. What I’m wondering about is future releases of Angular-Plotly post Angular V20. There doesn’t seem to be any…

---

## [Change Plotly default behaviour for plotting datetimes?](https://community.plotly.com/t/change-plotly-default-behaviour-for-plotting-datetimes/95661)

<div class="topic-metadata">

**Author:** [@Tunneller](https://community.plotly.com/u/Tunneller)\
**Replies:** 2\
**Last updated:** [August 24, 2026, 4:29pm UTC](https://community.plotly.com/t/change-plotly-default-behaviour-for-plotting-datetimes/95661 "2026-08-24T16:29:37Z")

</div>

This is a really old question, but bumping just in case there is an update. I want users to see the time that sensor data was collected, not the time that it happened to be in a different part of the world. My failure …

---

## [Plotly uses my local timezone when having dates as data](https://community.plotly.com/t/plotly-uses-my-local-timezone-when-having-dates-as-data/9904)

<div class="topic-metadata">

**Author:** [@johnlemon93](https://community.plotly.com/u/johnlemon93)\
**Replies:** 2\
**Last updated:** [August 24, 2026, 4:26pm UTC](https://community.plotly.com/t/plotly-uses-my-local-timezone-when-having-dates-as-data/9904 "2026-08-24T16:26:32Z")

</div>

Hi, If I understand correctly, Plotly uses the local timezone of the machine by default to avoid DST problem, right? But actually I would like to see the datetime stuff in exactly that specific time of the data. Is th…

---

## [Circle brush for scatter plot](https://community.plotly.com/t/circle-brush-for-scatter-plot/97435)

<div class="topic-metadata">

**Author:** [@binary](https://community.plotly.com/u/binary)\
**Replies:** 1\
**Last updated:** [August 19, 2026, 6:23pm UTC](https://community.plotly.com/t/circle-brush-for-scatter-plot/97435 "2026-08-19T18:23:30Z")

</div>

Hello, Is there any fragment code on how to add multiple circle bushes onto a scatter plot. Any hints would be appreciated. Thank you

---

## [Plotly.js v4.0.0-rc.0 is here](https://community.plotly.com/t/plotly-js-v4-0-0-rc-0-is-here/97308)

<div class="topic-metadata">

**Author:** [@adamschroeder](https://community.plotly.com/u/adamschroeder)\
**Replies:** 0\
**Last updated:** [July 22, 2026, 1:35pm UTC](https://community.plotly.com/t/plotly-js-v4-0-0-rc-0-is-here/97308 "2026-07-22T13:35:00Z")

</div>

Hey all, Plotly.js v4.0.0-rc.0 has been released (GitHub, NPM, and the CDN). Please check it out and let us know if there is anything we missed. Added Add minscale, maxscale geo plot attributes \[#7371\] Enable TypeScri…

---

## [Show and Tell: Clues, a no-code data viz app built on Plotly.js (aimed at non-coders)](https://community.plotly.com/t/show-and-tell-clues-a-no-code-data-viz-app-built-on-plotly-js-aimed-at-non-coders/97225)

<div class="topic-metadata">

**Author:** [@mmax](https://community.plotly.com/u/mmax)\
**Replies:** 5\
**Last updated:** [July 21, 2026, 3:15pm UTC](https://community.plotly.com/t/show-and-tell-clues-a-no-code-data-viz-app-built-on-plotly-js-aimed-at-non-coders/97225 "2026-07-21T15:15:57Z")

</div>

Hi all, quick one. Clues is a data viz tool for non-coders: people who have a CSV and questions but won’t touch code. It’s a single HTML file, all client-side, so nothing leaves the browser. I’m sharing it here because …

---

## [Plotly.js mesh3D performance](https://community.plotly.com/t/plotly-js-mesh3d-performance/6211)

<div class="topic-metadata">

**Author:** [@dhan16](https://community.plotly.com/u/dhan16)\
**Replies:** 1\
**Last updated:** [July 5, 2026, 2:07am UTC](https://community.plotly.com/t/plotly-js-mesh3d-performance/6211 "2026-07-05T02:07:45Z")

</div>

plotly mesh3d animate is quite slow at 320K points (and very very slow at 1M points) I was hoping if I set “opacity=1”, that means only the surface points are drawn (since the inside points become invisible) so I though…

---

## [Why is plotly-latest still 1.58.5?](https://community.plotly.com/t/why-is-plotly-latest-still-1-58-5/59835)

<div class="topic-metadata">

**Author:** [@EhBahSuper](https://community.plotly.com/u/EhBahSuper)\
**Replies:** 1\
**Last updated:** [June 20, 2026, 7:22am UTC](https://community.plotly.com/t/why-is-plotly-latest-still-1-58-5/59835 "2026-06-20T07:22:18Z")

</div>

Hi, I was wondering why https://cdn.plot.ly/plotly-latest.min.js is still 1.58.5 version, whereas we would expect it to be a 2.X version, as right now on github it is v2.8.3 which is the latest (Release v2.8.3 · plotly/…

---

## [Choropleth map with quantile-based stepped colorscale and filter option](https://community.plotly.com/t/choropleth-map-with-quantile-based-stepped-colorscale-and-filter-option/97085)

<div class="topic-metadata">

**Author:** [@KBurchfiel](https://community.plotly.com/u/KBurchfiel)\
**Replies:** 4\
**Last updated:** [June 18, 2026, 9:39am UTC](https://community.plotly.com/t/choropleth-map-with-quantile-based-stepped-colorscale-and-filter-option/97085 "2026-06-18T09:39:45Z")

</div>

Hi everyone, I often find that quantile-based scales work better than linear ones when visualizing choropleth map data. (After all, particularly high or low values can easily skew a linear range.) Therefore, I put toge…

---

## [Best option to build a plot like this](https://community.plotly.com/t/best-option-to-build-a-plot-like-this/97073)

<div class="topic-metadata">

**Author:** [@king\_o](https://community.plotly.com/u/king_o)\
**Replies:** 2\
**Last updated:** [June 12, 2026, 11:47am UTC](https://community.plotly.com/t/best-option-to-build-a-plot-like-this/97073 "2026-06-12T11:47:23Z")

</div>

Hi all, I’m new to using plotly and I’m looking to recreate a plot like this using plotly js. I’m curious to know if it’s possible with plotly and if so, what is the best option to build it? Thanks

---

## [Plot sizing problems](https://community.plotly.com/t/plot-sizing-problems/1620)

<div class="topic-metadata">

**Author:** [@chris](https://community.plotly.com/u/chris)\
**Replies:** 34\
**Last updated:** [May 13, 2026, 12:51am UTC](https://community.plotly.com/t/plot-sizing-problems/1620 "2026-05-13T00:51:02Z")

</div>

I am trying to arrange two charts on a page, dynamically sized to suit the available screen space. The first chart should be ~25% of the screen height. Between the charts, there is a fixed-height strip containing some bu…

---

## [Modebar (visually) breaks after first render (Blazor)](https://community.plotly.com/t/modebar-visually-breaks-after-first-render-blazor/96924)

<div class="topic-metadata">

**Author:** [@mklin](https://community.plotly.com/u/mklin)\
**Replies:** 1\
**Last updated:** [May 5, 2026, 2:30pm UTC](https://community.plotly.com/t/modebar-visually-breaks-after-first-render-blazor/96924 "2026-05-05T14:30:04Z")

</div>

Hi all, I have been painstakingly troubleshooting this issue all day. I’m not super familiar with the library, but I found it was a good fit for a 3D surface chart I needed to make (with some bar charts as well). I’ve s…

---

## [How to remove the arrow/box from hover data](https://community.plotly.com/t/how-to-remove-the-arrow-box-from-hover-data/96619)

<div class="topic-metadata">

**Author:** [@thomas\_ggg](https://community.plotly.com/u/thomas_ggg)\
**Replies:** 3\
**Last updated:** [March 27, 2026, 7:56am UTC](https://community.plotly.com/t/how-to-remove-the-arrow-box-from-hover-data/96619 "2026-03-27T07:56:55Z")

</div>

How can i remove the arrow/box from the y data and only show the x data in the box next to the x-axis.

---

## [Straight equilateral triangle marker?](https://community.plotly.com/t/straight-equilateral-triangle-marker/84035)

<div class="topic-metadata">

**Author:** [@shaedmorgan](https://community.plotly.com/u/shaedmorgan)\
**Replies:** 3\
**Last updated:** [March 22, 2026, 10:25pm UTC](https://community.plotly.com/t/straight-equilateral-triangle-marker/84035 "2026-03-22T22:25:11Z")

</div>

Hello, I’m curious if there is interest from anyone else in having a straight-lined equilateral triangle marker? I saw one other post about non-equant markers and a suggestion was made in it of having an equilateral tri…

---

## [How to make the export plot as image to use the current view when there is a rangeslider with insiderange property?](https://community.plotly.com/t/how-to-make-the-export-plot-as-image-to-use-the-current-view-when-there-is-a-rangeslider-with-insiderange-property/96584)

<div class="topic-metadata">

**Author:** [@Y.GHX](https://community.plotly.com/u/Y.GHX)\
**Replies:** 0\
**Last updated:** [March 18, 2026, 1:56pm UTC](https://community.plotly.com/t/how-to-make-the-export-plot-as-image-to-use-the-current-view-when-there-is-a-rangeslider-with-insiderange-property/96584 "2026-03-18T13:56:20Z")

</div>

I’m not sure if I’ve encountered a bug of if I just haven’t figured out how to properly configure my chart. I created a sample chart with an x-axis representing dates and a “range slider” that, by default, centers the vi…

---

## [Two New Plotly.js Features That Change How You Build Multi-Panel Charts](https://community.plotly.com/t/two-new-plotly-js-features-that-change-how-you-build-multi-panel-charts/96488)

<div class="topic-metadata">

**Author:** [@adamschroeder](https://community.plotly.com/u/adamschroeder)\
**Replies:** 0\
**Last updated:** [March 3, 2026, 2:49pm UTC](https://community.plotly.com/t/two-new-plotly-js-features-that-change-how-you-build-multi-panel-charts/96488 "2026-03-03T14:49:06Z")

</div>

Hey all, My colleauge, Alex Hsu, wrote a blog post about the latest Plotly.js release, covering multi-axis shapes and hover and click events. Read the post!

---

## [Connectgaps with fill traces](https://community.plotly.com/t/connectgaps-with-fill-traces/87548)

<div class="topic-metadata">

**Author:** [@avimuni](https://community.plotly.com/u/avimuni)\
**Replies:** 2\
**Last updated:** [February 18, 2026, 10:12am UTC](https://community.plotly.com/t/connectgaps-with-fill-traces/87548 "2026-02-18T10:12:14Z")

</div>

Hi, I have two traces with missing values (null). i’m using connectgaps: false to make sure that plotly doesn’t connect any missing values (as these should not be falsely interpolated). I want to fill in the area betwe…

---

## [Using Dash with a React Native application — is it possible?](https://community.plotly.com/t/using-dash-with-a-react-native-application-is-it-possible/96371)

<div class="topic-metadata">

**Author:** [@Muhammad](https://community.plotly.com/u/Muhammad)\
**Replies:** 1\
**Last updated:** [February 13, 2026, 4:20pm UTC](https://community.plotly.com/t/using-dash-with-a-react-native-application-is-it-possible/96371 "2026-02-13T16:20:02Z")

</div>

Hello everyone, I would like to use Dash as the backend and visualization layer for a React Native mobile application. My goal is to render interactive Plotly charts inside the app while keeping the UI native for Androi…

---

## [\[Fixed\] When using addTraces the first plot trace has no more hover interaction](https://community.plotly.com/t/fixed-when-using-addtraces-the-first-plot-trace-has-no-more-hover-interaction/96283)

<div class="topic-metadata">

**Author:** [@mdouchin](https://community.plotly.com/u/mdouchin)\
**Replies:** 2\
**Last updated:** [February 3, 2026, 2:35pm UTC](https://community.plotly.com/t/fixed-when-using-addtraces-the-first-plot-trace-has-no-more-hover-interaction/96283 "2026-02-03T14:35:31Z")

</div>

Hi all, In this example I try to propose a simplified version of what I want to achieve. https://codepen.io/kimaidou/pen/MWXdmOZ Basically I am trying to add a new trace to an previously created plot. It works, but I…

---

## [Is there a better way to layer choropleth traces in plotly.js?](https://community.plotly.com/t/is-there-a-better-way-to-layer-choropleth-traces-in-plotly-js/83922)

<div class="topic-metadata">

**Author:** [@jaredad](https://community.plotly.com/u/jaredad)\
**Replies:** 1\
**Last updated:** [February 1, 2026, 2:32pm UTC](https://community.plotly.com/t/is-there-a-better-way-to-layer-choropleth-traces-in-plotly-js/83922 "2026-02-01T14:32:51Z")

</div>

Hi there, I have been working with some plotly choropleth maps in javascript, and was trying to get US state and county boundaries in different colors by superimposing two choropleth maps. I am making one transparent m…

---

## [How to determine the sequence of raster/tile layers through the layer ID](https://community.plotly.com/t/how-to-determine-the-sequence-of-raster-tile-layers-through-the-layer-id/96184)

<div class="topic-metadata">

**Author:** [@platinops](https://community.plotly.com/u/platinops)\
**Replies:** 2\
**Last updated:** [January 26, 2026, 7:11am UTC](https://community.plotly.com/t/how-to-determine-the-sequence-of-raster-tile-layers-through-the-layer-id/96184 "2026-01-26T07:11:34Z")

</div>

The map layers object has a below field that is described as follows: Determines if the layer will be inserted before the layer with the specified ID. If omitted or set to ‘’, the layer will be inserted above every exi…

---

## [Timezones again?](https://community.plotly.com/t/timezones-again/96176)

<div class="topic-metadata">

**Author:** [@Tunneller](https://community.plotly.com/u/Tunneller)\
**Replies:** 0\
**Last updated:** [January 22, 2026, 2:32pm UTC](https://community.plotly.com/t/timezones-again/96176 "2026-01-22T14:32:35Z")

</div>

As far as I can tell, Plotly.js uses a mix of browser and UTC time according to some internal logic and depending on whether the input is string or numeric. This is causing me all sorts of problems because users around t…

---

## [How to lock Z rotational axis for 3d graph](https://community.plotly.com/t/how-to-lock-z-rotational-axis-for-3d-graph/27814)

<div class="topic-metadata">

**Author:** [@user1](https://community.plotly.com/u/user1)\
**Replies:** 5\
**Last updated:** [January 19, 2026, 12:16pm UTC](https://community.plotly.com/t/how-to-lock-z-rotational-axis-for-3d-graph/27814 "2026-01-19T12:16:51Z")

</div>

Hey I am new to plotly and I was wondering if there is a way where the camera axis can be ‘locked’ or have limit such that the view is limited to a specified range (for 3d graph) . Thanks for the help.

---

## [Forex and Macroeconomics Dashboard](https://community.plotly.com/t/forex-and-macroeconomics-dashboard/96125)

<div class="topic-metadata">

**Author:** [@roberttidball](https://community.plotly.com/u/roberttidball)\
**Replies:** 2\
**Last updated:** [January 16, 2026, 4:05pm UTC](https://community.plotly.com/t/forex-and-macroeconomics-dashboard/96125 "2026-01-16T16:05:58Z")

</div>

I have created a dashboard with plotly.js: https://fxmacrodata.com/dashboard/EUR\_USD. The dashboard has a real-time connection to central bank announcements (inflation, interest rates etc) and compares the macroeconom…

---

## [How can I create a Plotly.js choropleth map with custom shapefiles that allows the user to select which variable to display?](https://community.plotly.com/t/how-can-i-create-a-plotly-js-choropleth-map-with-custom-shapefiles-that-allows-the-user-to-select-which-variable-to-display/95982)

<div class="topic-metadata">

**Author:** [@KBurchfiel](https://community.plotly.com/u/KBurchfiel)\
**Replies:** 0\
**Last updated:** [January 2, 2026, 10:36pm UTC](https://community.plotly.com/t/how-can-i-create-a-plotly-js-choropleth-map-with-custom-shapefiles-that-allows-the-user-to-select-which-variable-to-display/95982 "2026-01-02T22:36:14Z")

</div>

Hi everyone, I’m quite new to Plotly.js (and to JavaScript, for that matter), but I have greatly enjoyed using Plotly.py for Python-based visualizations. I would like to create a standalone HTML file that allows users to…

---

## [Barchart cornerradius at start](https://community.plotly.com/t/barchart-cornerradius-at-start/95843)

<div class="topic-metadata">

**Author:** [@thomas\_ggg](https://community.plotly.com/u/thomas_ggg)\
**Replies:** 4\
**Last updated:** [December 29, 2025, 5:32am UTC](https://community.plotly.com/t/barchart-cornerradius-at-start/95843 "2025-12-29T05:32:39Z")

</div>

Is it possible to have a cornerradius at the start of a trace in a barchart?

---

## [WebGL for bar, line charts](https://community.plotly.com/t/webgl-for-bar-line-charts/3518)

<div class="topic-metadata">

**Author:** [@smileyhaowen](https://community.plotly.com/u/smileyhaowen)\
**Replies:** 9\
**Last updated:** [December 19, 2025, 4:15pm UTC](https://community.plotly.com/t/webgl-for-bar-line-charts/3518 "2025-12-19T16:15:49Z")

</div>

Hi I am just wondering the reason that Plotly.js does not have WebGL version of bar chart, line chart and etc. Some times the bar chart could also get slow if containing a lot of bar DOM nodes (could be overflowed out si…

---

## [Could I use Javascript and Plotly.js to effectively display interactive, customizable maps within a static webpage?](https://community.plotly.com/t/could-i-use-javascript-and-plotly-js-to-effectively-display-interactive-customizable-maps-within-a-static-webpage/95739)

<div class="topic-metadata">

**Author:** [@KBurchfiel](https://community.plotly.com/u/KBurchfiel)\
**Replies:** 0\
**Last updated:** [December 5, 2025, 6:03pm UTC](https://community.plotly.com/t/could-i-use-javascript-and-plotly-js-to-effectively-display-interactive-customizable-maps-within-a-static-webpage/95739 "2025-12-05T18:03:52Z")

</div>

Hi there, I have really enjoyed using Dash to put together interactive maps. However, I’ve found that, when hosting these maps on (cheap) cloud servers like Azure or Google Cloud Platform, it takes a little bit of time …

[Next page](https://community.plotly.com/c/plotly-js/6.md?page=1)
