{
let div = DOM.element('div')
div.innerHTML='<h3 style="color:green">TCGA cancer project types (<span id="caseCountSpan"></span>)</h3>'
let ol=DOM.element('ol')
div.appendChild(ol)
let caseCount=0
projectData.data.hits.forEach(function(prj,i){
let ul=DOM.element('ul')
let li = DOM.element('li')
li.innerHTML=`<b style="color:blue">${prj.id}</b>: ${prj.name} (<span style="color:green">${prj.summary.case_count}</span>)`
caseCount=caseCount+prj.summary.case_count
ol.appendChild(li)
li.appendChild(ul)
prj.disease_type.forEach(function(dtp){
let li = DOM.element('li')
li.style.fontSize='small'
li.innerHTML=dtp
ul.appendChild(li)
})
div
})
div.querySelector('#caseCountSpan').textContent=caseCount
return div
}