(() => {
  const chart = new G2.Chart();

  chart.options({
    type: "view",
    autoFit: true,
    height: 200,
    children: [
      {
        type: "rect",
        data: {
          type: "fetch",
          value: "https://assets.antv.antgroup.com/g2/unemployment2.json",
        },
        encode: { x: "rate" },
        transform: [{ type: "binX", y: "count" }],
        style: { inset: 0.5 },
      },
      {
        type: "lineX",
        data: [10.2],
        style: { stroke: "#000", strokeOpacity: 0.45, lineDash: [3, 4] },
        labels: [
          {
            text: "lineX text",
            position: "top-left",
            textBaseline: "bottom",
            fill: "#000",
            fillOpacity: 0.45,
            background: true,
            backgroundFill: "#000",
            backgroundOpacity: 0.15,
          },
        ],
      },
    ],
  });

  chart.render();

  return chart.getContainer();
})();