Spaces:
Running
Running
File size: 2,419 Bytes
40559c4 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 |
window.makeSel = function(){
function ttFmt(d){
var ttSel = d3.select('.tooltip').html('')
var ageStr = d.age + ' year old'
if (slides.curSlide.index == 4){
ageStr = ageStr + ' born in the ' + ['spring', 'summer', 'fall', 'winter'][d.season]
}
ttSel.append('div').html(`
${ageStr} from ${d.state} who
${d.plagerized ?
'<span class="highlight purple">plagiarized</span>' :
'<span class="highlight grey">never plagiarized</span>'}
`)
if (slides.curSlide.index < 6) return
var isHeads = d.coinVals[estimates.active.index] < sliders.headsProb
ttSel.append('div').html(`
They flipped
${isHeads ? 'heads' : 'tails'}
and said they had
${d.plagerized || isHeads ?
'<span class="highlight purple-box box">plagiarized</span>' :
'<span class="highlight grey-box box">never plagiarized</span>'}
`)
.st({marginTop: 10})
}
var rectAt = {}
var rs = (axii.bw - 10)*2
rectAt.ageState = {width: rs, height: rs, x: -rs/2, y: -rs/2}
var uniqueBox = c.svg.appendMany('rect.unique.init-hidden', students.byAgeState.filter(d => d.length == 1))
.translate(d => d.pos)
.at(rectAt.ageState)
var rs = axii.bw/4 + 5.5
rectAt.ageStateSeason = {width: rs, height: rs, x: Math.round(-rs/2), y: 4}
var uniqueSeasonBox = c.svg.appendMany(
'rect.unique.init-hidden',
students.byAgeStateSeason.filter(d => d.length == 1 && d[0].group.ageState.length > 1))
.translate(d => d.pos)
.at(rectAt.ageStateSeason)
// number of uniquely id'd students
// console.log(uniqueSeasonBox.size())
var studentGroup = c.svg.append('g')
.at({width: 500, height: 500})
var student = studentGroup.appendMany('g.student', students.all)
.call(d3.attachTooltip)
.on('mouseover', ttFmt)
.translate(d => d.isAdditionalStudent ? [0,0]: d.pos.grid)
.classed('inactive', d => d.isAdditionalStudent)
var rs = 16
var flipCircle = student.append('circle')
.at({transform: 'scale(.1)'})
.at({r: 9, fill: '#fff'})
.at({stroke: '#b0b' })
var circle = student.append('circle').at({
r: 5,
fill: d => d.plagerized ? '#f0f' : '#ccc',
stroke: d => d.plagerized ? '#b0b' : '#aaa',
strokeWidth: 1,
})
addSwoop(c)
return {student, studentGroup, circle, flipCircle, rectAt, uniqueBox, uniqueSeasonBox}
}
if (window.init) window.init()
|