Створити графік який буде поєднувати в собі heat map та tree map з ієрархією

Closed Posted 5 years ago Paid on delivery
Closed Paid on delivery

творити графік який буде поєднувати в собі heat map та tree map з ієрархією, але не більше 3 рівнів: графік представляє собою набір прямокутників площа яких віповідає значенню показнику value_x, а колір значенню показнику value_y. Кожен такий прямокутник може містити в собі дочірні елементи які являють собою такі самі прямокутники.

Дані для графіку будуть змінюватися кожні 15 секунд - графік має швидко рендериться.

Графік має генерувати наступні події з передачею інформації про прямокинк взаємодія з яким відбувається:

# click;

# mouse enter;

# mouse leave;

# touch.

Наведення мишки на дочірній прямокутник має змінювати оформлення батьківського елементу (hover effect). Реалізувати за допомогою оброблення mouse enter/mouse leave - це дасть змогу одночасно кастамізувати ефект.

Графік має масштабуватися - параметр який відповідає за масштаб з можливістю зміни масштабу динамічно.

Графік має бути responsive.

Може розміщуватися декілька екземплярів графіків на одній сторінці.

Вхідні данні:

interface Item {

title: string;

xValue: number;

yValue: number;

xValueShow: string | number;

yValueShow: string | number;

extra: any;

children: Item[];

};

Вхідні данні - масив екземплярів типу Item.

Приклад:

Дивись файл [login to view URL]

Приклад рендеру:

// Рендер

Frontend Development JavaScript

Project ID: #17147606

About the project

6 proposals Remote project Active 5 years ago

6 freelancers are bidding on average $546 for this job

rajneeshsaini

Dear Hiring Manager, Hope you are doing great!! --You’ll get all the expected stuff like a great professional service and a fast turn around, at a bit less, and I get a bit more exposure. I have read you de More

$722 USD in 10 days
(2 Reviews)
3.8
rp07364

Hi threre, We are STinfotech is a fast growing IT company having more than 5+ years of experience. We providing services in website (php/wordpress/joomla/magento) & application (android/iOS) designing & development. More

$388 USD in 10 days
(0 Reviews)
0.0