[Документация Yandex Cloud](../../index.md) > [Практические руководства](../index.md) > [Анализ и визуализация данных](index.md) > DataLens > Знакомство с DataLens > Простой дашборд из CSV-файла

# Простой дашборд из CSV-файла


{% note warning %}

Часть ресурсов, необходимых для прохождения практического руководства, доступны только в [регионе Россия](../../overview/concepts/region.md).

{% endnote %}



{% note info %}

В рамках руководства все объекты будут создаваться и храниться в воркбуке. Если вы пользуетесь старой навигацией, создайте отдельную папку и работайте в ней. 

{% cut "Создать папку" %}

1. Перейдите на [главную страницу](https://datalens.ru/?skipPromo=true) DataLens.
1. На панели слева выберите ![](../../_assets/console-icons/folders.svg) **Все объекты** или ![](../../_assets/console-icons/folder-house.svg) **Личная папка**.
1. В правом верхнем углу нажмите **Создать** → **Папку**.
1. Введите название папки.
1. Нажмите кнопку **Создать**.

{% endcut %}

{% endnote %}


В этом руководстве будет продемонстрировано, как DataLens можно использовать для исследования зависимостей, например:

* Цвет глаз и цвет волос супергероя от его пола.
* Цвет глаз и цвет волос от его принадлежности к лагерю хороших или плохих.

В качестве исходных данных будет использоваться файл `SuperHeroes.csv` с информацией о супергероях — имя, пол, раса, издатель комиксов и т. д. [Скачайте](https://storage.yandexcloud.net/datalens/SuperHeroes.csv) его перед прохождением руководства.

Для визуализации и исследования данных [подготовьте DataLens к работе](#before-you-begin), затем выполните следующие шаги:

1. [Создайте воркбук](#create-workbook).
1. [Создайте подключение](#create-connection).
1. [Создайте датасет](#create-dataset).
1. [Создайте чарт — столбчатая диаграмма](#create-column-chart).
1. [Создайте чарт — кольцевая диаграмма](#create-ring-chart).
1. [Создайте дашборд и добавьте на него чарты](#create-dashboard).
1. [Добавьте селекторы на дашборд](#add-selectors).
1. [Приступите к исследованию зависимостей и данных о супергероях](#search-on-dashboard).


## Перед началом работы {#before-you-begin}

Чтобы начать работать с DataLens:


{% list tabs group=datalens_user %}

- Новый пользователь {#new}

  1. [Войдите](https://passport.yandex.ru/auth) в ваш аккаунт на Яндексе. Если у вас еще нет аккаунта, [создайте](https://yandex.ru/support/passport/authorization/registration.html) его.
  1. Откройте [главную страницу](https://datalens.ru/promo) DataLens.
  1. Нажмите **Начать в облаке**.
  1. Подтвердите, что ознакомились с [Условиями использования](https://yandex.ru/legal/cloud_termsofuse/?lang=ru) и принимаете их и нажмите кнопку **Войти**.

- Уже использую Yandex Cloud {#already}

  1. [Войдите](https://passport.yandex.ru/auth) в ваш аккаунт на Яндексе.
  1. Откройте [главную страницу](https://datalens.ru/promo) DataLens.
  1. Нажмите **Начать в облаке**.
  1. Выберите один из вариантов:

     * Если у вас уже есть организация, выберите ее в выпадающем меню на вкладке **Организации** и нажмите **DataLens**.

       {% note info %}

       Для активации экземпляра DataLens пользователю нужна роль `admin` или `owner`. Подробнее про роли смотрите в разделе [Управление доступом в Yandex Identity Hub](../../organization/security/index.md).

       {% endnote %}

     * Если у вас есть облако, но нет организации, нажмите **Добавить новый DataLens**. В открывшемся окне введите название и описание организации и нажмите **Создать организацию и DataLens**. Подробнее о работе с организациями смотрите в разделе [Начало работы с организациями](../../organization/quickstart.md).

{% endlist %}

Если у вас возник технический вопрос по работе сервиса, обратитесь в [службу поддержки](https://kz.center.yandex.cloud/support) Yandex Cloud. Чтобы спросить совета, обсудить решение вашей задачи или лучшие практики работы сервиса, напишите в чат [DataLens](https://t.me/YandexDataLens) в Telegram.

## Создайте воркбук {#create-workbook}

1. Перейдите на [главную страницу](https://datalens.ru/?skipPromo=true) DataLens.
1. На панели слева выберите ![collections](../../_assets/console-icons/rectangles-4.svg) **Коллекции и воркбуки**.
1. В правом верхнем углу нажмите **Создать** → **Создать воркбук**.
1. Введите название [воркбука](../../datalens/workbooks-collections/index.md) — `Практические руководства`.
1. Нажмите кнопку **Создать**.


## Создайте подключение {#create-connection}

Создайте [подключение](../../datalens/concepts/connection/index.md) к файлу с исходными данными.


1. В правом верхнем углу воркбука нажмите **Создать** → ![image](../../_assets/console-icons/thunderbolt.svg) **Подключение**.



1. В разделе **Файлы и сервисы** выберите подключение **Файлы**.
1. Нажмите кнопку ![image](../../_assets/console-icons/plus.svg) **Загрузить файлы**.
1. Выберите файл **SuperHeroes.csv**. Дождитесь, когда на экране появится содержимое таблицы.
1. Нажмите кнопку **Создать подключение**.

   ![image](../../_assets/datalens/solution-01/01-save-file-connection.png)

1. Введите название подключения — `SuperHeroes` и нажмите кнопку **Создать**.

## Создайте датасет {#create-dataset}

Создайте [датасет](../../datalens/dataset/index.md) на базе подключения `SuperHeroes`:

1. На странице подключения в правом верхнем углу нажмите кнопку **Создать датасет**.
1. Перейдите на вкладку **Поля**.
1. Создайте поле с показателем количества супергероев:

   1. Продублируйте поле `Name` — в правой части строки с полем нажмите ![image](../../_assets/console-icons/ellipsis.svg) и выберите **Дублировать**.
   1. Переименуйте дубликат поля `Name (1)` в `Heroes count`: нажмите на имя поля, удалите текущее имя и введите новое.
   1. В столбце **Агрегация** выберите **Количество уникальных**. Поле с агрегацией поменяет цвет на синий: оно стало показателем.

      ![image](../../_assets/datalens/solution-01/03-count-heroes.png)
   
1. Сохраните датасет:

   1. В правом верхнем углу нажмите кнопку **Сохранить**.
   1. Введите название датасета — `SuperHeroes dataset` и нажмите кнопку **Создать**.

## Создайте чарт — столбчатая диаграмма {#create-column-chart}

Для визуализации разделения супергероев по принадлежности к лагерю хороших или плохих создайте [чарт](../../datalens/concepts/chart/index.md) — [столбчатую диаграмму](../../datalens/visualization-ref/column-chart.md):

1. На странице датасета в правом верхнем углу нажмите кнопку **Создать чарт**.
1. Добавьте в чарт признак принадлежности к лагерю хороших или плохих. Для этого из раздела **Измерения** перетащите поле `Alignment` в секцию **X**.
1. Добавьте в чарт количество супергероев. Для этого из раздела **Показатели** перетащите поле `Heroes count` в секцию **Y**.
1. Отсортируйте столбцы по количества супергероев. Для этого из раздела **Показатели** перетащите поле `Heroes count` в секцию **Сортировка**.

   ![image](../../_assets/datalens/solution-01/04-chart-section-1.png)

1. Добавьте на график цветовое разделение супергероев по признаку принадлежности к лагерю хороших или плохих. Для этого из раздела **Измерения** перетащите поле `Alignment` в секцию **Цвета**.
1. Переопределите цвета значений измерения `Alignment`:

   1. Нажмите значок ![image](../../_assets/console-icons/gear.svg) в секции **Цвета** (значок появляется при наведении указателя на секцию).
   1. Выберите цвета: **good** — зеленый, **neutral** — синий, **bad** — красный, **unknown** — оранжевый.
   1. Нажмите кнопку **Применить**.

      ![image](../../_assets/datalens/solution-01/06-chart-color-set1.png)

1. Добавьте на график подписи с количеством супергероев. Для этого из раздела **Показатели** перетащите поле `Heroes count` в секцию **Подписи**.

   ![image](../../_assets/datalens/solution-01/05-chart-section-2.png)

1. Сохраните чарт:

   1. В правом верхнем углу нажмите кнопку **Сохранить**.
   1. В открывшемся окне введите название чарта `SuperHeroes — alignment` и нажмите кнопку **Сохранить**.

   ![image](../../_assets/datalens/solution-01/08-chart-save.png)

## Создайте чарт — кольцевая диаграмма {#create-ring-chart}

Для отображения количества героев каждого пола создайте [кольцевую диаграмму](../../datalens/visualization-ref/ring-chart.md).

1. Создайте копию чарта, созданного на предыдущем шаге:

   1. В правом верхнем углу нажмите значок ![save-button](../../_assets/console-icons/chevron-down.svg) → **Сохранить как копию**.

      ![save-chart-as-copy](../../_assets/datalens/solution-01/09-save-chart-as-copy.png)

   1. В открывшемся окне введите название нового чарта `SuperHeroes — gender` и нажмите кнопку **Сохранить**.

1. Выберите тип визуализации **Кольцевая диаграмма**.

   ![image](../../_assets/datalens/solution-01/10-choose-ring-chart.png)

1. Замените цветовое разделение супергероев по принадлежности к лагерю хороших или плохих на цветовое разделение по половой принадлежности. Для этого из раздела **Измерения** перетащите поле `Gender` в секцию **Цвет** и наведите его над полем `Alignment`, пока то не станет красным.
1. Переопределите цвета значений измерения `Gender`:

   1. Нажмите значок ![image](../../_assets/console-icons/gear.svg) в секции **Цвета** (значок появляется при наведении указателя на секцию).
   1. Выберите цвета: **Female** — розовый, **Male** — синий, **unknown** — оранжевый.
   1. Нажмите кнопку **Применить**.

1. Установите отображение количества супергероев для каждого пола в процентах:

   1. Нажмите значок перед названием поля в секции **Подписи**.
   1. В поле **Значение подписи** выберите `В процентах`, затем нажмите кнопку **Применить**.

   ![image](../../_assets/datalens/solution-01/10-set-percent.png)

1. Сохраните чарт — в правом верхнем углу нажмите кнопку **Сохранить**.

   ![image](../../_assets/datalens/solution-01/10-save-chart-alignment.png)

## Создайте дашборд и добавьте на него чарты {#create-dashboard}

Создайте [дашборд](../../datalens/concepts/dashboard.md), на который будут добавлены чарты и другие виджеты:


1. На панели слева выберите ![collections](../../_assets/console-icons/rectangles-4.svg) **Коллекции и воркбуки** и перейдите в воркбук `Практические руководства`.
1. В правом верхнем углу нажмите **Создать** → ![image](../../_assets/console-icons/layout-cells-large.svg) **Дашборд**.



1. На панели в нижней части страницы зажмите ![image](../../_assets/console-icons/chart-column.svg) **Чарт** и перетащите его в нужную область.

   ![add-chart](../../_assets/datalens/solution-01/11-add-chart.png)

1. В открывшемся окне нажмите кнопку **Выбрать**.
1. Выберите чарт `SuperHeroes — gender`.
1. Нажмите кнопку **Добавить**.

   ![image](../../_assets/datalens/solution-01/12-add-chart-window.png)

1. Повторите шаги 3-6, чтобы добавить чарт `SuperHeroes — alignment`.
1. Установите размеры чартов с помощью мыши и расположите их на дашборде в удобном для вас порядке.

   ![image](../../_assets/datalens/solution-01/13-dashboard1.png)

## Добавьте селекторы на дашборд {#add-selectors}

Добавьте [селекторы](../../datalens/dashboard/selector.md), чтобы фильтровать супергероев по цвету глаз (поле `Eye color`) и цвету волос (поле `Hair color`):

1. На панели в нижней части страницы зажмите ![image](../../_assets/console-icons/sliders.svg)  **Селектор** и перетащите его в нужную область.

   ![add-selector](../../_assets/datalens/solution-01/14-add-selector.png)

1. Добавьте селектор по цвету глаз:

   1. Выберите датасет `SuperHeroes dataset`.
   1. Выберите поле `Eye color`.
   1. Включите опцию **Множественный выбор**.
   1. Нажмите кнопку **Сохранить**.

   ![image](../../_assets/datalens/solution-01/15-selector-eye-color.png)

1. Добавьте селектор по цвету волос:

   1. Убедитесь, что выбран датасет `SuperHeroes dataset`.
   1. Выберите поле `Hair color`.
   1. Включите опцию **Множественный выбор**.
   1. Нажмите кнопку **Сохранить**.

1. Расположите селекторы на дашборде в удобном для вас порядке.
1. Сохраните дашборд:

   1. В правом верхнем углу дашборда нажмите кнопку **Сохранить**.
   1. Введите название дашборда `SuperHeroes dashboard` и нажмите кнопку **Создать**.

1. Дашборд готов.

   ![image](../../_assets/datalens/solution-01/16-dashboard-saved.png)

## Исследуйте данные о супергероях {#search-on-dashboard}

1. Примените различные фильтры и исследуйте зависимости цвета глаз и волос от пола и лагеря супергероя.

   ![image](../../_assets/datalens/solution-01/17-final-dashboard.png)

   В датасете, который был исследован, прослеживаются следующие зависимости:

   * С черными глазами больше мужчин, а с зелеными — женщин.
   * С голубыми глазами больше хороших, а с красными — плохих.
   * С красными волосами больше женщин, а с черными — мужчин.
   * С серыми волосами больше плохих, а с коричневыми — хороших.

1. Далее вы можете:

   * создать новые показатели в датасете, например, средний рост (среднее от поля `Height`) и средний вес (среднее от поля `Weight`) супергероев;
   * добавить на дашборд новые чарты, например, индикатор с количеством супергероев или столбчатую диаграмму с количеством супергероев по издательствам;
   * добавить на дашборд новые селекторы, например, для выбора издательства или расы супергероев;
   * попробовать найти новые закономерности.