const exitTransition = d3.transition().duration(500)
		const updateTransition = exitTransition.transition().duration(500)
		
		groups.selectAll("rect")
			.data(D => D.map(d => {
				type DataWithKey = typeof d & { key: string }
				const dataWithKey = d as DataWithKey;
				dataWithKey.key = D.key;
				return dataWithKey
			}))
			.join(
			(enter) => enter.append('rect')
						.attr("x", d => { return xScale(d.data[0]) ?? 0 })
						.attr("y", this.sizes.height - this.sizes.marginBottom)
						.attr("height", 0)
						.attr("width", d => xScale.bandwidth()),
			(update) => update,
			(exit) => exit.transition(exitTransition)
				    .attr('y', this.sizes.height - this.sizes.marginBottom)
				    .attr('height', 0)
				    .remove()
	    )
			.transition(updateTransition)
			.attr("x", d => { return xScale(d.data[0]) ?? 0 })
			.attr("y", d => y(d[1]))
			.attr("height", d => y(d[0]) - y(d[1]))
			.attr("width", d => xScale.bandwidth())