Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

Embeddable charts / 可嵌入图表

已关闭
#269 5 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

维护者通常 1 天内回复

@functionstackx 已经在做这个了。

开始于 2026年5月5日。

  • #311 来自 @functionstackx —— 未关闭

评估

难度
5/5
预计耗时
一周以上
新手友好度
35/100
Issue 类型
功能
描述清晰度
基本清楚
活跃度
冷清
技术栈
react, typescript

调研方向

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.

由索引模型根据 Issue 内容生成。

描述

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。

主要语言
TypeScript
星标
49
派生
22
平均合并
7 小时 50 分钟
30 天内合并 PR
243

环境准备

  • 没有 Dockerfile 或 Docker Compose 文件
  • 有 Pull Request 模板
  • 没有贡献指南

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

SemiAnalysisAI/InferenceX-app 的其他 Issue

查看 SemiAnalysisAI/InferenceX-app 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。