[Resolved] Marker Symbol: Gradient for Scatter Plot

plotly.js
1

For a scatter plot, is there a way to create the marker symbol with a gradient? Something like this:
https://forum.allegorithmic.com/index.php?action=dlattach;topic=512.0;attach=359;image

2

Yes: https://rreusser.github.io/plotly-mock-viewer/#bubblechart

Open up the console to see the corresponding data attributes.

1 Like
3

Thank you, that’s a great resource!

Is there a way to control how fast the gradient shifts from one color to the other?

4

Not at the moment, marker gradients have two available settings:

5

Hi to all,

I just tried to add to my data object a gradient information but it doesn’t do anything.
I have the 1.35 version.
What’s wrong ???

Thanks a lot for your help!

This is my data object:

data = {
x: x,
y: y,
z: z,
mode: “markers”,
opacity: 0.8,
marker: {
// size: settingsState.size,
size: size,
color: arrayColorFromGradient,
symbol: “circle”,
},
gradient: {
type: ‘radial’,
color: '#fff ’
},
fill: ‘none’,
hoverlabel: {
bgcolor: arrayColorFromGradient
},
type: “scatter3d”,
};