🐝 Beeswarm plot в DataLens Дошли руки поиграться с Chart Editor в DataLens. Давно хотелось добавить в систему свой любимый тип графика: рандомизированную точечную диаграмму (jitter plot) или похожую диаграмму пчелиного роя (beeswarm plot). Заодно прям кратко расскажу как делать такие графики. В Chart Editor код для графика разбит на несколько вкладок: — Meta — для указания ссылки на источник данных — Params — для хранения переменных и полей, которые можно менять с помощью параметров на дашборде. Здесь же придётся описывать все фильтры, которые могут действовать на график. — Source — для загрузки и выбора данных — Prepare — основной код, отвечающий за обработку данных и отрисовку графика Сначала надо выбрать откуда вы будете забирать данные, их можно забирать из подключения, датасета или даже из сторонних API. А дальше использовать соответствующие встроенные функции для сбора данных на вкладке Source. Затем в вкладке Prepare написать основной код. Эта вкладка — основная, по сути, это JavaScript-файл, но он запускается не в браузере напрямую, а внутри специальной среды исполнения в DataLens. В этой среде действуют определённые ограничения и требования к коду — в результате исполнения кода всегда должна быть экспортирована одна или несколько функций (например, render), а не просто содержаться произвольный код. Поэтому код всегда оборачивается в функцию и экспортируется через служебную конструкцию module.exports. И в конце нужно определить как ваш график будет взаимодействовать с фильтрами и параметрами. Для этого надо задать нужные переменные в Parameters и использовать эти параметры в коде, а их названия в селекторах на дашборде. На самом деле деление по вкладкам условное и скорее нужно для того, чтобы была структура и её действительно удобно придерживаться. Из далека это звучит сложновато, но на практике, если использовать LLM-ки и скормить им документацию и немного привыкнуть к структуре кода, то можно быстро делать классные штуки. Запись вебинара с объяснением того, как работает Chart Editor — тут, а в комментариях приложу код для такого графика. Если у вас платный тариф не бойтесь попробовать делать свои графики! #datalens