3f:null 40:["$","title",null,{"children":"Registration of Whole-brain Images | hrf_DataVis | Observable"}] 46:T41e,

${await FileAttachment("colorwheel_Middlebury_@2.png").image()}

color wheel

The whole brain is divided into grids.
Obtain the corresponding coordinates of FOV in the divided grid.

Offset fitting result : [ δ_1, …, δ_vNum ].
FOV coordinate: [ (r_1, c_1), …, (r_vNum, c_vNum) ].

Using colorwheel to represent offset:

Using hue to represent the angle of offset.
Using color intensity to represent the distance of offset.

47:Tf53,viz = { const viz = d3.create("div").attr("class","viz") const svg = viz.append("svg") .attr("width",w) .attr("height",h) .attr("viewBox",[0,0,w,h]) const size = 900; const squareSize = 20; const authorTooltip = d3.select("body") .append("div") .attr("class","writerTooltip") .style("visibility","hidden") const scale = d3.scaleLinear() .domain([0,53]) .range([0,size]); const swatch = swatches({ colour: d3.scaleOrdinal(["activist","artist","author","journalist", "playwright","poet","publisher","scholar","sociologist"], ["#fed7af", "#00ffff", "#89065b", "#ffea47", "#e94f37", "#6477b9", "#fbd1fb", "#ffa50a", "#ffffff"]), swatchRadius: 8,}) // const colorwheel = svg.append("image") // .attr("xlink:href", "https://github.com/Hai-rf/BASSFISH_dataviz/blob/f34ab08d6b76c3bc0ede1bf933e48304ddbd84e5/colorwheel_Middlebury_.png") // .attr("width", 100) // .attr("height", 100) // .attr("x", 400) // 图片左上角的x坐标 // .attr("y", 50); // 图片左上角的y坐标 // const illustrate = d3.select("colorwheel") // .data(colorwheel) // const author = svg.append("g").attr("class","legend") // .attr("transform",`translate(${w/2-400},100)`) // .append(()=>swatch); const waffle = svg.append("g") .attr("transform",`translate(${w/2-440},50)`) .selectAll("rect") .data(stitch) .enter() .append("a") .attr("xlink:href",d=>d.Work) .attr("target","_blank") .append("rect") .attr("class","waffle") .attr("x",(d,i)=>{ const n = i % 52 return scale(n) }) .attr("y",(d,i)=>{ const n = Math.floor(i/53) return scale(n) }) .attr("width",squareSize-8) .attr("height",squareSize-8) .attr("stroke-width",0.1) .attr("stroke","transparent") .style("fill",d=> {if (d.fov!= "Empty Area"){return d.color} else {return "white"}}) .on("mousemove",function (event,d){ d3.select(this).style("opacity",1).attr("stroke-width",1).attr("stroke","black") authorTooltip.transition() .duration(200) .style("visibility","visible") authorTooltip.html("

"+ d.fov+"

dx:"+d.off[0]+"
dy:"+d.off[1] ) .style("transform","translateY(-55%)") .style("left",(event.x)+10+"px") .style("top",(event.y)-15+"px") }) .on("mouseout",function (event,d){ d3.select(this).style("opacity",1).attr("stroke-width",1).attr("stroke","transparent") authorTooltip.transition().style("visibility","hidden") }) svg.call(pattern) return viz.node() }48:[{"id":"adc48c965b7d8dee17efb5a18b01727dd323f2630b74f169f5850f8fae803ae5dae16ed37e12eda597d27e72df864f30a190f4d3bc7a52c6b2b8fdee339a765f","href":"https://static.observableusercontent.com/files/adc48c965b7d8dee17efb5a18b01727dd323f2630b74f169f5850f8fae803ae5dae16ed37e12eda597d27e72df864f30a190f4d3bc7a52c6b2b8fdee339a765f","name":"opFlow_colors@8.json","type":"application/json","lastModified":1687701341458.17,"size":4689340},{"id":"b82d5b10f9aa19b29171cf53524e59610f42928cd32f05f1fab90e92c7789123c2d6a0848edd6dd0f2e6eafde53d0b50a5180b9a56bc973e08fc72d570de4701","href":"https://static.observableusercontent.com/files/b82d5b10f9aa19b29171cf53524e59610f42928cd32f05f1fab90e92c7789123c2d6a0848edd6dd0f2e6eafde53d0b50a5180b9a56bc973e08fc72d570de4701","name":"africanAmericanWriters.csv","type":"text/csv","lastModified":1686905486953.515,"size":40871},{"id":"34f8297103bf3f0e90a3d69e816007ed3a91f13e1c21528286f40026b65f194df0c5adc2a4cdbf0eda9ca2c048736fedc2d366b5810cdbf0b9a8029e05225e5f","href":"https://static.observableusercontent.com/files/34f8297103bf3f0e90a3d69e816007ed3a91f13e1c21528286f40026b65f194df0c5adc2a4cdbf0eda9ca2c048736fedc2d366b5810cdbf0b9a8029e05225e5f","name":"opFlow_colors@7.json","type":"application/json","lastModified":1687695788783.321,"size":3812496},{"id":"3b1182775d4e988449a5c1d741b1af18c540b0865900a9447d0d1f2a375c1bbe290da24eb1e7b10e13bd2f809aba6090bfbc95c11b46f05fedafc6148d43b781","href":"https://static.observableusercontent.com/files/3b1182775d4e988449a5c1d741b1af18c540b0865900a9447d0d1f2a375c1bbe290da24eb1e7b10e13bd2f809aba6090bfbc95c11b46f05fedafc6148d43b781","name":"colorwheel_Middlebury_.png","type":"image/png","lastModified":1687696842799.548,"size":152326},{"id":"20074aba8048a4975fbd2978a7beefee542e380c1968f51742842b79a60c0d72f941b02b5c79fac6e58a3d52ac4e62fbbe0cfcd50ad9f2005cd40b54e244ec34","href":"https://static.observableusercontent.com/files/20074aba8048a4975fbd2978a7beefee542e380c1968f51742842b79a60c0d72f941b02b5c79fac6e58a3d52ac4e62fbbe0cfcd50ad9f2005cd40b54e244ec34","name":"colorwheel_Middlebury_@1.png","type":"image/png","lastModified":1687704005465.894,"size":62399},{"id":"62b3732e6b752788ed14ead614444bbe3fcc91af106c0b53216eb659e1f6dfb2ecf5d40e8d97dbc73c9dec7fbb6a06af753dfb2e2b4b40255a169dd29a3d83c3","href":"https://static.observableusercontent.com/files/62b3732e6b752788ed14ead614444bbe3fcc91af106c0b53216eb659e1f6dfb2ecf5d40e8d97dbc73c9dec7fbb6a06af753dfb2e2b4b40255a169dd29a3d83c3","name":"opFlow_colors@9.json","type":"application/json","lastModified":1687704586682.952,"size":5384768},{"id":"ba0cabc585e1e5b7a507d3be865a2d1eb30da8f86faa4cce8a225df009b6993dd787e1fff9557b983e5031c3302416e149b8c3938cdc9eb5611ad3423ae68cc6","href":"https://static.observableusercontent.com/files/ba0cabc585e1e5b7a507d3be865a2d1eb30da8f86faa4cce8a225df009b6993dd787e1fff9557b983e5031c3302416e149b8c3938cdc9eb5611ad3423ae68cc6","name":"colorwheel_Middlebury_@2.png","type":"image/png","lastModified":1687791931619.984,"size":67090}] 44:{"id":"a186ea99cc7f5f39","slug":"registration-of-whole-brain-images","title":"Registration of Whole-brain Images","thumbnail":"e672a1b78255c3b839508f45573c9b2463c05cb84d806812b75585d2b1425f0a","access_level":"public","create_time":"$D2023-06-16T08:51:26.953Z","update_time":"$D2023-07-03T07:34:19.140Z","view_time":null,"first_public_time":"$D2023-06-16T08:51:26.953Z","has_unpublished_edits":null,"fork":{"id":"e1be0ee57ae85d1c","slug":"african-american-writers","title":"African American Writers","owner":{"id":"700e8d2a68a68d16","login":"urmilaj","name":"Urmila"}},"stars":0,"starred":false,"owner":{"type":"team","id":"052ba4357c888966","login":"hrfdatavis","name":"hrf_DataVis","avatar_url":"https://avatars-next.observableusercontent.com/9b1f056c32b63108f6d58abb3c829e2e0411e34fee5036424195348193ed6321","tier":"starter_2024","bio":"","following":false},"version":1598,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"0d706fade8ee8311","login":"hai-rf","name":"rf H","avatar_url":"https://avatars-next.observableusercontent.com/fd4a39b51c455f934e094493b857f38910b967d411fdb353b714f9384cea5263","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"0d706fade8ee8311","login":"hai-rf","name":"rf H","avatar_url":"https://avatars-next.observableusercontent.com/fd4a39b51c455f934e094493b857f38910b967d411fdb353b714f9384cea5263","tier":null,"role":"editor"},{"type":"team","id":"052ba4357c888966","login":"hrfdatavis","name":"hrf_DataVis","avatar_url":"https://avatars-next.observableusercontent.com/9b1f056c32b63108f6d58abb3c829e2e0411e34fee5036424195348193ed6321","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Registration of Whole-brain Images","cells":[{"id":1190,"value":"html\n`

Registration of Whole-brain Images

Multifield Imaging Registration Results of Mouse Brain Gene Signal.
- Click on individual tile to check the imaging result of each field of view.

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1493,"value":"$46","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1582,"value":"viewof pair = Inputs.select(pairs, {value: \"0_1\", label: \"Round pair to registrate\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"$47","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1401,"value":"d = (stitch[76])\n\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1424,"value":"pairs = ['0_1', '0_2', '0_3', '0_4', '0_5', '0_6', '1_2', '1_3', '1_4', '1_5', '1_6', '2_3', '2_4', '2_5', '2_6', '3_4', '3_5', '3_6', '4_5', '4_6', '5_6']","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1247,"value":"timelineData = data.filter(d=>d.Awards!=\"-\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":496,"value":"authorLegend = d3.scaleOrdinal()\n .domain([\"activist\",\"artist\",\"author\",\"journalist\",\"physician\",\"playwright\",\"poet\",\"publisher\",\"scholar\",\"sociologist\"])\n .range([\"#393e41\",\"cyan\",\"#89065b\",\"#ffea47\",\"#e94f37\",\"#cfc9c9\",\"#6477b9\",\"#ffa50a\",\"white\",\"#0acdff\"]);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":139,"value":"colorScale = d3.scaleOrdinal()\n.domain([\"activist\",\"artist\",\"author\",\"journalist\",\n \"playwright\",\"poet\",\"publisher\",\"scholar\",\"sociologist\"])\n .range(color)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":113,"value":"color = [\"#fed7af\",\n\"#00ffff\",\n\"#89065b\",\n\"#ffea47\",\n\"#e94f37\",\n\"#6477b9\",\n\"#fbd1fb\",\n\"#ffa50a\",\n\"#ffffff\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"pattern = textures.lines()\n .size(7)\n .strokeWidth(0.9)\n .background(\"transparent\")\n .stroke(\"#6b3395\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1293,"value":"h2 = 6200","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"h = 1000;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"w = width;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1386,"value":"pairdata = FileAttachment(\"opFlow_colors@9.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1388,"value":"stitch = pairdata[pair]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"data = FileAttachment(\"africanAmericanWriters.csv\").csv({typed:true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"textures = require('textures@1.2.0/dist/textures.js')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":533,"value":"import {swatches} from \"@bayre/svg-swatches\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":0,"value":"d3 = require('d3@6','d3-svg-annotation')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":452,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W48","stdlib":"1"}} 45:"$44:body"