
        
        PLOT = document.getElementById('saturation_plot1');
        var trace1 = {
            x: [0.05000000074505806, 0.10000000149011612, 0.20000000298023224, 0.30000001192092896, 0.4000000059604645, 0.5, 0.6000000238418579, 0.699999988079071, 0.800000011920929, 0.8999999761581421, 1.0],
            y: [102, 111, 118, 120, 121, 122, 123, 123, 123, 124, 124],
            text: ['0.05', '0.10', '0.20', '0.30', '0.40', '0.50', '0.60', '0.70', '0.80', '0.90', '1.00'],
            hovertemplate: 'Sampling ratio=%{text}<br>Median genes per bin=%{y}<extra></extra>',
            marker:{
                color:"#1F77B4",
                // size:10,
                // maxdisplayed:11,
                // standoff:4
            },
            mode:"markers+lines",
        }
        var data = [trace1]
                
        
        
        var layout = {
        //title: {text:'','font':{'color':'#CECECE', 'size':20}, 'x':0.05, 'xanchor':'center', 'y':0.98, 'yanchor':'top'},
        yaxis: {'title':{'text':'Median genes per bin 50','font':{'color':'#080808', 'size':18}},'showgrid': true,'showticklabels': true,
                'showline': true,
                fixedrange: true,
                // 'mirror': 'ticks',
                // 'autotick': false,
                // 'ticks': 'outside',
                // 'dtick': 0.025,
            },
        xaxis: {'title':{'text':'Sampling ratio','font':{'color':'#080808', 'size':18}},'showgrid': true, 'showticklabels': true, 'zeroline': false,
            'showline': true,
            fixedrange: true,
            'dtick': 0.2,
            // 'mirror': 'ticks',
        },
        margin: {'l' : 100, 't' : 30, 'r' : 20, 'b' : 50},
        showlegend: false,
        // dragmode:"pan",
        // plot_bgcolor:"black",
        paper_bgcolor:"#FFF3",
        
        // images: 
        
        }
        
        
        
        var config = {
            toImageButtonOptions: {
                format: 'png', // one of png, svg, jpeg, webp
                filename: 'custom_image',
                height: 600,
                width: 600,
                scale: 5 // Multiply title/legend/axis/canvas sizes by this factor
            },
            displayModeBar: false,
            scrollZoom:false,
            displaylogo:false,
            // modeBarButtonsToRemove:["hoverClosestCartesian","hoverCompareCartesian","toggleSpikelines","autoScale2d","lasso2d","select2d"]
        };
        
        Plotly.newPlot(PLOT, data, layout,config);
        