28:null 29:["$","title",null,{"children":"Phylos Cannabis Genetic Fingerprint | Russell Warner | Observable"}] 2e:T887,{ function parseTypes(d) { return { block_id: d.subpop, start: parseInt(d.start), end: parseInt(d.end), value: parseFloat(d.value) }; } let [ dnaFingerprintTrack1, dnaFingerprintTrack2, dnaFingerprintTrack3, dnaFingerprintTrack4, dnaFingerprintTrack5 ] = fingerprintRings.map(ring => ring.map(parseTypes)); let height = 550; let container = html`

`; // SIZE settings var width = canvasWidth; let circosHeatmap = new CIRCOS({ container, width, height }); circosHeatmap .layout(subpops, { innerRadius: 220, outerRadius: 220, radialMargin: 0, gap: 0, margin: 0, ticks: { display: false }, labels: { display: false } }) .heatmap("dnaFingerprintTrack1", dnaFingerprintTrack1, { innerRadius: 0.8, outerRadius: 1, logScale: false, color: function(datum, index) { return getSpectralColor(datum, index); } }) .heatmap("dnaFingerprintTrack2", dnaFingerprintTrack2, { innerRadius: 0.6, outerRadius: 0.8, logScale: false, color: function(datum, index) { return getSpectralColor(datum, index); } }) .heatmap("dnaFingerprintTrack3", dnaFingerprintTrack3, { innerRadius: 0.4, outerRadius: 0.6, logScale: false, color: function(datum, index) { return getSpectralColor(datum, index); } }) .heatmap("dnaFingerprintTrack4", dnaFingerprintTrack4, { innerRadius: 0.2, outerRadius: 0.4, logScale: false, color: function(datum, index) { return getSpectralColor(datum, index); } }) .heatmap("dnaFingerprintTrack5", dnaFingerprintTrack5, { innerRadius: 0.0, outerRadius: 0.2, logScale: false, color: function(datum, index) { return getSpectralColor(datum, index); } }) .render(); var tiles = container.querySelectorAll(".tile"); Array.prototype.forEach.call(tiles, function(el) { var currentTileFill = el.getAttribute("fill"); el.setAttribute("stroke", currentTileFill); }); return container; }2f:T15a4,function transformAPI(apiResponse) { // 1. Grab the key information // console.log(apiResponse) var kit = apiResponse.kit var nodeCreatedAt = apiResponse.node_created_at // var galaxyUrl = apiResponse.galaxy_url // var galaxyUrl = phylosMeDisplay var preferredCustomer = false if (preferredCustomer) { // var organizationName = toTitleCase(apiResponse.organization) } else { var organizationName = 'GENOTYPE' } // for later... // var strainName = toTitleCase(apiResponse.declared_strain) // This is all removed because there are not static svg elements in the index anymore. // Set the seal text values //if (options.showTitle) { // document.querySelector('h1').innerHTML = 'Seal for ' + declaredStrain //} // document.querySelector('#cert-date-text').innerHTML = nodeCreatedAt // document.querySelector('#org-text').innerHTML = organizationName // 2. isolate the sup-populations var skunk_samples = []; var berry_samples = []; var landrace_samples = []; var ogkush_samples = []; var hemp_samples = []; var cbd_samples = []; // 3. re-structure the individual sample objects var zed = 0; var len = apiResponse.cells.length for(zed = 0; zed < len; zed++) { var sample = {}; var subpopName = apiResponse.cells[zed].population_name; subpopName = subpopName.replace(/\s/g, ''); sample.subpop = subpopName.toLowerCase(); sample.start = 0; sample.end = 0; sample.value = apiResponse.cells[zed].cell_color_code; // Based on the sample name, distrubute to ubpopulation arrays switch(sample.subpop) { case "skunk": skunk_samples.push(sample); break; case "berry": berry_samples.push(sample); break; case "landrace": landrace_samples.push(sample); break; case "ogkush": ogkush_samples.push(sample); break; case "hemp": hemp_samples.push(sample); break; case "cbd": cbd_samples.push(sample); break } } var totalPopulation = [skunk_samples, berry_samples, landrace_samples, ogkush_samples, hemp_samples, cbd_samples]; var additives = [0,30,60,90,120,150]; var dicedSubPopulations = [[],[],[],[],[]]; var q = 0; // per sub-population, multiply and change the values for different spectral colors for(q = 0; q < totalPopulation.length; q++) { var p = 0; for(p=0; p < totalPopulation[q].length; p++) { if(totalPopulation[q][p].value == 0) { totalPopulation[q][p].value = 0; } else { totalPopulation[q][p].value = (totalPopulation[q][p].value * 10) + additives[q]; } } } // per sub-population, calculate the modal (non-zero) value var subpopModes = [] for(q = 0; q < totalPopulation.length; q++) { var subpopValueArray = [] var p = 0; for(p=0; p < totalPopulation[q].length; p++) { subpopValueArray.push(totalPopulation[q][p].value) } // console.log(subpopValueArray) // console.log(mode(subpopValueArray)) subpopModes.push(mode(subpopValueArray)) } // console.log(subpopModes) // One more loop for old times sake! Re-assign 0s to the mode instead for(q = 0; q < totalPopulation.length; q++) { var p = 0; for(p=0; p < totalPopulation[q].length; p++) { if(totalPopulation[q][p].value == 0) { totalPopulation[q][p].value = subpopModes[q] } } } // Arrange sub-populations into groups for rings dicedSubPopulations[0] = [totalPopulation[0].slice(0,20), totalPopulation[1].slice(0,20), totalPopulation[2].slice(0,20), totalPopulation[3].slice(0,20), totalPopulation[4].slice(0,20), totalPopulation[5].slice(0,20)] dicedSubPopulations[1] = [totalPopulation[0].slice(20,40), totalPopulation[1].slice(20,40), totalPopulation[2].slice(20,40), totalPopulation[3].slice(20,40), totalPopulation[4].slice(20,40), totalPopulation[5].slice(20,40)] dicedSubPopulations[2] = [totalPopulation[0].slice(40,60), totalPopulation[1].slice(40,60), totalPopulation[2].slice(40,60), totalPopulation[3].slice(40,60), totalPopulation[4].slice(40,60), totalPopulation[5].slice(40,60)] dicedSubPopulations[3] = [totalPopulation[0].slice(60,80), totalPopulation[1].slice(60,80), totalPopulation[2].slice(60,80), totalPopulation[3].slice(60,80), totalPopulation[4].slice(60,80), totalPopulation[5].slice(60,80)] dicedSubPopulations[4] = [totalPopulation[0].slice(80), totalPopulation[1].slice(80), totalPopulation[2].slice(80), totalPopulation[3].slice(80), totalPopulation[4].slice(80), totalPopulation[5].slice(80)] var theFiveRings = [[],[],[],[],[]]; var i = 0; var j = 0; var n = 0; for (i=0; i