Embeddable charts / 可嵌入图表

Open
#269 5 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
5/5
Estimated time
Over a week
Newbie friendliness
35/100
Issue type
Feature
Clarity
Mostly clear
Activity status
Quiet
Tech stack
react, typescript
Domain
analytics, frontend, security, web-dev

Research direction

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.

Written by the indexing model from the issue text.

Description

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。

Dominant language
TypeScript
Stars
46
Forks
19
Avg merge
9h 52m
Merged PRs (30d)
332

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from SemiAnalysisAI/InferenceX-app

All issues in SemiAnalysisAI/InferenceX-app

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.