Layout ignores range on x-axis

[davidharris]

Hi, welcome to the forum.

I’m a bit unsure, but I think it might hinge on how the figure is sized. If you want your x range to be [-5, 5] and to fill the figure width, and you want your y range to be [0,100] and to fit within the figure, and you want x and y to be shown at the same scale, then (inevitably) the pixel height of the figure has to be ten times its pixel width.

I don’t know any combination of settings that enforces that in any automatic way, beyond setting a fixed width and height for the figure.

If you also want the width of the figure to adjust to the viewport or container width, and then want the height of the figure to adjust to keep a fixed ratio of height/width, then I’ve only got a tentative suggestion that the key to this might be adapting the code that @AIMPED posted here:

Making marker size dynamic when changing browser sizes

I’ve created a scatterplot using plotly express in plotly dash that is supposed to function as a timeline with all markers across one Y value (Gantt Charts & Bar graphs did not work in this scenario). I used large marker sizes to fill the screen, and I am wondering if there is any way for the marker size to dynamically change sizes so that when the window size increases or decreases, the markers won’t overlap each other nor spread apart?