Tistols Platform

Инфографика

Инфографика для Тильды

Десять анимированных графиков: кривые, столбцы, шкалы, полукруги и кольца — со своими данными и цветами.

Открыть в генераторе

Бесплатно: настройте и скопируйте код без регистрации.

Готовые шаблоны

Начните с шаблона и поменяйте под себя: в генераторе у каждого шаблона те же настройки, что у мода.

Как поставить на Тильду

Отдельным блоком: добавьте блок T123 «HTML-код» и вставьте код из кнопки «Скопировать код на Тильду». Карточка с графиком встанет по центру блока — своей ширины и высоты.

Внутри Zero Block: в конфигураторе выберите «В элементе по классу» и задайте класс (например, chart). В Zero Block добавьте фигуру нужного размера и впишите этот класс в поле «CSS Class Name» — график заполнит её целиком. Код вставьте в блок T123 на этой же странице.

Анимация запускается, когда график появляется в экране. Опубликуйте страницу — в режиме редактирования Тильды графики не рисуются. На странице можно поставить несколько графиков с разными настройками — они друг другу не мешают.