✊🏿 Black Lives Matter. Please consider donating to Black Girls Code today.
🐇 Announcing Dash VTK for 3d simulation graphics. Check out the March webinar.

Placing point on the boxplot

Is it possible using PlotlyJS via options or layout to place a point over the boxplot? I’m using vue-plotly library but it basically follows the same logic.

data: [

        {

          x: [1, 2, 3, 4, 4, 4, 8, 9, 10],

          type: "box",

          name: "Set 1"

        },

        {

          x: [5],

          name: 'My special marker',

          text: 'Some really interesting hover info',

          marker: {

            size: 5

          }

        },

      ],

      layout: {

        title: 'Revenues',

        font:{

        size:10

        },

        margin: {

          l: 0,

          r: 0,

          b: 15,

          t: 25,

          pad: 0

        },

        height: 90,

        dragmode: "pan"

      },

      options: {

        displayModeBar: false,

        responsive: true

      }

    };

Using that code Im able to place point next to the plot, but my intention is to place it over the plot like in the following (this is created using different charting library):

Here is the codesandbox that you can use to recreate this boxplot: