Changed color spectrum for heatmap

				})

			);

			const allDistances = heatmapRows.flatMap(rowData =>

				rowData.columns.map(face => face.distance)

			);

			const allDistances = heatmapRows

				.flatMap(rowData => rowData.columns.map(face => face.distance))

				.filter(distance => distance !== 0);

			const minDistance = Math.min(...allDistances);

			const maxDistance = Math.max(...allDistances);

			setColorScale(() =>

				scaleLinear<string>({

					domain: [minDistance, maxDistance],

					domain: [maxDistance, minDistance],

					range: [startColor, endColor]

				})

			);