پراکندگی و حبابی

نصب

1. با CLI

   اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگی‌هاش را می‌نویسه.

   $ npx vibefarsi add scatter-chart

2. نصب دستی

   محتوای تب «کد» را در components/charts/scatter-chart.tsx بگذارید. پیش‌نیاز: chart-core.

   $ npm i lucide-react
   کپی کل فایلregistry json

استفاده

1import { ScatterChart } from "@/components/charts/scatter-chart"23<ScatterChart4  title="قیمت و فروش محصولات"5  data={products}6  x="price" xLabel="قیمت"7  y="sold" yLabel="تعداد فروش"8  size="revenue" sizeLabel="درآمد"9  group="category" name="name"10  xReferences={[{ value: avgPrice, label: "میانگین قیمت" }]}11/>

پراپ‌ها

نکته‌ها

• حباب‌های بزرگ اول کشیده میشن تا حباب‌های کوچک زیرشون گم نشن.