ISSUE 07 — SUB ISSUE 05 — Impact Matrix Card

[LeDuyCoder]

Description

Card hiển thị scatter/bubble chart giữa:

SJR Citation Score
vs
H-Index

Title

Impact Matrix

Subtitle

SJR vs H-Index Distribution

Chart Type

Scatter chart / Bubble chart.

Axes

X-axis:

SJR Citation Score

Y-axis:

H-Index

Legend

Q1
Q2

Mock Data

const impactMatrixData = [
  {
    journal: "Nature Bibliometrics",
    quartile: "Q1",
    sjrScore: 4.2,
    hIndex: 82,
    size: 18
  },
  {
    journal: "Journal of Data Science",
    quartile: "Q1",
    sjrScore: 3.8,
    hIndex: 74,
    size: 12
  },
  {
    journal: "Review of Quantitative Analysis",
    quartile: "Q2",
    sjrScore: 3.2,
    hIndex: 68,
    size: 10
  },
  {
    journal: "Global Informatics",
    quartile: "Q2",
    sjrScore: 2.6,
    hIndex: 52,
    size: 11
  },
  {
    journal: "Computational Metrics",
    quartile: "Q3",
    sjrScore: 1.8,
    hIndex: 41,
    size: 8
  },
  {
    journal: "Applied Research Index",
    quartile: "Q3",
    sjrScore: 1.2,
    hIndex: 33,
    size: 6
  }
];

Acceptance Criteria

• Scatter chart render đúng trong card lớn
• Có grid line nhẹ
• X-axis label đúng
• Y-axis label đúng
• Q1 marker màu cam
• Q2/Q3 marker màu gray/dark
• Điểm nổi bật có ring/border giống mockup
• Có tooltip khi hover nếu dùng chart library hỗ trợ

---