RAX7

Для верхней картинки
pointer-events: none;
https://developer.mozilla.org/ru/docs/Web/CSS/poin...

Count Tool

Думаю придется переписать на webGL. Проще всего с использованием PIXIJS, для него есть готовый фильтр motion blur https://pixijs.io/pixi-filters/tools/demo/

Вся математика описана здесь: https://math.stackexchange.com/a/339033
Там же есть и proof-of-concept https://jsfiddle.net/dFrHS/1/
Можно воспользоваться этим фидлом чтобы посчитать матрицу трансформации. Для этого берем координаты углов полигона и его размеры и подставляем в переменную corners (ширину и высоту задаем через CSS).
Затем через инструменты разработчика смотрим примененную transform: matrix3d
Можно пойти дальше и попробовать получить угол поворота из матрицы How to extract euler angles from transformation matrix, а можно не замарачиваться и использовать transform: matrix3d как есть.

Высота этой плашки по центру +/- предсказуема, поэтому можно просто задать для нее отрицательный margin-bottom равный половине высоты плашки. Этот вариант не идеальный и не всегда выравнивание будет по центру, но зато работает без js.

document.getElementById('b').addEventListener('click', clicker2.bind(null, target));

function clicker2(target, e){
либо

document.getElementById('b').addEventListener('click', () => clicker2(event, target));

Это скорее всего сетчатый градиент (mesh gradient). Ни css, ни svg такого не умеют. Можно сымитировать через наложение радиальных градиентов.

let out = [];
for (let i = 0, j = 10; i <= 10; i++, j--) {
  out.push(i, j);
}
console.log(out.join(' '));

Можно с помощью box-shadow накрыть часть градиента, чтобы получить такой эффект, но это тоже костыльный способ.

Либо вариант с clip-path

Сам вырез можно сделать радиальным градиентом, как здесь:
Как адаптивно сверстать блок с вырезом-полукругом? SVG-маска?
Тень - filter: drop-shadow
Уши - псевдо-элементами

Как сделать вот такие скругления?
https://en.m.wikipedia.org/wiki/Squircle

chartjs

const min = +oneType.getAttribute('min');
const max = +oneType.getAttribute('max');
nOne = (oneType.value - min) * 100 / (max - min);