table(wowTableData, { sortable: true, paged: 200, columns: { network: { title: '', formatter(val, i) { return html`${val}`; } }, week1avg: { title: 'W1', formatter(val, i) { return html`${d3.format( '.3s' )(val)}`; } }, week2avg: { title: 'W2', formatter(val, i) { return html`${d3.format( '.3s' )(val)}`; } }, change21: { title: 'W1-W2', type: 'number', formatter(val, i) { let color = d3 .scaleLinear() .domain([ d3.min(wowTableData, function(d) { return d.change21; }), 0, d3.max(wowTableData, function(d) { return d.change21; }) ]) .range(["#f4c8cf", "#f8f8f8", "#c8f4cb"]); return html`${d3.format('+.1%')( val )}${val > 0 ? '↑' : '↓'} `; } }, delta21: { title: '', formatter(val, i) { return html`${d3.format( '+.3s' )(val)}`; } }, week3avg: { title: 'W3', formatter(val, i) { return html`${d3.format( '.3s' )(val)}`; } }, change32: { title: 'W2-W3', formatter(val, i) { let color = d3 .scaleLinear() .domain([ d3.min(wowTableData, function(d) { return d.change32; }), 0, d3.max(wowTableData, function(d) { return d.change32; }) ]) .range(["#f4c8cf", "#f8f8f8", "#c8f4cb"]); return html`${d3.format('+.1%')( val )}${val > 0 ? '↑' : '↓'} `; } }, delta32: { title: '', formatter(val, i) { return html`${d3.format( '+.3s' )(val)}`; } }, week4avg: { title: 'W4', formatter(val, i) { return html`${d3.format( '.3s' )(val)}`; } }, change43: { title: 'W3-W4', formatter(val, i) { let color = d3 .scaleLinear() .domain([ d3.min(wowTableData, function(d) { return d.change43; }), 0, d3.max(wowTableData, function(d) { return d.change43; }) ]) .range(["#f4c8cf", "#f8f8f8", "#c8f4cb"]); return html`${d3.format('+.1%')( val )}${val > 0 ? '↑' : '↓'} `; } }, delta43: { title: '', formatter(val, i) { return html`${d3.format( '+.3s' )(val)}`; } }, series: { title: '', formatter(val, i) { console.log(val); return ''; } } } })