SVG 散点图生成器

SVG 散点图生成器

输入 x,y,label 数据生成 SVG 散点图。

输入内容2 项
处理结果10 行
<svg width="640" height="360" viewBox="0 0 640 360" xmlns="http://www.w3.org/2000/svg">
  <circle cx="185" cy="222" r="7" fill="#2563eb"/>
  <text x="195" y="214" font-size="13" fill="#475569">A</text>
  <circle cx="320" cy="133.33333333333334" r="7" fill="#2563eb"/>
  <text x="330" y="125.33333333333334" font-size="13" fill="#475569">B</text>
  <circle cx="455" cy="194" r="7" fill="#2563eb"/>
  <text x="465" y="186" font-size="13" fill="#475569">C</text>
  <circle cx="590" cy="40" r="7" fill="#2563eb"/>
  <text x="600" y="32" font-size="13" fill="#475569">D</text>
</svg>

SVG 散点图生成器说明

SVG 散点图生成器是 CLIS.CC 按常用在线工具使用习惯整理的小工具，适合在浏览器中快速完成数据格式化、编码解码、文本整理、配置转换、单位换算和代码片段生成。工具默认采用左侧输入、右侧输出的一屏结构，常用选项集中在输入区顶部，输入内容后会即时生成结果，不需要额外跳转页面，也不会打断原有编辑流程。

输入 x,y,label 数据生成 SVG 散点图。在实际使用中，你可以把接口返回、配置文件、URL 参数、文本列表或样式片段直接粘贴到输入区，再根据需要调整处理方式。右侧结果区保持纯文本展示，方便选择、滚动和复制，适合开发调试、运营整理、SEO 文案处理、文档排版和日常办公场景。