GreatRash

sessionStorage

UPD:
Или даже не так - localStorage: когда новый юзер покидает страницу (onBeforeUnload) установите ему флаг, что он уже не новый.

Вам нужно почитать про атрибут preserveAspectRatio.

// instantiate a loader
var loader = new THREE.TextureLoader();

// load a resource
loader.load(
	// resource URL
	'textures/land_ocean_ice_cloud_2048.jpg',

	// onLoad callback
	function ( texture ) {
		// in this example we create the material when the texture is loaded
		var material = new THREE.MeshBasicMaterial( {
			map: texture
		 } );
	},

	// onProgress callback currently not supported
	undefined,

	// onError callback
	function ( err ) {
		console.error( 'An error happened.' );
	}
);

Не пишите велосипеды. Юзайте готовое решение.

В песочнице код выполняется во фрейме, соответственно window ссылается не на верхнее окно браузера, а на окно фрейма. А оно не блюрится. Можно проверить написав туда alert, есть мнение, что он не всплывёт.

https://codepen.io/bramus/pen/eZYqoO

SVG - проще, есть DOM, поддерживает гиперсылки.

Бесят эти синтетические вопросы с собеседований...
Потому что, для начала человека, который пишет такой код, нужно линейкой по рукам бить.

.drawImage()
sx, sy - координаты точки откуда начинать кадрирование
sWidth, sHeight - ширина и высота кадрирования

Вы реализуете заливку при помощи линейного градиента (linear gradient), а вам нужен угловой градиент (angle gradient) или иногда его называют конический градиент (conic gradient). На сколько я знаю SVG, CSS, и прочие канвасы его делать не умеют, потому что W3C никак не могут договориться по каким формулам его считать.

Попробуйте погуглить: вероятно его можно как-то через одно место эмулировать, но лично я бы в продакшн не стал кривые решения тащить, проще договориться с дизайнером о переделке диаграммы.