نمودار شبکه (PartoNetworkChart)

'use client'
import { PartoNetworkChart } from '@partodata/ui'

const nodes = [
  { id: 'hub', label: 'رسانه مرکزی', group: 'core', weight: 5 },
  { id: 'p1', label: 'پیج الف', group: 'page', weight: 3 },
  { id: 'p2', label: 'پیج ب', group: 'page', weight: 2 },
]

const links = [
  { source: 'hub', target: 'p1', value: 3 },
  { source: 'hub', target: 'p2', value: 2 },
  { source: 'p1', target: 'p2', value: 1 },
]

<div style={{ height: 360 }}>
  <PartoNetworkChart nodes={nodes} links={links} />
</div>

// Pin a node to a specific position; simulation skips it
const nodes = [
  { id: 'center', label: 'مرکز', fx: 400, fy: 200 },
  { id: 'n1', label: 'گره ۱' }, // simulation-positioned
]

const nodes = [
  { id: 'product', label: '#محصول' },
  { id: 'discount', label: '#تخفیف' },
  { id: 'eqtesad', label: '#اقتصاد' },
  { id: 'brand', label: '#برند' },
]
const links = [
  { source: 'product', target: 'discount', value: 12 },
  { source: 'discount', target: 'eqtesad', value: 9 },
  { source: 'eqtesad', target: 'brand', value: 6 },
  { source: 'product', target: 'brand', value: 3 },
]

<div style={{ height: 360 }}>
  <PartoNetworkChart nodes={nodes} links={links} />
</div>

const nodes = [
  { id: 'hub', label: 'حساب مرکزی برند', fx: 420, fy: 180, weight: 8 },
  { id: 'p1', label: 'پیج الف', weight: 3 },
  { id: 'p2', label: 'پیج ب', weight: 2 },
  { id: 'p3', label: 'پیج ج', weight: 4 },
]
const links = [
  { source: 'hub', target: 'p1', value: 5 },
  { source: 'hub', target: 'p2', value: 3 },
  { source: 'hub', target: 'p3', value: 6 },
]

<PartoNetworkChart nodes={nodes} links={links} />

const nodes = [
  { id: 'm1', label: 'پیج خبری', group: 'media' },
  { id: 'm2', label: 'وب‌سایت رسانه‌ای', group: 'media' },
  { id: 'b1', label: 'حساب رسمی برند', group: 'brand' },
  { id: 'b2', label: 'پیج محصول', group: 'brand' },
  { id: 'i1', label: 'اینفلوئنسر', group: 'influencer' },
]
const links = [
  { source: 'm1', target: 'b1', value: 4 },
  { source: 'm2', target: 'b2', value: 3 },
  { source: 'i1', target: 'm1', value: 2 },
  { source: 'i1', target: 'b1', value: 1 },
]

<PartoNetworkChart nodes={nodes} links={links} />

<PartoNetworkChart
  nodes={[
    { id: 'mega', label: 'پیج مگا', weight: 10 },
    { id: 'macro', label: 'پیج کلان', weight: 5 },
    { id: 'micro', label: 'پیج خرد', weight: 1 },
  ]}
  links={[
    { source: 'mega', target: 'macro', value: 4 },
    { source: 'macro', target: 'micro', value: 2 },
  ]}
  nodeRadius={10}
  maxNodeRadius={32}
/>

<PartoNetworkChart nodes={[]} links={[]} />