#set page(width: auto, height: auto, margin: 1cm)
#set text(size: 14pt)

#let data = (7, 19, 23, 27, 38, 42, 55, 61)
#let max-val = calc.max(..data)
#let bar-w = 0.6cm
#let spacing = 0.2cm
#let chart-h = 4cm
#let scale = chart-h / max-val

#box(stroke: 0.5pt + black, inset: 1cm)[
  #align(center)[
    #text(size: 18pt, weight: "bold")[Sample Typst Figure]

    #v(0.5cm)

    A simple bar chart rendered directly from Typst source:

    #v(0.5cm)

    #box(height: chart-h)[
      #h(0.25cm)
      #for (i, val) in data.enumerate() {
        let bar-h = val * scale
        [
          #box(height: chart-h, width: bar-w)[
            #align(bottom)[
              #rect(
                width: bar-w,
                height: bar-h,
                fill: rgb("#5b8ff9"),
                stroke: none,
              )
            ]
          ]
          #h(spacing)
        ]
      }
    ]
  ]
]