<div class="grid grid-cols-2" style="grid-auto-rows: 504px;">

<div class="card">${
  resize((width) => Plot.plot({
    title: "Your awesomeness over time 🚀",
    subtitle: "Up and to the right!",
    width,
    y: {grid: true, label: "Awesomeness"},
    marks: [
      Plot.ruleY([0]),
      Plot.lineY(aapl, {x: "Date", y: "Close", tip: true})
    ]
  }))
}</div>

<div class="card">${
  resize((width) => Plot.plot({
    title: "How big are penguins, anyway? 🐧",
    width,
    grid: true,
    x: {label: "Body mass (g)"},
    y: {label: "Flipper length (mm)"},
    color: {legend: true},
    marks: [
      Plot.linearRegressionY(penguins, {x: "body_mass_g", y: "flipper_length_mm", stroke: "species"}),
      Plot.dot(penguins, {x: "body_mass_g", y: "flipper_length_mm", stroke: "species", tip: true})
    ]
  }))
}</div>

</div>
