Violin Plot

// import { density1d } from "fast-kde";

StackX(
  { spacing: 64, sharedScale: true },
  For(groupBy(penguins, "Species"), (d, species) => {
    const density = Array.from(
      density1d(d.map((p) => p["Body Mass (g)"]).filter((w) => w !== null))
    );
    return Frame({}, [
      StackY(
        { spacing: 0 },
        For(density, (d) =>
          Rect({ y: d.x / 40, w: d.y * 100000, h: 0, fill: v(species) }).name(
            `${species}-${d.x}`
          )
        )
      ),
      ConnectY(
        { opacity: 1, mixBlendMode: "normal" },
        For(density, (d) => Ref(`${species}-${d.x}`))
      ),
    ]);
  })
).render(root, { w: 500, h: 300 });