cell = {
const calendar = d3.select('#calendar tbody');
const tr = calendar.selectAll('tr').data(yearlyData.entries()).enter().append('tr');
tr.append('td').attr('class', 'label').text(d => d.key);
const td = tr
.selectAll('.box')
.data(function(d) {
const MathData = Object.keys(month).map(i => {
const val = d.value.get(i);
const length = !val ? 0 : val.length;
return { label: month[i], val: val, length: length };
});
return MathData;
})
.enter()
.append('td')
.attr('class', 'box')
.attr('data-label', d => d.label);
const cell = td
.selectAll('.cell')
.data(d => !d.val ? [] : d.val )
.enter()
.append('a')
.attr('class', 'cell')
.attr('target', '_blank')
.attr('href', d => d.URL)
.text(d => d['タイプ'][0])
.style('background-color', d => color[d['タイプ']]);
return cell;
}