Plot = import("https://cdn.jsdelivr.net/npm/@observablehq/plot/+esm")

Plot.plot({
    title: title,
    subtitle: subtitle,
    caption: caption,

    marginTop: marginTop,
    marginRight: marginRight,
    marginBottom: marginBottom,
    marginLeft: marginLeft,

    height: height,
    width: width,

    style: {
        fontSize: fontSize
    },

    x: {
        label: Xlabel,
        grid: Xgrid,
        tickRotate: XtickRotate,
        inset: Xinset
    },
    y: {
        label: Ylabel,
        grid: Ygrid,
        domain:[0,maxDomain],
        ticks: nbTicks,
        tickFormat: d=> d.toLocaleString('fr-FR'), // permet d'enlever les , comme séparateurs de milliers
    },
    
    // utile si en fill on met une propriété
    //color: {legend: true},

    marks: [
        frame ? Plot.frame() : null, // si frame est true alors on fait un frame sinon on renvoie null = ne rien faire
        ruleX0 ? Plot.ruleX([0]) : null,
        ruleY0 ? Plot.ruleY([0]) : null,
        Plot.barY(data, {
            x: "category", 
            y: "value",
            fill: fill,
            fillOpacity: fillOpacity,
            stroke: stroke,
            strokeWidth: strokeWidth,
            strokeOpacity: strokeOpacity,
            insetRight : LRinset,
            insetLeft : LRinset,
            ry1: ry1,
            tip: {
                format: {          
                    y: d => Math.round(d).toLocaleString('fr-FR'),                  
                    }
            }
        })
    ],
})

data