# plotly.js

**URL:** https://community.plotly.com/c/plotly-js/6.md?page=1

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

**Page:** 2

---

## [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 …

---

## [Performance Issues with Scattergl (Plotly.js v2.35.3) for Large Datasets](https://community.plotly.com/t/performance-issues-with-scattergl-plotly-js-v2-35-3-for-large-datasets/90455)

<div class="topic-metadata">

**Author:** [@Arya\_Sujathan](https://community.plotly.com/u/Arya_Sujathan)\
**Replies:** 2\
**Last updated:** [November 28, 2025, 3:01pm UTC](https://community.plotly.com/t/performance-issues-with-scattergl-plotly-js-v2-35-3-for-large-datasets/90455 "2025-11-28T15:01:38Z")

</div>

Hi everyone, I’m using scattergl with Plotly.js v2.35.3 to visualize large datasets. My dataset consists of a high number of data points, and each point has some associated metadata. However, I’m facing serious performa…

---

## [I want to create my own custome legends drawer to utilise space as I am working on multiplot. Any suggestion to achieve this?](https://community.plotly.com/t/i-want-to-create-my-own-custome-legends-drawer-to-utilise-space-as-i-am-working-on-multiplot-any-suggestion-to-achieve-this/95026)

<div class="topic-metadata">

**Author:** [@Meghal\_Panchal](https://community.plotly.com/u/Meghal_Panchal)\
**Replies:** 3\
**Last updated:** [November 19, 2025, 6:29am UTC](https://community.plotly.com/t/i-want-to-create-my-own-custome-legends-drawer-to-utilise-space-as-i-am-working-on-multiplot-any-suggestion-to-achieve-this/95026 "2025-11-19T06:29:09Z")

</div>

I want to create my own custome legends drawer to utilise space as I am working on multiplot. Any suggestion to achieve this?

---

## [Trouble Rendering Large Data Sets in Plotly.js - Graph Freezes and Lagging with mutliple trace](https://community.plotly.com/t/trouble-rendering-large-data-sets-in-plotly-js-graph-freezes-and-lagging-with-mutliple-trace/95542)

<div class="topic-metadata">

**Author:** [@Meghal\_Panchal](https://community.plotly.com/u/Meghal_Panchal)\
**Replies:** 0\
**Last updated:** [November 19, 2025, 6:22am UTC](https://community.plotly.com/t/trouble-rendering-large-data-sets-in-plotly-js-graph-freezes-and-lagging-with-mutliple-trace/95542 "2025-11-19T06:22:44Z")

</div>

Hello Everyone, I’m currently working with large datasets and facing performance challenges when using Plotly for visualization(with multiplot trace). The UI becomes noticeably laggy, and even after applying various opt…

---

## [Updating colorscale and colorbar info](https://community.plotly.com/t/updating-colorscale-and-colorbar-info/95506)

<div class="topic-metadata">

**Author:** [@Zachary\_Orr](https://community.plotly.com/u/Zachary_Orr)\
**Replies:** 0\
**Last updated:** [November 15, 2025, 2:50am UTC](https://community.plotly.com/t/updating-colorscale-and-colorbar-info/95506 "2025-11-15T02:50:12Z")

</div>

I have a button that toggles data sets, along with toggling that dataset, I would like it to update the colorbar title and the colorscale, but it will change once, and then it seems to get “hung up” how would I refresh t…

---

## [Tap on chart for hover causes 'styles invalidated' which triggers freeze on iOS Safari, what is a hover tap recalculating?](https://community.plotly.com/t/tap-on-chart-for-hover-causes-styles-invalidated-which-triggers-freeze-on-ios-safari-what-is-a-hover-tap-recalculating/95321)

<div class="topic-metadata">

**Author:** [@chrispreee](https://community.plotly.com/u/chrispreee)\
**Replies:** 8\
**Last updated:** [November 11, 2025, 7:14am UTC](https://community.plotly.com/t/tap-on-chart-for-hover-causes-styles-invalidated-which-triggers-freeze-on-ios-safari-what-is-a-hover-tap-recalculating/95321 "2025-11-11T07:14:44Z")

</div>

I am rendering around 4,000 values into a stacked bar chart to Safari on iOS. Displaying a hover, on only Safari iOS, takes 5-10 seconds, during which the browser freezes. (About once in every 10 reloads the browser does…

---

## [I want to use custom icon for the scatter markers. How to do it?](https://community.plotly.com/t/i-want-to-use-custom-icon-for-the-scatter-markers-how-to-do-it/6644)

<div class="topic-metadata">

**Author:** [@gdarko](https://community.plotly.com/u/gdarko)\
**Replies:** 7\
**Last updated:** [October 19, 2025, 8:57pm UTC](https://community.plotly.com/t/i-want-to-use-custom-icon-for-the-scatter-markers-how-to-do-it/6644 "2025-10-19T20:57:45Z")

</div>

Hello, I need to use icon for the marker. How can i do it? Or even customize it with some kind of canvas or etc?

---

## [How to initiate and build a Plotly.js project using Vite?](https://community.plotly.com/t/how-to-initiate-and-build-a-plotly-js-project-using-vite/65701)

<div class="topic-metadata">

**Author:** [@oat](https://community.plotly.com/u/oat)\
**Replies:** 4\
**Last updated:** [October 15, 2025, 8:34am UTC](https://community.plotly.com/t/how-to-initiate-and-build-a-plotly-js-project-using-vite/65701 "2025-10-15T08:34:11Z")

</div>

How to build plotly.js project uisng WebPack is explained in the getting started in javascript. Has anyone tried to initiate and build a plotly.js project using Vite?

---

## [Boxplot different line and fill color](https://community.plotly.com/t/boxplot-different-line-and-fill-color/95133)

<div class="topic-metadata">

**Author:** [@SamuelB](https://community.plotly.com/u/SamuelB)\
**Replies:** 0\
**Last updated:** [October 14, 2025, 4:24pm UTC](https://community.plotly.com/t/boxplot-different-line-and-fill-color/95133 "2025-10-14T16:24:16Z")

</div>

Hello! I’m currently making a boxplot graph where I can compare data to each other. With this, some graphs might be overlayed on each other. The goal is to make them with a fairly transparent fill color and a black outl…

---

## [Weird behaviour fill tonext](https://community.plotly.com/t/weird-behaviour-fill-tonext/95054)

<div class="topic-metadata">

**Author:** [@mkatgert](https://community.plotly.com/u/mkatgert)\
**Replies:** 2\
**Last updated:** [October 13, 2025, 10:12am UTC](https://community.plotly.com/t/weird-behaviour-fill-tonext/95054 "2025-10-13T10:12:53Z")

</div>

Hi all, I’m trying to render patches with holes in them. I can achieve that by adding a scatter trace for the outside edge of the patch, and a scatter trace for the inside edge of the patch, with a fill: tonext on the l…

---

## [Is it possible to have multiple Y axis 0(zero) positions in same line?](https://community.plotly.com/t/is-it-possible-to-have-multiple-y-axis-0-zero-positions-in-same-line/23236)

<div class="topic-metadata">

**Author:** [@vlearns19](https://community.plotly.com/u/vlearns19)\
**Replies:** 9\
**Last updated:** [October 3, 2025, 7:52am UTC](https://community.plotly.com/t/is-it-possible-to-have-multiple-y-axis-0-zero-positions-in-same-line/23236 "2025-10-03T07:52:39Z")

</div>

Hi, I have 3 different Y axis’s (Left, center, right) and 1 X-Axis. Three Y-Axis’s sharing one X-Axis which is fine and now these three Y-Axis’s have three different 0 positions (plotting in different locations). I need…

---

## [Not able to get 1 month bins in my histogram](https://community.plotly.com/t/not-able-to-get-1-month-bins-in-my-histogram/93957)

<div class="topic-metadata">

**Author:** [@pappastech](https://community.plotly.com/u/pappastech)\
**Replies:** 1\
**Last updated:** [September 19, 2025, 6:21pm UTC](https://community.plotly.com/t/not-able-to-get-1-month-bins-in-my-histogram/93957 "2025-09-19T18:21:51Z")

</div>

Good morning. I’m looking for some help getting single month bins for a plot of credit/debits. I’ve tried to specify the month size bins in both the layout and within each trace and both options have the same result of m…

---

## [Exclude maplibre css](https://community.plotly.com/t/exclude-maplibre-css/94627)

<div class="topic-metadata">

**Author:** [@kfrmgkueofujysymxx](https://community.plotly.com/u/kfrmgkueofujysymxx)\
**Replies:** 0\
**Last updated:** [September 16, 2025, 9:07am UTC](https://community.plotly.com/t/exclude-maplibre-css/94627 "2025-09-16T09:07:30Z")

</div>

Hi, I use plotly in a vite-bundled website like so: import Plotly from "plotly.js/lib/core.js"; import scatter from "plotly.js/lib/scatter"; import table from "plotly.js/lib/table"; Plotly.register(\[scatter, table\]); …

---

## [WARN: unrecognized GUI edit](https://community.plotly.com/t/warn-unrecognized-gui-edit/89244)

<div class="topic-metadata">

**Author:** [@hanizd11](https://community.plotly.com/u/hanizd11)\
**Replies:** 1\
**Last updated:** [September 9, 2025, 6:45pm UTC](https://community.plotly.com/t/warn-unrecognized-gui-edit/89244 "2025-09-09T18:45:29Z")

</div>

Hi, I’m encountering a warning when selecting a region then adding annotations in my Plotly React component. The problem is that when I select a box and add annotations, I get the warning in the browser console: hook.js…

---

## [Wind direction and speed timeline](https://community.plotly.com/t/wind-direction-and-speed-timeline/94120)

<div class="topic-metadata">

**Author:** [@scelles](https://community.plotly.com/u/scelles)\
**Replies:** 2\
**Last updated:** [September 9, 2025, 6:39pm UTC](https://community.plotly.com/t/wind-direction-and-speed-timeline/94120 "2025-09-09T18:39:30Z")

</div>

Hello, I’m looking for a Plotly.js plot like so ie windspeed as y, time as x. Each data point should be an arrow whom direction is wind direction (North at top / South at bottom). Color of arrow is dependant of wi…

---

## [Blinking graph - changes only from clientside](https://community.plotly.com/t/blinking-graph-changes-only-from-clientside/93564)

<div class="topic-metadata">

**Author:** [@YuriAoto](https://community.plotly.com/u/YuriAoto)\
**Replies:** 1\
**Last updated:** [August 20, 2025, 11:45am UTC](https://community.plotly.com/t/blinking-graph-changes-only-from-clientside/93564 "2025-08-20T11:45:29Z")

</div>

Dear all, I have a dash app where I have a timeline graph, whose data are the same as an AGgrid, side-by-side. I want that: when the user clicks on an AGgrid row the bar associated to that row blinks. I want a pure clie…

---

## [Hovermode/Spikemode for ternary diagram (ternary plot)](https://community.plotly.com/t/hovermode-spikemode-for-ternary-diagram-ternary-plot/82352)

<div class="topic-metadata">

**Author:** [@choc](https://community.plotly.com/u/choc)\
**Replies:** 2\
**Last updated:** [August 5, 2025, 4:08am UTC](https://community.plotly.com/t/hovermode-spikemode-for-ternary-diagram-ternary-plot/82352 "2025-08-05T04:08:33Z")

</div>

Hi everyone, I would like to ask if there is a spikemode for ternary diagram (ternary plot)? For me, the ternary diagram is a bit hard to read, and I have to google for a visual annotation aid like the following screen…

---

## [Different color background on plot](https://community.plotly.com/t/different-color-background-on-plot/93391)

<div class="topic-metadata">

**Author:** [@sv\_savage](https://community.plotly.com/u/sv_savage)\
**Replies:** 1\
**Last updated:** [July 30, 2025, 1:44am UTC](https://community.plotly.com/t/different-color-background-on-plot/93391 "2025-07-30T01:44:22Z")

</div>

I have a plot that where the number correspond to 5 different categories bad, good, good2, good3, and bad and I want to plot over the different regions. The background would look something like this with the plot on top…

---

## [How can i change legendclick status?](https://community.plotly.com/t/how-can-i-change-legendclick-status/90547)

<div class="topic-metadata">

**Author:** [@nub](https://community.plotly.com/u/nub)\
**Replies:** 3\
**Last updated:** [July 29, 2025, 5:42am UTC](https://community.plotly.com/t/how-can-i-change-legendclick-status/90547 "2025-07-29T05:42:39Z")

</div>

Hello. Please understand that I am not good at English. I am implementing plotly.js in vue3. My goal is to create a donut with plotly’s pie type and display the total count inside the donut. I had no problems with this…

---

## [Show shapes below traces and above grid](https://community.plotly.com/t/show-shapes-below-traces-and-above-grid/38629)

<div class="topic-metadata">

**Author:** [@gnasher](https://community.plotly.com/u/gnasher)\
**Replies:** 5\
**Last updated:** [July 13, 2025, 7:04pm UTC](https://community.plotly.com/t/show-shapes-below-traces-and-above-grid/38629 "2025-07-13T19:04:29Z")

</div>

With reference to https://github.com/plotly/plotly.js/issues/4106 there was talk of allowing shapes to be drawn below traces and above the grid, but the issue was closed after this comment “is this still relevant in an i…

---

## [Click legend to isolate trace not working when Plotly.react(...) a few times per second](https://community.plotly.com/t/click-legend-to-isolate-trace-not-working-when-plotly-react-a-few-times-per-second/93073)

<div class="topic-metadata">

**Author:** [@stamljf](https://community.plotly.com/u/stamljf)\
**Replies:** 1\
**Last updated:** [July 11, 2025, 8:59am UTC](https://community.plotly.com/t/click-legend-to-isolate-trace-not-working-when-plotly-react-a-few-times-per-second/93073 "2025-07-11T08:59:30Z")

</div>

Hi, I refresh a plot a bit less than 10 times per second with the following JS code. It works: const get\_data = () =\> { fetch("/data").then(r =\> r.json()).then(data =\> { dataList1 = data\["y"\]; Plotl…

---

## [Padding and Style Attributes for Color Bar Title?](https://community.plotly.com/t/padding-and-style-attributes-for-color-bar-title/5810)

<div class="topic-metadata">

**Author:** [@grahama1970](https://community.plotly.com/u/grahama1970)\
**Replies:** 3\
**Last updated:** [July 11, 2025, 5:51am UTC](https://community.plotly.com/t/padding-and-style-attributes-for-color-bar-title/5810 "2025-07-11T05:51:34Z")

</div>

Is there a padding attribute for adding a bit of space between the title and the colorbar? Is there a font style setting? Like fontstyle=‘Thin’ prerhaps something that goes in here? titlefont=dict( family='Helvetica…

---

## [Display markers on same location in scattergeo bubble map next to each other](https://community.plotly.com/t/display-markers-on-same-location-in-scattergeo-bubble-map-next-to-each-other/92851)

<div class="topic-metadata">

**Author:** [@lenny\_puente](https://community.plotly.com/u/lenny_puente)\
**Replies:** 1\
**Last updated:** [July 7, 2025, 10:40am UTC](https://community.plotly.com/t/display-markers-on-same-location-in-scattergeo-bubble-map-next-to-each-other/92851 "2025-07-07T10:40:46Z")

</div>

Hello everyone, I want to show different markers on a bubble map with different colours based on an enum value. Is there any way to make it so that markers on countries that have multiple values do not overlap but get r…

---

## [Download as png is cutting long legends](https://community.plotly.com/t/download-as-png-is-cutting-long-legends/36371)

<div class="topic-metadata">

**Author:** [@Nomaq](https://community.plotly.com/u/Nomaq)\
**Replies:** 3\
**Last updated:** [June 24, 2025, 11:42am UTC](https://community.plotly.com/t/download-as-png-is-cutting-long-legends/36371 "2025-06-24T11:42:06Z")

</div>

The download as PNG is cutting long legends what can I do to fix this? thank you for your help This is how the normal plot look like

---

## [Adding customdata to hovertemplate containing a json for each data point](https://community.plotly.com/t/adding-customdata-to-hovertemplate-containing-a-json-for-each-data-point/49619)

<div class="topic-metadata">

**Author:** [@bbiney1](https://community.plotly.com/u/bbiney1)\
**Replies:** 2\
**Last updated:** [June 20, 2025, 10:58pm UTC](https://community.plotly.com/t/adding-customdata-to-hovertemplate-containing-a-json-for-each-data-point/49619 "2025-06-20T22:58:26Z")

</div>

I’m trying to do something very similar to what’s talked about in this github issue and linked in the following comment - https://github.com/plotly/plotly.js/issues/4591#issuecomment-589832329 The difference is just, ra…

---

## [Is it possible to create shape path using x-axis as datetime?](https://community.plotly.com/t/is-it-possible-to-create-shape-path-using-x-axis-as-datetime/87974)

<div class="topic-metadata">

**Author:** [@Rupesh](https://community.plotly.com/u/Rupesh)\
**Replies:** 6\
**Last updated:** [June 18, 2025, 9:12pm UTC](https://community.plotly.com/t/is-it-possible-to-create-shape-path-using-x-axis-as-datetime/87974 "2025-06-18T21:12:34Z")

</div>

Is it possible to create shape path using x-axis as datetime ?

---

## [Extending heat map along X axis](https://community.plotly.com/t/extending-heat-map-along-x-axis/4517)

<div class="topic-metadata">

**Author:** [@backseatgamer](https://community.plotly.com/u/backseatgamer)\
**Replies:** 9\
**Last updated:** [June 16, 2025, 9:47am UTC](https://community.plotly.com/t/extending-heat-map-along-x-axis/4517 "2025-06-16T09:47:49Z")

</div>

Hi! I'm looking for a way to extend a heat map along the x axis, for a fixed range of y values. For example, I would want to monitor temperature over time, along a corridor with thermometers placed ~ every 30cm. I've…

---

## [How to generate 3d cylinder surface plot in plotly JS](https://community.plotly.com/t/how-to-generate-3d-cylinder-surface-plot-in-plotly-js/73170)

<div class="topic-metadata">

**Author:** [@dmantacos](https://community.plotly.com/u/dmantacos)\
**Replies:** 1\
**Last updated:** [June 13, 2025, 5:04pm UTC](https://community.plotly.com/t/how-to-generate-3d-cylinder-surface-plot-in-plotly-js/73170 "2025-06-13T17:04:44Z")

</div>

Hello, I’m struggling to create a 3d cylinder in plotly js. I’ve been able to do this using plotly express in python, but porting it to JS is giving me a lot of trouble. I initially tried using a mesh3d with a list of x…

---

## [Is it possible to make Plotly.js tooltips appear inside a Sankey web component’s Shadow DOM?](https://community.plotly.com/t/is-it-possible-to-make-plotly-js-tooltips-appear-inside-a-sankey-web-component-s-shadow-dom/92646)

<div class="topic-metadata">

**Author:** [@Pablo\_Sco](https://community.plotly.com/u/Pablo_Sco)\
**Replies:** 0\
**Last updated:** [June 11, 2025, 9:26am UTC](https://community.plotly.com/t/is-it-possible-to-make-plotly-js-tooltips-appear-inside-a-sankey-web-component-s-shadow-dom/92646 "2025-06-11T09:26:36Z")

</div>

Hello , I’m building a custom Sankey widget as a web component. I’ve initialized the Sankey chart with Plotly.js and the plot renders correctly, but hover tooltips don’t appear at all. Does Plotly.js currently support ho…

[Previous page](https://community.plotly.com/c/plotly-js/6.md)

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