Привет! Сегодня разберёмся, что такое Apache Superset, CSS, и как сделать твой dashboards максимально привлекательным в оформлении фирменных цветов и просто - вкуса.
Начнём с того, что такое Apache Superset? С помощью Superset можно создавать и настраивать множество типов визуализаций, включая гистограммы, круговые диаграммы, диаграммы рассеяния, столбчатые диаграммы, графики временных рядов и т. д. Superset также поддерживает фильтрацию и сортировку данных, агрегирование и группирование, а также другие операции для анализа данных. Подробнее об этом - можно узнать в моей статье https://dzen.ru/a/ZB2t2VCx8i135c9V.
Так, а теперь разберёмся что за CSS? И на кой он здесь нужен?
Аббревиатура CSS расшифровывается как Cascading Style Sheets, проще говоря «каскадные таблицы стилей». Это язык разметки, используемый для визуального оформления веб-сайтов. Объекты, расположенные на страницах, размещаются с помощью HTML. А вот CSS отвечает за то, как эти объекты выглядят. Их размер, цвет, фоновое изображение, степень прозрачности, расположение относительно других элементов, поведение при наведении курсора, визуальное изменение кнопок при нажатии и т.п.
Ну вот мы и на полпути к истине.
Ну а теперь к сути:
Как я и говорил в своей прошлой статье - Apache superset имеет довольно таки хорошие и даже креативные возможности.
Проработав небольшое количество времени аналитиком данных, наше руководство задалось вопросим:
- А как мы можем изменить бледный белый фон на что-то красивое и фирменное? Что бы так сказать глаз радовался.
Вся команда начала активно сёрфить на просторах интернета, в поисках этого непросто ответа, начинали с русскоязычных сайтов и заканчивали на англоязычных ресурсах, информация была - но было её на столько мало, что приходилось собирать пазлы воедино, дабы получилось хоть что-то. Но постепенно и маленькими шажками мы поняли - это реально.
что может быть прекраснее в отчаянии искать информацию? Например взять инициативу и написать статейку, на своём опыте, что бы избавить многих пользователей от мучений
p.s. Да-да, много воды
Перейдём к сокровищу знаний:
- Сначала нам нужно перейти в сам дашборд, а после чего - нажать волшебную кнопку его редактирования:
- Дальше мы увидим активное окно редактирования, в котором нажимаем на три точки:
- После чего нам нужно перейти в "Редактировать CSS" и мы увидим всплывающее окно, куда нужно вставить CSS:
- первое поле отвечает за цвет фона в вашем дашборде, второй же отвечает за цвет вкладки, в которую вы помещаете ваши графики, а третий - отвечает за цвет во вкладке с названием вашего дашборда.
p.s. дашборд не могу показать, по соображениям того, что нельзя, попробуйте сами)
Ну вот, всё легко и просто, пару строк кода - немножко магии и ваш дашборд может выглядеть именно в том стиле, который вам нужен, на мой взгляд - это очень нужное и полезное знание для тех, кто строит чартсы через Apache Superset, ведь практически у каждой компании присутствуют индивидуальные цветовые гаммы, которые хотелось бы видеть конечному потребителю - будь это ваш руководитель, или продавец, который ежедневно следит за выполнением показателей. На много приятнее смотреть и ориентироваться на тот дашборд, который выглядит стильно и аккуратно, без монотонного белого цвета.
В следующей статье - расскажу и покажу как поменять цвет почти любого графика на дашборде, по каталогу RAL с помощью CSS.