function showAddr4(addr, divId){
addr= addr+"80";
console.log("show4", addr)
let profileurl="https://raw.githubusercontent.com/the-laurel/laurels/main/data/images/0x0092D68117A00c6D8CC651a38522AAEEd54ba3F2.png";
const svg = d3.create("svg")
.attr("width", width)
.attr("height", width/2)
const r = 200
const wide = 4
const opacity = 0.6
const center = {x:300, y:300}
var circle;
var n = addr.length;
for (let i=0; i<n/6; i++) {
circle = svg.append("circle")
circle.attr("r", r- wide*i).attr("cx",center.x).attr("cy",center.y)
circle.attr("fill", "#"+addr.slice(i*6,i*6+6)).attr("opacity", opacity)
}
let ndx=0;
["#f00","#0f0", "#00f"].forEach( x=> {
circle = svg.append("circle")
circle.attr("r", r- wide*7-2*ndx).attr("cx",center.x).attr("cy",center.y)
circle.attr("fill", x).attr("opacity",1)
ndx++
})
circle = svg.append("circle")
circle.attr("r", r- wide*7-6).attr("cx",center.x).attr("cy",center.y)
circle.attr("fill", "#fff").attr("opacity",1)
svg.append("svg:image")
.attr('x', 150)
.attr('y', 150)
.attr('width', 300)
.attr('height', 300)
.attr("xlink:href", profileurl)
var place = document.getElementById(divId)
if (place.childNodes[0]) {
place.replaceChild(svg.node(), place.childNodes[0])
} else {
place.appendChild(svg.node())
}
}