Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

Embeddable charts / 可嵌入图表

Đã đóng
  • Có gì không ổn?
#269 5 bình luận 0 reaction 0 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 1 ngày

@functionstackx đang làm issue này rồi.

Từ ngày 5/5/2026.

  • #311 của @functionstackx — đang mở

Đánh giá

Độ khó
5/5
Thời gian dự kiến
Hơn một tuần
Mức phù hợp với người mới
35/100
Loại issue
Tính năng
Độ rõ ràng
Khá rõ ràng
Mức độ hoạt động
Ít trao đổi
Công nghệ
react, typescript
Lĩnh vực
analytics, frontend, security, web-dev

Hướng nghiên cứu

Start by tracing the existing chart rendering and routing around the requested /embed/scatter entry point. Define the stable URL contract, iframe layout and attribution, then verify that only /embed/* permits framing and that embed_view records the referrer. Done means a real scatter chart renders at the stated widths with the required embed-only chrome and analytics behavior.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

diff/medium p1

A stable embed URL for InferenceX charts that can be iframed into external docs and partner sites.

Example URL shape:
Feel free to change to fit your design.

  • /embed/scatter?model=dsr1&framework=vllm&gpus=h200,b200,mi325x&isl=1024&osl=1024&y=tpPerGpu

Requirements

  • An /embed/scatter route that renders a real chart for a given URL state, suitable for iframe embedding at common widths (600px, 800px, full-width). Legend collapses gracefully on narrow widths.
  • An embed mode that hides the share buttons, top nav, and footer, and shows a small "SemiAnalysis InferenceX" attribution link back to the canonical page.
  • Frame-ancestors CSP that allows embedding for /embed/* routes only, leaving the rest of the site non-framable.
  • A canonical, stable embed URL shape we are willing to commit to keeping working long-term.
  • embed_view analytics event capturing referrer so external embed traffic is attributable.

Nice to have

  • Support for other chart types we have on the site like bar charts, radar, etc.
  • Generalized embed builder UI for partners to construct their own embed URLs.

中文说明

为 InferenceX 图表提供稳定的嵌入 URL，支持通过 iframe 嵌入到外部文档和合作伙伴网站。

主要要求：提供 /embed/scatter 路由渲染真实图表，支持常见宽度的 iframe 嵌入；嵌入模式隐藏分享按钮、顶部导航和页脚，显示"SemiAnalysis InferenceX"署名链接；仅对 /embed/* 路由开放 frame-ancestors CSP；提供长期稳定的嵌入 URL 格式；埋点 embed_view 事件并捕获 referrer。

Ngôn ngữ chính
TypeScript
Star
49
Fork
22
Merge trung bình
7 giờ 50 phút
Pull request đã merge (30 ngày)
243

Chuẩn bị môi trường

  • Không có Dockerfile hay tệp Docker Compose
  • Có mẫu pull request
  • Không có hướng dẫn đóng góp

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của SemiAnalysisAI/InferenceX-app

Tất cả issue của SemiAnalysisAI/InferenceX-app

Issue tương tự

Thêm issue về TypeScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.