Updates for 2022 logo

[archmoj]

demo
@plotly/plotly_js

cc: @angeladaodao

Please note that we use #777 (with a white border line) instead of plain black and white bars i.e. to handle various background colors in plotly.js graphs.
Also gradient in the original logo is replaced by simple colors for points.

[alexcjohnson]

This looks OK, but it wouldn't be that hard to have the bars adapt to the background color: on a dark background make them white, on a light background make them black. Just give them a class but no fill or stroke, and set it explicitly (to color.contrast(paper_bgcolor) - which actually picks #444 instead of black) both after drawing the modebar and after setting a background color.

[angeladaodao]

How about something like this?

[archmoj]

This looks OK, but it wouldn't be that hard to have the bars adapt to the background color: on a dark background make them white, on a light background make them black. Just give them a class but no fill or stroke, and set it explicitly (to color.contrast(paper_bgcolor) - which actually picks #444 instead of black) both after drawing the modebar and after setting a background color.

Good call and I could definitely try that.
However one may argue that the logo should be visible on various colors of the graph not necessarily in respect to the background. Namely because users could locate the modebar at a different position.

[alexcjohnson]

True. But if it’s not over the background color it’s likely to be over a mix of multiple colors… in which case short of filling around the logo with a solid color (@angeladaodao is that what you were suggesting?) there’s really nothing we can do to make it robustly visible.

[angeladaodao]

That is correct

[alexcjohnson]

💃 (BTW when looking at the changelog to verify the correct form I notice a few recent ones missing the # - perhaps something to fix while prepping for the next release)