[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ā€,
};