3e:null 3f:["$","title",null,{"children":"WaferMap test #1 | Yu Ji's Workspace | Observable"}] 45:T5a8,// Function to update the wafer map function updateWaferMap() { // Define the SVG container dimensions const width = 500; const height = 500; // Clear the existing wafer map d3.select("#wafer-map").selectAll("*").remove(); // Create an SVG element for the wafer map const svg = d3 .select("#wafer-map") .append("svg") .attr("width", width) .attr("height", height); // Define scales for X and Y coordinates based on die dimensions and wafer geometry const xScale = d3 .scaleLinear() .domain([0, waferRadius * 2]) .range([edgeExclusion, width - edgeExclusion]); const yScale = d3 .scaleLinear() .domain([0, waferRadius * 2]) .range([edgeExclusion, height - edgeExclusion]); // Define a color scale for the heatmap based on the selected data column const colorScale = d3 .scaleSequential(d3.interpolateViridis) .domain(d3.extent(data, (d) => +d[selectedColumn])); // Create circles representing each die on the wafer svg .selectAll("circle") .data(data) .enter() .append("circle") .attr("cx", (d) => xScale(dieWidthControl * d.x)) // Adjust as needed based on die layout .attr("cy", (d) => yScale(dieHeightControl * d.y)) // Adjust as needed based on die layout .attr("r", 5) // Adjust the radius as needed .attr("fill", (d) => colorScale(+d[selectedColumn])); // You can add more features like axes, labels, and tooltips as needed } 46:[] 43:{"id":"b94f343a3f5373d8","slug":null,"title":"WaferMap test #1","thumbnail":"c36c29c40540282305ea014f849462e037f8478864133fc1a107becfce060d68","access_level":"public","create_time":"$D2023-11-14T06:26:07.386Z","update_time":"$D2023-11-14T06:55:27.903Z","view_time":null,"first_public_time":"$D2023-11-14T06:26:07.386Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"e72f027c6e802fe8","login":"thanatos1111","name":"Yu Ji's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/499e6fc1676701b9732227ce52ca9de9a5bc96e03257abb039fc598e09f0f0be","tier":"starter_2024","bio":"","following":false},"version":115,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"16ddb7facf80c061","login":"yu-ji","name":"Yu Ji","avatar_url":"https://avatars-next.observableusercontent.com/d4fa71970ba29aec9de7a1d321ca3dc33e461327e1a1dac7811a172ec18b7a0d","tier":null,"bio":"Javascript Newbie","following":false}],"members":[{"type":"team","id":"e72f027c6e802fe8","login":"thanatos1111","name":"Yu Ji's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/499e6fc1676701b9732227ce52ca9de9a5bc96e03257abb039fc598e09f0f0be","tier":"starter_2024","role":"editor"},{"type":"individual","id":"16ddb7facf80c061","login":"yu-ji","name":"Yu Ji","avatar_url":"https://avatars-next.observableusercontent.com/d4fa71970ba29aec9de7a1d321ca3dc33e461327e1a1dac7811a172ec18b7a0d","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"WaferMap test #1","cells":[{"id":0,"value":"# WaferMap test #1","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"// Import necessary libraries\n\nimport { html, radio, file, input, button, div } from \"@observablehq/inputs\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"// Initialize variables for wafer geometry and data\nmutable dieWidth = 10","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"mutable dieHeight = 10;","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"mutable waferRadius = 100;","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"mutable xKerf = 2","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"mutable yKerf = 2","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"mutable edgeExclusion = 10","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"mutable selectedColumn = \"B\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"mutable data = []","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"// Create controls for wafer geometry\nviewof dieWidthControl = Inputs.input({ type: \"number\", value: dieWidth })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":73,"value":"viewof dieHeightControl = Inputs.input({ type: \"number\", value: dieHeight })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":75,"value":"viewof waferRadiusControl = Inputs.input({ type: \"number\", value: waferRadius })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":77,"value":"viewof xKerfControl = Inputs.input({ type: \"number\", value: xKerf })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":83,"value":"viewof yKerfControl = Inputs.input({ type: \"number\", value: yKerf })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":84,"value":"viewof edgeExclusionControl = Inputs.input({\n type: \"number\",\n value: edgeExclusion\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"// Load CSV data\nmutable loadDataButton = Inputs.button(\"Load Data\", async () => {\n const fileInput = await file();\n const text = await fileInput.text();\n data.value = parseCSV(text);\n updateWaferMap();\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":64,"value":"// Create radio buttons for selecting data column\nviewof columnRadio = Inputs.radio([\"B\", \"C\", \"D\"], { value: selectedColumn })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":94,"value":"// Function to parse CSV data\nfunction parseCSV(csv) {\n const lines = csv.split(\"\\n\");\n const result = [];\n const headers = lines[0].split(\",\");\n\n for (let i = 1; i < lines.length; i++) {\n const obj = {};\n const currentLine = lines[i].split(\",\");\n\n for (let j = 0; j < headers.length; j++) {\n obj[headers[j]] = currentLine[j];\n }\n\n result.push(obj);\n }\n\n return result;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":98,"value":"// Create a container for the controls\nviewof controls = html`\n

\n Die Width: ${dieWidthControl}
\n Die Height: ${dieHeightControl}
\n Wafer Radius: ${waferRadiusControl}
\n X Kerf: ${xKerfControl}
\n Y Kerf: ${yKerfControl}
\n Edge Exclusion: ${edgeExclusionControl}
\n Select Data Column: ${columnRadio}
\n ${loadDataButton}\n

\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":105,"value":"$45","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":107,"value":"// Render the controls and wafer map\nhtml`${controls}\n

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":111,"value":"html`${loadDataButton}`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W46","stdlib":"1"}} 44:"$43:body"