PROMPT RECORD · 公开作品详情
// 系统：d3.js 信息图渲染引擎
公开 AI 图像创作记录，包含原图、提示词、使用模型、作者、标签与来源。
- 使用模型
- GPT-Image-2
- 创作者
- @Gdgtify
- 发布时间
- Thu May 28 07:15:00 +0000 2026
- 图片数量
- 1 张
完整提示词
源提示词按原始换行与标点完整保留// system: d3.js infographic render engine
const svg = d3. select("canvas").attr("width", 1920).attr("height", 1080);
const material = "[$material]"; const vehicle = "[$vehicle]";
// 1. hero layer (center)
svg.append("g").attr("id", "hero-render")
.attr("style", `render-3d: true; mesh: ${vehicle}; material: ${material}; lighting: studio;`);
// 2. atomic/lattice panel (top left)
const panel1 = svg.append("g").attr("transform", "translate(50, 50)");
panel1.append("text").text("atomic / lattice");
panel1.append("3d-model").attr("src", ai.infer_atomic_bonds(material));
// 3. microstructure panel (mid left)
const panel2 = svg.append("g").attr("transform", "translate(50, 300)");
panel2.append("text").text("microstructure");
panel2.append("image").attr("src", ai.infer_sem_microscopy(material));
// 4. process flowchart (bottom left)
const panel3 = svg.append("g").attr("transform", "translate(50, 800)");
panel3.append("flowchart").attr("steps", ai.infer_manufacturing(material));
// 5. properties table (bottom right)
const panel4 = svg.append("g").attr("transform", "translate(1400, 800)");
panel4.append("table").attr("data", ai.infer_tensile_density_hardness(material));
panel4.append("circle-mask").attr("content", `macro-zoom of ${material}`);
// execute: render photorealistic output of this svg dashboard structure.提示词译文
译文与源提示词分开显示，不替代原文// 系统：d3.js 信息图渲染引擎
const svg = d3. select("canvas").attr("width", 1920).attr("height", 1080);
const material = "[$material]"; const vehicle = "[$vehicle]";
// 1. 主视觉图层（中央）
svg.append("g").attr("id", "hero-render")
.attr("style", `render-3d: true; mesh: ${vehicle}; material: ${material}; lighting: studio;`);
// 2. 原子/晶格面板（左上）
const panel1 = svg.append("g").attr("transform", "translate(50, 50)");
panel1.append("text").text("atomic / lattice");
panel1.append("3d-model").attr("src", ai.infer_atomic_bonds(material));
// 3. 微观结构面板（左中）
const panel2 = svg.append("g").attr("transform", "translate(50, 300)");
panel2.append("text").text("microstructure");
panel2.append("image").attr("src", ai.infer_sem_microscopy(material));
// 4. 工艺流程图面板（左下）
const panel3 = svg.append("g").attr("transform", "translate(50, 800)");
panel3.append("flowchart").attr("steps", ai.infer_manufacturing(material));
// 5. 属性表格面板（右下）
const panel4 = svg.append("g").attr("transform", "translate(1400, 800)");
panel4.append("table").attr("data", ai.infer_tensile_density_hardness(material));
panel4.append("circle-mask").attr("content", `macro-zoom of ${material}`);
// 执行：以照片级真实感渲染输出此 svg 仪表盘结构。