PROMPT RECORD图像记录

// 系统：d3.js 信息图渲染引擎 const svg = d3. select("canvas").attr("width", 1920).attr("height", 1080); c...

中文说明

// 系统：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").a...

原始 Prompt

// 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.