function drawBatches() { var batchesAreFlawless = []; var samples = []; var i, j; for (i = 1; i <= numBatches; i++) { let batch = []; let batchIsFlawless = Math.random() > fracFlawedBatches; for (j = 1; j <= numSamplesPerBatch; j++) { if (batchIsFlawless || (Math.random() > fracBadSamplesInFlawedBatches)) { batch.push(0); } else { batch.push(1); } } batchesAreFlawless.push(batchIsFlawless); samples = samples.concat([batch]); }; var batchIdx = 0; var sampleIdx = 0; const indexedSamples = samples.map(batch => { const indexedBatch = batch.map(sample => { const indexedSample = { sample: sample, rowIdx: batchIdx, columnIdx: sampleIdx, batchIsFlawless: batchesAreFlawless[batchIdx], }; sampleIdx += 1; return indexedSample; }); batchIdx += 1; sampleIdx = 0; return indexedBatch; }).flat(); const gap = 5; const labelSpacing = 20; const size = Math.min((width - labelSpacing)/(numSamplesPerBatch + 2), (height - labelSpacing)/(numBatches + 2)) - gap; const columnWidth = size + gap; const rowHeight = size + gap; return html`` }