База знаний НГТУ НЭТИ

Эта страница только для чтения. Вы можете посмотреть её исходный текст, но не можете его изменить. Сообщите администратору, если считаете, что это неправильно.
====== Виды графиков ======
<WRAP group>
<WRAP column 50% >
При [[superset:work_in_superset:charts:create_chart|создании графика]] открывается список из доступных графиков по категориям:
  * **Таблица** \\ Используйте графики из категории Таблица для представления табличных данных или обработки их с помощью агрегатных функций, а также создания сводных таблиц и таблиц временных рядов.
  * **Взаимосвязь (Correlation)** \\ Используйте графики из категории Correlation для отображения взаимосвязей между объектами.
  * **Распределение (Distribution)** \\ Используйте графики из категории Distribution для отображения распределения данных и прочих статистических характеристик.
  * **Изменения во времени (Evolution)** \\ Используйте графики из категории Evolution для отображения изменений во времени какого-либо показателя. 
  * **Потоковая диаграмма (Flow)** \\ Используйте графики из категории Flow для представления какого-либо процесса поэтапно.
  * **Ключевые показатели (KPI)** \\ Используйте графики из категории KPI для выражения показателей результативности и эффективности.
  * **Карта (Map)**
  * **Часть целого (Part of a whole)** \\ Используйте графики из категории Part of whole для отображения сегментов данных и их показателей.
  * **Ранжирование (Ranking)** \\ Используйте графики из категории Ranking для отображения сегментов данных, их показателей и значимости.
  * **Инструменты (Tools)** работы с графиками.
  * **Другое (Other)**
Так же есть ранжирование графиков по тегам (2D, 3D, Время, Описание и другие).
</WRAP>
\\
<WRAP column 30%>
<WRAP center round tip 80%>
Подробнее о том, как создавать графики см. [[superset:work_in_superset:charts:create_chart|Создание графика]].
</WRAP>
\\
<WRAP center round tip 80%>
Для некоторых графиков доступны настройки [[superset:work_in_superset:charts:advanced_analytics|Продвинутая аналитика]], [[superset:work_in_superset:annotation_layers|Слои аннотации]] и [[superset:work_in_superset:charts:predictive_analytics|Предсказательная аналитика]].
</WRAP>
\\ 
<WRAP center round tip 80%>
Имена столбцов можно менять, когда вы добавляете их в поля настроек графика. Однако они не всегда отображаются. Лучше имена столбцов задавать при настройке датасета – см. подробнее [[superset:work_in_superset:datasets:dataset_settings|Настройка датасета]] (касается только столбцов, над которыми не выполняется агрегация или другие манипуляции).
</WRAP>
</WRAP>
</WRAP>



===== Таблица =====
Используйте графики из категории Таблица для представления табличных данных или обработки их с помощью агрегатных функций, а также создания сводных таблиц и таблиц временных рядов.
\\
==== Таблица (Table) ====
<WRAP group>
<WRAP column 30%>
**Таблица** — классическая построчная электронная таблица, похожая на представление набора данных. Используйте таблицы, чтобы продемонстрировать представление базовых данных или показать агрегированные показатели.\\
При создании графика в категории Таблица выбираем тип **Таблица**.\\ \\
</WRAP>

<WRAP column 30%>
{{:superset:work_in_superset:charts:types_table_4.png?nolink&400|}}\\
//Пример графика Таблица//
</WRAP>
<WRAP column 30%>
{{:superset:work_in_superset:charts:types_table_1.png?nolink&400|}}\\
//Создание графика Таблица//
</WRAP>
</WRAP>

\\ \\
<WRAP group>
<WRAP column 60%>
В редакторе графика раздел **Данные** определены следующие настройки:
  ***Тип визуализации** позволяет изменять тип графика;
  ***Время** – позволяет настраивать параметры, связанные со временем, а именно название столбца, разделение данных (секунда, минута, час, день, неделя и т.д.) и временной фильтр (диапазон используемых дат);
  ***Запрос** имеет два режима: //с агрегацией (Aggregate)// и //без (Raw records)//. В режиме //с агрегацией//:
    *В **Dimensions** указываются столбцы, по которым должна будет произведена группировка;
    *В **Показатели** прописывается агрегатная функция (count, count_distinct, avg, sum, max, min) и столбец, над которым она будет выполняться. Также можно самостоятельно прописать агрегатную функцию во вкладке **Через SQL**;
    *В **Percentage metrics**, как и для **Показатели**, указываются столбцы, по которым будет выполняться агрегатная функция (count, count_distinct, avg, sum, max, min). Результатом такой функции будут являться не конкретные числа, а процент от общего числа. Также можно самостоятельно прописать агрегатную функцию во вкладке **Через SQL**;
    *В режиме //без агрегации// в **Столбцы** указываются столбцы, которые должны быть показаны;
    ***Фильтр** – условие (where или having), по которому можно ограничить данные из датасета;
    ***Сортировка** – агрегатная функция, по которой будет происходить сортировка;
    ***Лимит строк** – ограничение используемых строк, по которым будет строиться график;
    ***Include time** – использовать ли дату и время в графике;
    ***Сортировать** – столбцы, по которым нужно провести сортировку по возрастанию или по убыванию, соответственно;
    ***Show totals** – нужно ли показывать значение агрегатной функции по всей выборке (независимо от группировки).

\\ 
При нажатии на кнопку **Update chart** график обновится.\\

</WRAP>

<WRAP column 30%>
В редакторе графика раздел **Настроить** определены следующие настройки:
  * **Timestamp format** – формат, в котором будет представляться дата и время;
  * **Page length** – сколько строк таблицы должно быть отображено;
  * **Search box** – поле для поиска в таблице;
  * **Cell bars** – цветовая заполненность ячейки относительно ячейки с наибольшим значением;
  * **Align +/-** – выравнивание ячеек относительно их значений (положительные и отрицательные);
  * **Color +/-** – цветовое выделение ячеек относительно их значений (положительные и отрицательные);
  * **Allow columns to be rearranged** – разрешить пользователям изменять ширину столбцов;
  * **Customize columns** – настройка форматирования столбцов: минимальная ширина ячейки, выравнивание текста, для чисел также - [[https://github.com/d3/d3-format|формат d3]], формат числа, для даты – формат даты;
  * **Conditional formatting (условное форматирование)** – цветовое выделение ячеек в зависимости от условия.
\\ \\


</WRAP>
</WRAP>

----

==== Сводная таблица (Pivot Table) ====
<WRAP group>
<WRAP column 30%>
**Сводная таблица** или **Pivot Table** – используется для суммирования набора данных путем группировки нескольких статистических данных по двум осям. \\
<WRAP center round tip 60%>
Эта диаграмма устарела, рекомендуется вместо нее попробовать сводную таблицу **Pivot Table V2**.
</WRAP>
\\

При создании графика в категории Таблица выбираем тип **Pivot Table**.
</WRAP>

<WRAP column 30%>
{{:superset:work_in_superset:charts:types_pivot_table_2.png?nolink&400|}}\\
//Пример графика Pivot Table//
</WRAP>
<WRAP column 30%>
{{:superset:work_in_superset:charts:types_pivot_table_1.png?nolink&450|}}\\
//Создание графика Pivot Table//

</WRAP>
</WRAP>



\\
<WRAP group>
<WRAP column 60%>
В редакторе графика раздел **Данные** определены следующие настройки:
  * **Тип визуализации** позволяет изменять тип графика;
  * **Время** – позволяет настраивать параметры, связанные со временем, а именно название столбца, разделение данных (секунда, минута, час, день, неделя и т.д.) и временной фильтр (диапазон используемых дат);
  * **Запрос** содержит такие поля:
    * В **Показатели** прописывается агрегатная функция (count, count_distinct, avg, sum, max, min) и столбец, над которым она будет. Также можно самостоятельно прописать агрегатную функцию во вкладке **Через SQL**;
    * **Фильтр** – условие (where или having), по которому можно ограничить данные из датасета;
    * В **Dimensions** указываются столбцы, по которым должна будет произведена группировка. 
    * В **Столбцы** указываются столбцы, которые должны быть показаны.
    * **Лимит строк** – ограничение используемых строк, по которым будет строиться график;
    * **Сортировка** – агрегатная функция, по которой будет происходить сортировка;
  * **Pivot Options** содержит такие поля, как:
    * **Aggregation function** – агрегатная функция для вычисления итоговых показателей (sum, mean, std, var, min, max);
    * **Show totals** – нужно ли показывать значение агрегатной функции по всей выборке (независимо от группировки);
    * **Combine metrics**; 
    * **Transpose Pivot** – поменять местами столбцы и строки.

\\
В редакторе графика раздел **Настроить** определены следующие настройки:
  * **Number format** – формат числовых столбцов (см. подробнее [[https://github.com/d3/d3-format|формат d3]]);
  * **Date format** – формат даты и времени.\\ \\
При нажатии на кнопку **Update chart** график обновится. \\ 
</WRAP>
</WRAP>

----
\\
==== Сводная таблица (Pivot Table v2) ====
<WRAP group>
<WRAP column 30%>
**Сводная таблица** или **Pivot Table** – используется для суммирования набора данных путем группировки нескольких статистических данных по двум осям. \\
При создании графика в категории Таблица выбираем тип **Pivot Table v2**.\\
</WRAP>

<WRAP column 30%>
{{:superset:work_in_superset:charts:types_pivot_table_v2_2.png?nolink&200|}}\\
//Пример графика Pivot Table v2//
</WRAP>
<WRAP column 30%>
{{:superset:work_in_superset:charts:types_pivot_table_v2_1.png?nolink&400|}}\\
//Создание графика Pivot Table v2//
</WRAP>
</WRAP>


\\
<WRAP group>
<WRAP column 60%>
В редакторе графика раздел **Данные** определены следующие настройки:
  * **Тип визуализации** позволяет изменять тип графика.
  * **Время** – позволяет настраивать параметры, связанные со временем, а именно название столбца, разделение данных (секунда, минута, час, день, неделя и т.д.) и временной фильтр (диапазон используемых дат)
  * **Запрос** содержит следующие поля:
    * В **Столбцы** указываются столбцы, по которым должна будет произведена группировка по строкам; 
    * В **Игнорировать** указываются столбцы, по которым хотите произвести группировку по столбцам;
    * В **Показатели** прописывается агрегатная функция (count, count_distinct, avg, sum, max, min) и столбец, над которым она будет выполняться. Также можно самостоятельно прописать агрегатную функцию во вкладке **Через SQL**;
    * В **Apply metrics on** два режима: **Столбцы** – применение настроек к столбцам или **Игнорировать** – к строкам, соответственно; 
    * **Фильтры** – условие (where или having), по которому можно ограничить данные из датасета;
    * **Лимит количества рядов** – количество объектов группировки (указанные в **Dimensions**), которые будут отображаться;
    * **Cell limit** – количество строк датасета, которые будут использоваться;
    * **Сортировка** – агрегатная функция и столбец для сортировки;
  * **Options содержит** следующие надстройки:
    * **Aggregation function** – агрегатная функция для вычисления итоговых показателей (sum, mean, std, var, min, max);
    * **Show row totals** – нужно ли показывать итоговый показатель, посчитанный для строк; 
    * **Show columns totals** – нужно ли показывать итоговый показатель, посчитанный для столбцов; 
    * **Transpose Pivot** – поменять местами столбцы и строки;
    * **Combine metrics**.

</WRAP>

<WRAP column 30%>
В редакторе графика раздел **Настроить** определены следующие настройки:
  * **Value format** – формат числовых данных (см. подробнее [[https://github.com/d3/d3-format|формат d3]]);
  * **Date format** – формат даты и времени;
  * **Sort rows by** – принцип сортировки для строк (по алфавиту, по числовому значению; по возрастанию, по убыванию); 
  * **Sort columns by** – принцип сортировки для столбцов (по алфавиту, по числовому значению; по возрастанию, по убыванию); 
  * **Rows subtotal position** – расположение итоговых показателей, посчитанных для строк (внизу, вверху); 
  * **Columns subtotal position** – расположение итоговых показателей, посчитанных для столбцов (справа, слева); 
  * **Conditional formatting** (условное форматирование) – цветовое выделение ячеек в зависимости от условия.

</WRAP>
</WRAP>
\\ 
При нажатии на кнопку **Update chart** график обновится.
----
\\
==== Таблица временных рядов (Time-series Table) ====
<WRAP group>
<WRAP column 30%>
**Time-series Table** предназначена для быстрого сравнения нескольких диаграмм временных рядов (в виде небольших графиков) и связанных показателей. \\
При создании графика в категории Таблица выбираем тип **Таблица временных рядов.**.
</WRAP>

<WRAP column 30%>
{{:superset:work_in_superset:charts:types_timeseries_table_1.png?nolink&400|}}\\
//Пример графика Time-series Table//
</WRAP>
<WRAP column 30%>
{{:superset:work_in_superset:charts:types_timeseries_table_2.png?nolink&550|}}\\
//Создание графика Time-series Table//
</WRAP>
</WRAP>



<WRAP group>
<WRAP column 60%>
В редакторе графика раздел **Данные** определены следующие настройки:
  * **Тип визуализации** позволяет изменять тип графика;
  * **Время** - позволяет настраивать параметры, связанные со временем, а именно название столбца, разделение данных (секунда, минута, час, день, неделя и т.д.) и временной фильтр (диапазон используемых дат);
  * **Запрос** содержит следующие поля:
    * В **Показатели** прописывается агрегатная функция (count, count_distinct, avg, sum, max, min) и столбец, над которым она будет выполняться. Также можно самостоятельно прописать агрегатную функцию во вкладке **Через SQL**;
    * **Фильтры** – условие (where или having), по которому можно ограничить данные из датасета;
    * В **Dimensions** указываются столбцы, по которым должна будет произведена группировка;
    * **Лимит количества рядов** – количество объектов группировки (указанные в **Dimensions**), которые будут отображаться;
    * В **Столбцы временных рядов** прописываются: 
      * Label – название столбца;
      * Tooltip – информация о столбце, которая будет показана при наведении на имя столбца;
      * Type – тип столбца: Time comparison – сравнение во времени, Contribution – распределение (процентное соотношение), Sparkline – график изменений, Period average – средние показатели за период;
      * Time lag<color #ed1c24>*</color> – количество периодов для сравнения;
      * Type<color #ed1c24>*</color> – тип значения (реальное значение, разность, процент. Процент изменений);
      * Color bounds – диапазон значений, по которому будет применяться цветовая шкала;
      * Number format – формат числовых данных ([[https://github.com/d3/d3-format|формат d3]]);
      * Width<color #ed1c24>*</color> – ширина графика;
      * Height<color #ed1c24>*</color> – высота графика;
      * Time ratio<color #ed1c24>*</color> – количество периодов для соотношения;
      * Show Y-axis<color #ed1c24>*</color> – отображать ли ось Y;
      * Y-axis bounds<color #ed1c24>*</color> – установить минимальные и максимальные значения для оси Y;
      * Date format<color #ed1c24>*</color> – формат даты и времени; \\
<color #ed1c24>*</color> - настройки доступны только для конкретного типа столбца (Type).
    * **Лимит строк** – ограничение используемых строк, по которым будет строиться график;
    * **Ссылка** – шаблонная ссылка или другие значения, полученные из элементов управления.

\\
При нажатии на кнопку **Update chart** график обновится.\\ \\


</WRAP>

</WRAP>

===== Взаимосвязь (Correlation) =====
Используйте графики из категории Correlation для отображения взаимосвязей между объектами.\\
==== Тепловая карта (Heatmap) ====
<WRAP group>
<WRAP column 30%>
**Heatmap** позволяет визуализировать связанную метрику для пар групп. Тепловые карты превосходно демонстрируют корреляцию или связь между двумя группами. Цвет используется, чтобы подчеркнуть силу связи между каждой парой групп. \\
При создании графика в категории Correlation выбираем тип **Heatmap**.\\ \\
</WRAP>

<WRAP column 30%>
{{:superset:work_in_superset:charts:types_heatmap_1.png?nolink&500|}}\\
//Пример графика Heatmap//
</WRAP>
<WRAP column 30%>
{{:superset:work_in_superset:charts:types_heatmap_2.png?nolink&450|}}\\
//Создание графика Heatmap//
</WRAP>
</WRAP>


\\ \\
<WRAP group>
<WRAP column 30%>
В редакторе графика раздел **Данные** определены следующие настройки:
  * **Тип визуализации** позволяет изменять тип графика;
  * **Время** – позволяет настраивать параметры, связанные со временем, а именно название столбца, разделение данных (секунда, минута, час, день, неделя и т.д.) и временной фильтр (диапазон используемых дат);
  * **Запрос** содержит следующие поля:
    * **X axis** – столбец, который нужно вывести по оси Х;
    * **Y axis** – столбец, который нужно вывести по оси Y;
    * В **Показатель** прописывается агрегатная функция (count, count_distinct, avg, sum, max, min) и столбец, над которым она будет выполняться. Также можно самостоятельно прописать агрегатную функцию во вкладке **Через SQL**;
    * **Фильтры** – условие (where или having), по которому можно ограничить данные из датасета;
    * **Лимит строк** – ограничение используемых строк, по которым будет строиться график;
    * **Sort by metric** – отсортировать результат по выбранной метрике;

</WRAP>

<WRAP column 60%>
  * В **Heatmap options** прописываются: 
    * **Linear color scheme** – выбор цветовой палитры для графика;
    * **Xscale interval** – размер шага для столбцов по оси Х для отображения;
    * **Yscale interval** – размер шага для столбцов по оси Y для отображения;
    * **Rendering** – пиксельный или сглаженный график;
    * **Normalize across** – отображение цвета на основе соотношения ячейки к сумме выбранного критерия;
    * **Left margin** – отступ для оси Y;
    * **Bottom margin** – отступ для оси Х;
    * **Value bounds** – границы для цветовой палитры;
    * **Value format** – формат числовых данных ([[https://github.com/d3/d3-format|формат d3]]);
    * **Sort x axis** – сортировка по оси Х: по убыванию или возрастанию значения, по убыванию или возрастанию метрики;
    * **Sort y axis** – сортировка по оси Y: по убыванию или возрастанию значения, по убыванию или возрастанию метрики;
    * **Legend** – нужно ли отображать легенду;
    * **Show percentage** – включать процентное соотношение;
    * **Show values** – отображать значения;
    * **Normalized**.

</WRAP>
</WRAP>
При нажатии на кнопку **Update chart** график обновится.

----
\\
==== Календарная тепловая карта (Calendar heatmap) ====
<WRAP group>
<WRAP column 30%>
**Calendar Heatmap** визуализирует изменение показателя с течением времени с помощью цветовой шкалы и представления календаря. Серые значения используются для обозначения отсутствующих значений, а линейная цветовая схема – для кодирования величины значения каждого дня. \\
При создании графика в категории Correlation выбираем тип **Calendar heatmap**.\\ \\
</WRAP>

<WRAP column 30%>
{{:superset:work_in_superset:charts:types_calendar_heatmap_2.png?nolink&340|}}\\
//Пример графика Calendar heatmap//
</WRAP>
<WRAP column 30%>
{{:superset:work_in_superset:charts:types_calendar_heatmap_1.png?nolink&500|}}\\
//Создание графика Calendar heatmap//
</WRAP>
</WRAP>

\\ \\
<WRAP group>
<WRAP half column>
В редакторе графика раздел **Данные** определены следующие настройки:
  * **Тип визуализации** позволяет изменять тип графика;
  * **Время** – позволяет настраивать параметры, связанные со временем, а именно название столбца, разделение данных (секунда, минута, час, день, неделя и т.д.) и временной фильтр (диапазон используемых дат);  :!: Необходимо задать диапазон дат, с которым хотите работать;
  * **Запрос** содержит следующие поля:
    * В **Domain** указываются единицы времени для группировки (год, месяц, неделя и т.д.);
    * В **Subdomain** указываются единицы времени для группировки внутри **Domain** (год, месяц, неделя и т.д.);
    * В **Показатели** прописывается агрегатная функция (count, count_distinct, avg, sum, max, min) и столбец, над которым она будет выполняться. Также можно самостоятельно прописать агрегатную функцию во вкладке **Через SQL**;
    * **Фильтры** – условие (where или having), по которому можно ограничить данные из датасета;


</WRAP>

<WRAP half column>
В редакторе графика раздел **Настроить** определены следующие настройки:
  * **Linear color scheme** – выбор цветовой палитры для графика;
  * **Cell size** – размер ячеек;
  * **Cell padding** – отступ между ячейками;
  * **Cell radius** – радиус кружка для ячеек;
  * **Color steps** – количество цветов в палитре;
  * **Number format** – формат числовых данных (см. подробнее [[https://github.com/d3/d3-format|формат d3]]);
  * **Time format** – формат, в котором будет представляться дата и время;
  * **Legend** – показывать легенду (цвет и соответствующее ему числовое значение);
  * **Show values** – отображать значения метрики в ячейках;
  * **Show metric names** – отображать название метрики.
\\

</WRAP>
</WRAP>
При нажатии на кнопку **Update chart** график показателя.
----
\\
==== Пузырьковая диаграмма (Bubble Chart) ====
<WRAP group>
<WRAP column 30%>
**Bubble Chart** визуализирует метрику по трем измерениям данных на одной диаграмме (ось X, ось Y и размер кружка). Пузыри из одной группы можно выделить цветом пузырьков. \\
При создании графика в категории Correlation выбираем тип **Bubble Chart**.\\ \\

</WRAP>

<WRAP column 30%>
{{:superset:work_in_superset:charts:types_buble_1.png?nolink&400|}}\\
//Пример графика Bubble Chart//
</WRAP>
<WRAP column 30%>
{{:superset:work_in_superset:charts:types_buble_2.png?nolink&550|}}\\
//Создание графика Bubble Chart//
</WRAP>
</WRAP>


\\
<WRAP group>
<WRAP column 60%>
В редакторе графика раздел **Данные** определены следующие настройки:
  * **Тип визуализации** позволяет изменять тип графика;
  * **Время** – позволяет настраивать параметры, связанные со временем, а именно название столбца, разделение данных (секунда, минута, час, день, неделя и т.д.) и временной фильтр (диапазон используемых дат);
  * **Запрос** содержит следующие поля:
    * В **Dimensions** указываются столбцы, по которым должна будет произведена группировка по оси Х;
    * В **Элемент** указываются столбцы, по которым должна будет произведена группировка;
    * В **Ось X** указывается агрегатная функция и столбец для нее. Этот показатель будет отображаться на оси X;
    * В **Ось Y** указывается агрегатная функция и столбец для нее. Этот показатель будет отображаться на оси Y;
    * **Фильтры** – условие (where или having), по которому можно ограничить данные из датасета;
    * В Bubble size прописывается агрегатная функция (count, count_distinct, avg, sum, max, min) и столбец, над которым она будет выполняться. Величина значения функции будет определять размер «пузырька»;
    * **Max bubble size** – максимальный размер «пузырька»;
    * **Лимит количество рядов** – количество строк (из опции Элемент), которые будут отображаться;
  * **Chart options** содержит следующие настройки:
    * **Color scheme** – цветовая палитра графика;
    * **Legend** – нужно ли отображать легенду;


</WRAP>

<WRAP column 30%>
В редакторе графика раздел **Настроить** определены следующие настройки:
  * Настройки **Оси Х**:
    * **X axis label** – название оси Х;
    * **Left margin** – отступ для **X axis label**;
    * **X axis format** – формат числовых данных (см. подробнее [[https://github.com/d3/d3-format|формат d3]]);
    * **X tick layout** – расположение делений шкалы оси Х;
    * **X log scale** – использование логарифмического масштаба;
    * **X bounds** – по краям оси  Х отображать минимальное и максимальное значение;
  * Настройки **Оси Y**:
    * **Y axis label** название оси Y;
    * **Bottom margin** – отступ для **Y axis label**;
    * **Формат оси Y** – формат числовых данных (см. подробнее [[https://github.com/d3/d3-format|формат d3]]);
    * **Y log scale** – использование логарифмического масштаба;
    * **Y bounds** – по краям оси  Х отображать минимальное и максимальное значение;
    * **Y-axis bounds** – диапазон шкалы Y.
</WRAP>
</WRAP>
\\
При нажатии на кнопку **Update chart** график обновится.
----
\\
==== Сравнение двух зависимых выборок (Paired t-test Table) ====
<WRAP group>
<WRAP column 30%>
**Paired t-test Table** – таблица, которая визуализирует парные t-тесты, которые используются для понимания статистических различий между группами. \\
При создании графика в категории Correlation выбираем тип **Paired t-test Table**.\\ \\

</WRAP>
<WRAP center centeralign round important 30%>
<wrap em>ДАННЫЙ РАЗДЕЛ В РАЗРАБОТКЕ</wrap>\\
**Зайдите сюда позже...**
</WRAP>
<WRAP column 30%>

</WRAP>
<WRAP column 30%>
{{:superset:work_in_superset:charts:types_t_test_2.png?nolink&400|}}\\
//Создание графика Paired t-test Table//
</WRAP>
</WRAP>


===== Распределение (Distribution) =====
Используйте графики из категории Distribution для отображения распределения данных и прочих статистических характеристик.
\\
==== Гистограмма (Histogram)  ====
<WRAP group>
<WRAP column 30%>
**Histogram** – сгруппируйте свои данные, чтобы увидеть, где находятся самые плотные области информации. \\
При создании графика в категории Distribution выбираем тип **Histogram**.\\ \\

</WRAP>

<WRAP column 30%>
{{:superset:work_in_superset:charts:types_hist_1.png?nolink&500|}}\\
//Пример графика Histogram//
</WRAP>
<WRAP column 30%>
{{:superset:work_in_superset:charts:types_hist_2.png?nolink&600|}}\\
//Создание графика Histogram//
</WRAP>
</WRAP>


\\
<WRAP group>
<WRAP half column>
В редакторе графика раздел **Данные** определены следующие настройки:
  * **Тип визуализации** позволяет изменять тип графика.
  * **Время** – позволяет настраивать параметры, связанные со временем, а именно название столбца, разделение данных (секунда, минута, час, день, неделя и т.д.) и временной фильтр (диапазон используемых дат);
  * **Запрос** содержит следующие поля:
    * В **Столбцы** указываются столбцы, которые будут отображаться на графике; 
    * **Фильтры** – условие (where или having), по которому можно ограничить данные из датасета;
    * **Лимит строк** – ограничение используемых строк, по которым будет строиться график;
    * В **Dimensions** указываются столбцы, по которым должна будет произведена группировка;


</WRAP>

<WRAP half column>
В редакторе графика раздел **Настроить** определены следующие настройки:
  * Настройки **Оси Х**:
    * **Color  scheme** – цветовая палитра графика;
    * **No of bins** – количество групп для разбиения данных (столбиков диаграммы);
    * **X axis label** – подпись оси X;
    * **Y axis label** – подпись оси Y;
    * **Legend** – нужно ли отображать легенду на графике;
    * **Normalized**
    * **Cumulative** – суммирующий график.
\\

</WRAP>
</WRAP>
При нажатии на кнопку **Update chart** график обновится.
----
\\
==== Ящик с усами (Boxplot)   ====
<WRAP group>
<WRAP column 30%>
**Ящик с усами** или **Box Plot** позволяет сравнить распределения связанной метрики по нескольким группам. Прямоугольник в середине подчеркивает среднее значение, медиану и внутренние 2 квартили. Усы вокруг каждого прямоугольника отображают минимум, максимум, диапазон и 2 квартиля.\\ \\
При создании графика в категории Distribution выбираем тип **Box Plot**.
</WRAP>

<WRAP column 30%>
{{:superset:work_in_superset:charts:types_boxplot_1.png?nolink&350|}}\\
//Пример графика Box Plot//
</WRAP>
<WRAP column 30%>
{{:superset:work_in_superset:charts:types_boxplot_2.png?nolink&500|}}\\
//Создание графика Box Plot//
</WRAP>
</WRAP>


\\
<WRAP group>
<WRAP half column>
В редакторе графика раздел **Данные** определены следующие настройки:
  * **Тип визуализации** позволяет изменять тип графика;
  * **Время** – позволяет настраивать параметры, связанные со временем, а именно название столбца, разделение данных (секунда, минута, час, день, неделя и т.д.) и временной фильтр (диапазон используемых дат);
  * **Запрос** содержит следующие поля:
    * В **Показатели** прописывается агрегатная функция (count, count_distinct, avg, sum, max, min) и столбец, над которым она будет выполняться. Также можно самостоятельно прописать агрегатную функцию во вкладке **Через SQL**;
    * **Фильтры** – условие (where или having), по которому можно ограничить данные из датасета;
    * В **Dimensions** указываются столбцы, по которым должна будет произведена группировка;
    * **Distribute across** – столбцы для расчета распределения;
    * **Лимит количества рядов** – количество объектов группировки (указанные в **Dimensions**), которые будут отображаться;
    * **Сортировка** – агрегатная функция, по которой будет происходить сортировка;
    * **Whisker/outlier options** – параметры расчеты выбросов.

</WRAP>

<WRAP half column>
В редакторе графика раздел **Настроить** определены следующие настройки:
  * **Chart title:**
    * **X axis title** – подпись оси Х;
    * **X axis bottom margin** – отступ для подписи **X axis title**;
    * **Y axis title** – подпись для оси Y;
    * **Y axis title margin** – отступ для подписи **Y axis title**;
    * **Y axis title position** – расположение Y axis title;
  * **Chart options:**
    * **Color scheme** – цветовая палитра графика;
    * **X tick layout** – расположение делений шкалы оси Х;
    * **Number format** – формат числовых данных (см. подробнее [[https://github.com/d3/d3-format|формат d3]]); 
    * **Date format** – формат даты и времени.
</WRAP>
</WRAP>
\\
При нажатии на кнопку **Update chart** график обновится.
----
\\
==== Horizon Chart   ====
<WRAP group>
<WRAP column 30%>
**Horizon Chart** позволяет сравнить изменение метрики с течением времени между различными группами. Каждая группа сопоставляется со строкой, и изменения во времени визуализируются в длине и цвете столбцов. \\ \\
При создании графика в категории Distribution выбираем тип **Horizon Chart**.
</WRAP>

<WRAP column 30%>
{{:superset:work_in_superset:charts:types_horizon_1.png?nolink&600|}}\\
//Пример графика Horizon Chart//
</WRAP>
<WRAP column 30%>
{{:superset:work_in_superset:charts:types_horizon_2.png?nolink&400|}}\\
//Создание графика Horizon Chart//
</WRAP>
</WRAP>


\\
<WRAP group>
<WRAP column 60%>
В редакторе графика раздел **Данные** определены следующие настройки:
  * **Тип визуализации** позволяет изменять тип графика;
  * **Время** – позволяет настраивать параметры, связанные со временем, а именно название столбца, разделение данных (секунда, минута, час, день, неделя и т.д.) и временной фильтр (диапазон используемых дат);
  * **Запрос** содержит следующие поля:
    * В **Показатели** прописывается агрегатная функция (count, count_distinct, avg, sum, max, min) и столбец, над которым она будет выполняться. Также можно самостоятельно прописать агрегатную функцию во вкладке **Через SQL**;
    * **Фильтры** – условие (where или having), по которому можно ограничить данные из датасета;
    * В **Dimensions** указываются столбцы, по которым должна будет произведена группировка;
    * **Лимит количества рядов** – количество объектов группировки (указанные в **Dimensions**), которые будут отображаться;
    * **Сортировка** – агрегатная функция, по которой будет происходить сортировка;
    * **Доля** – отображение в процентах;
    * **Лимит строк** – ограничение используемых строк, по которым будет строиться график.


</WRAP>

<WRAP column 30%>
В редакторе графика раздел **Настроить** определены следующие настройки:
  * **Chart options**
    * **Series height** – высота (в пикселях) для каждой группы графиков;
    * **Value domain** – параметры вычисления показателей.

</WRAP>
</WRAP>
\\
При нажатии на кнопку **Update chart** график обновится.


===== Изменения во времени (Evolution) =====
<WRAP group>
<WRAP half column>
Используйте графики из категории Evolution для отображения изменений во времени какого-либо показателя.
</WRAP>

<WRAP half column>


</WRAP>
</WRAP>


\\
==== Линейный график (Line Chart)   ====
<WRAP group>
<WRAP column 30%>
**Line Chart** – классическая диаграмма, которая визуализирует изменение показателей с течением времени. \\ \\
При создании графика в категории Evolution выбираем тип **Line Chart**.
</WRAP>

<WRAP column 30%>
{{:superset:work_in_superset:charts:types_line_chart_1.png?nolink&540|}}\\
//Пример графика Line Chart//
</WRAP>
<WRAP column 30%>
{{:superset:work_in_superset:charts:types_line_chart_2.png?nolink&400|}}\\
//Создание графика Line Chart//
</WRAP>
</WRAP>


\\
<WRAP group>
<WRAP column 30%>
В редакторе графика раздел **Данные** определены следующие настройки:
  * **Тип визуализации** позволяет изменять тип графика;
  * **Время** – позволяет настраивать параметры, связанные со временем, а именно название столбца, разделение данных (секунда, минута, час, день, неделя и т.д.) и временной фильтр (диапазон используемых дат);
  * **Запрос** содержит следующие поля:
    * В **Показатели** прописывается агрегатная функция (count, count_distinct, avg, sum, max, min) и столбец, над которым она будет выполняться. Также можно самостоятельно прописать агрегатную функцию во вкладке **Через SQL**;
    * **Фильтры** – условие (where или having), по которому можно ограничить данные из датасета;
    * В **Dimensions** указываются столбцы, по которым должна будет произведена группировка;
    * **Лимит количества рядов** – количество объектов группировки (указанные в **Dimensions**), которые будут отображаться;
    * **Сортировка** – агрегатная функция, по которой будет происходить сортировка;
    * **Доля** – отображение в процентах;
    * **Лимит строк** – ограничение используемых строк, по которым будет строиться график.

</WRAP>

<WRAP column 60%>
В редакторе графика раздел **Настроить** определены следующие настройки:
  * **Chart options**:
    * **Color scheme** – цветовая палитра графика;
    * **Show range filter** – интерактивный переключатель диапазона времени;
    * **Propagate**;
    * **Legend** – отображать легенду графика;
    * **Show markers** – отображать маркеры на графике;
    * **Line style** – тип линии;
  * **Ось Х**:
    * **X axis label** – подпись оси Х;
    * **Bottom margin** – отступ для **X axis label**;
    * **X tick layout** – расположение делений шкалы оси Х;
    * **X axis format** – формат даты и времени;
    * **X bounds** – отображать минимальное и максимальное значение;
  * **Ось Y**:
    * **Y axis label** – подпись оси Y;
    * **Left margin** – отступ для **Y axis label**;
    * **Y bounds**  – отображать минимальное и максимальное значение;
    * **Y log scale** – использовать логарифмическую шкалу;
    * **Формат оси Y** – формат числовых данных (см. подробнее [[https://github.com/d3/d3-format|формат d3]]);  
    * **Y axis bounds** – диапазон оси Y.

</WRAP>
</WRAP>
\\
При нажатии на кнопку **Update chart** график обновится.
----
\\
==== Линейный график временных рядов (Time-series Line Chart)    ====
<WRAP group>
<WRAP column 25%>
**Time-series Line Chart** – линейная диаграмма временных рядов, используется для визуализации повторяющихся измерений, проводимых через равные промежутки времени. Этот тип диаграммы отображает информацию в виде ряда точек данных, соединенных отрезками прямой линии.  \\ \\
При создании графика в категории Evolution выбираем тип **Time-series Line Chart**.
</WRAP>

<WRAP column 40%>
{{:superset:work_in_superset:charts:types_ts_line_chart_1.png?nolink&850|}}\\
//Пример графика Time-series Line Chart//
</WRAP>
<WRAP column 25%>
{{:superset:work_in_superset:charts:types_ts_line_chart_2.png?nolink&430|}}\\
//Создание графика Time-series Line Chart//
</WRAP>
</WRAP>


\\
<WRAP group>
<WRAP column 30%>
В редакторе графика раздел **Данные** определены следующие настройки:
  * **Тип визуализации** позволяет изменять тип графика;
  * **Время** – позволяет настраивать параметры, связанные со временем, а именно название столбца, разделение данных (секунда, минута, час, день, неделя и т.д.) и временной фильтр (диапазон используемых дат);
  * **Запрос** содержит следующие поля:
    * В **Показатели** прописывается агрегатная функция (count, count_distinct, avg, sum, max, min) и столбец, над которым она будет выполняться. Также можно самостоятельно прописать агрегатную функцию во вкладке **Через SQL**;
    * В **Dimensions** указываются столбцы, по которым должна будет произведена группировка;
    * **Contribution mode** – рассчитать процентное соотношение;
    * **Фильтры** – условие (where или having), по которому можно ограничить данные из датасета;
    * **Лимит количества рядов** – количество объектов группировки (указанные в **Dimensions**), которые будут отображаться;
    * **Сортировка** – агрегатная функция, по которой будет происходить сортировка;
    * **Лимит строк** – ограничение используемых строк, по которым будет строиться график;
    * **Truncate metric** – урезать показатели (не отображать агрегатную функцию, использованную в **Показатели**);


</WRAP>

<WRAP column 60%>
В редакторе графика раздел **Настроить** определены следующие настройки:
  * **Chart title:**
    * **X axis title** – подпись оси Х;
    * **X axis title bottom margin** – отступ для **X axis title**;
    * **Y axis title** – подпись оси Y;
    * **Y axis title margin** – отступ для **Y axis title**;
    * **Y axis title position** – расположение подписи оси Y;
  * **Chart options**:
    * **Color scheme** – цветовая палитра графика;
    * **Show value** – показать значения;
    * **Marker** – показать маркер;
    * **Marker size** – размер маркера;
    * **Data zoom** – включить элемент управления диапазоном дат;
    * **Show legend** – отображать легенду графика;
    * **Type** – тип легенды;
    * **Orientation** – расположение легенды;
    * **Margin** – отступ легенды от графика;
    * **Time format** – формат даты и времени;
    * **Rotate x axis label** – расположение делений шкалы оси Х;
    * **Rich tooltip** – отображать показатели всех графиков при наведении на маркеры;
    * **Tooltip sort by metric** – отсортировать показатели по убыванию. Доступно, если включен **Rich tooltip**;
    * **Tooltip time format** – формат даты и времени при включенном **Rich tooltip**;
    * **Формат оси Y** – формат числовых данных (см. подробнее [[https://github.com/d3/d3-format|формат d3]]);  
    * **Logarithmic Y-axis** – логарифмическая шкала оси Y;
    * **Minor split line** – отображать мелкие разделительные линии для оси Y;
    * **Truncate y axis** – настроить минимальное и максимальное значение оси Y;
    * **Y axis bounds** – диапазон оси Y.


</WRAP>
</WRAP>
\\
При нажатии на кнопку **Update chart** график обновится.
----
\\
==== Диаграмма временных рядов с областями (Time-series Area Chart)    ====
<WRAP group>
<WRAP column 30%>
**Time-series Area Chart** – диаграмма с областями временных рядов. Использует изменяющуюся область под линиями, чтобы визуализировать, как отношения, пропорции или проценты показателей изменяются во времени. Диаграмма с областями в Superset может быть потоковой, суммированной или развернутой. \\ \\
При создании графика в категории Evolution выбираем тип **Time-series Area Chart**.
</WRAP>

<WRAP column 30%>
{{:superset:work_in_superset:charts:types_ts_area_chart_1.png?nolink&600|}}\\
//Пример графика Time-series Area Chart//
</WRAP>
<WRAP column 30%>
{{:superset:work_in_superset:charts:types_ts_area_chart_2.png?nolink&430|}}\\
//Создание графика Time-series Area Chart//
</WRAP>
</WRAP>


\\
<WRAP group>
<WRAP column 30%>
В редакторе графика раздел **Данные** определены следующие настройки:
  * **Тип визуализации** позволяет изменять тип графика;
  * **Время** – позволяет настраивать параметры, связанные со временем, а именно название столбца, разделение данных (секунда, минута, час, день, неделя и т.д.) и временной фильтр (диапазон используемых дат);
  * **Запрос** содержит следующие поля:
    * В **Показатели** прописывается агрегатная функция (count, count_distinct, avg, sum, max, min) и столбец, над которым она будет выполняться. Также можно самостоятельно прописать агрегатную функцию во вкладке **Через SQL**;
    * В **Dimensions** указываются столбцы, по которым должна будет произведена группировка;
    * **Contribution mode** – рассчитать процентное соотношение;
    * **Фильтры** – условие (where или having), по которому можно ограничить данные из датасета;
    * **Лимит количества рядов** – количество объектов группировки (указанные в **Dimensions**), которые будут отображаться;
    * **Сортировка** – агрегатная функция, по которой будет происходить сортировка;
    * **Лимит строк** – ограничение используемых строк, по которым будет строиться график;
    * **Truncate metric** – урезать показатели (не отображать агрегатную функцию, использованную в **Показатели**);


</WRAP>

<WRAP column 60%>
В редакторе графика раздел **Настроить** определены следующие настройки:
  * **Chart title:**
    * **Color scheme** – цветовая палитра графика;
    * **Series style** – тип линии графика;
    * **Area chart opacity** – прозрачность областей;
    * **Show value** – показать значения;
    * **Stacked style** – тип графика;
    * **Only total** – показывать только результирующее значение;
    * **Extra controls** – переключатель типа графика;
    * **Marker** – показать маркер;
    * **Marker size** – размер маркера;
    * **Data zoom** – включить элемент управления диапазоном дат;
    * **Show legend** – отображать легенду графика;
    * **Type** – тип легенды;
    * **Orientation** – расположение легенды;
    * **Margin** – отступ легенды от графика;
    * **Time format** – формат даты и времени;
    * **Rotate x axis label** – расположение делений шкалы оси Х;
    * **Rich tooltip** – отображать показатели всех графиков при наведении на маркеры;
    * **Tooltip sort by metric** – отсортировать показатели по убыванию. Доступно, если включен **Rich tooltip**;
    * **Tooltip time format** – формат даты и времени при включенном **Rich tooltip**;
    * **Формат оси Y** – формат числовых данных (см. подробнее [[https://github.com/d3/d3-format|формат d3]]);   
    * **Logarithmic Y-axis** – логарифмическая шкала оси Y;
    * **Minor split line** – отображать мелкие разделительные линии для оси Y;
    * **Truncate y axis** – настроить минимальное и максимальное значение оси Y;
    * **Y axis bounds** – диапазон оси Y.
 


</WRAP>
</WRAP>
\\
При нажатии на кнопку **Update chart** график обновится.
----
\\
==== Столбчатая диаграмма временных рядов (Time-series Bar Chart)    ====
<WRAP group>
<WRAP column 30%>
**Time-series Bar Chart** отображает изменение метрики с течением времени с помощью столбцов. Добавьте группу по столбцу, чтобы визуализировать метрики на уровне группы и то, как они меняются с течением времени. \\ \\
При создании графика в категории Evolution выбираем тип **Time-series Bar Chart**.
</WRAP>

<WRAP column 30%>
{{:superset:work_in_superset:charts:types_bar_chart_2.png?nolink&400|}}\\
//Пример графика Time-series Bar Chart//
</WRAP>
<WRAP column 30%>
{{:superset:work_in_superset:charts:types_bar_chart_1.png?nolink&600|}}\\
//Создание графика Time-series Bar Chart//
</WRAP>
</WRAP>


\\
<WRAP group>
<WRAP column 30%>
В редакторе графика раздел **Данные** определены следующие настройки:
  * **Тип визуализации** позволяет изменять тип графика;
  * **Время** – позволяет настраивать параметры, связанные со временем, а именно название столбца, разделение данных (секунда, минута, час, день, неделя и т.д.) и временной фильтр (диапазон используемых дат);
  * **Запрос** содержит следующие поля:
    * В **Показатели** прописывается агрегатная функция (count, count_distinct, avg, sum, max, min) и столбец, над которым она будет выполняться. Также можно самостоятельно прописать агрегатную функцию во вкладке **Через SQL**;
    * **Фильтры** – условие (where или having), по которому можно ограничить данные из датасета;
    * В **Dimensions** указываются столбцы, по которым должна будет произведена группировка;
    * **Лимит количества рядов** – количество объектов группировки (указанные в **Dimensions**), которые будут отображаться;
    * **Доля** – отобразить график в долях;
    * **Сортировка** – агрегатная функция, по которой будет происходить сортировка;
    * **Лимит строк** – ограничение используемых строк, по которым будет строиться график.

</WRAP>

<WRAP column 60%>
В редакторе графика раздел **Настроить** определены следующие настройки:
  * **Chart title:**
    *** X axis title** – подпись оси Х;
    * **X axis title bottom margin** – отступ для **X axis title**;
    * **Y axis title** – подпись оси Y;
    * **Y axis title margin** – отступ для **Y axis title**;
    * **Y axis title position** – расположение подписи оси Y;
  * **Chart options:**
    * **Color scheme** – цветовая палитра графика;
    * **Show range filter** – следует ли отображать переключатель временного диапазона;
    * **Legend** – нужно ли отображать легенду на графике;
    * **Bar values** – показывать значения показателей;
    * **Rich tooltip** – отображать показатели всех графиков при наведении на маркеры;
    * **Stacked bars** – использовать накопительную диаграмму;
    * **Line style** – тип линейной интерполяции;
    * **Extra controls** – переключатель типа графика;
    * **Bottom margin** – отступ от оси Х;
  *** Ось Х:**
    * **X axis label** – подпись оси Х;
    * **Bottom margin** – отступ для **X axis label**;
    * **X tick layout** – расположение делений шкалы оси Х;
    * **X axis format** – формат даты и времени;
    * **X bounds** – показывать минимальное и максимальное значение на оси Х;
    * **Reduce x ticks** – уменьшить количество делений шкалы на оси Х;
  * **Ось Y**:
    * **Y axis label** – подпись оси Y;
    * **Left margin** – отступ для **Y axis label**;
    * **Y bounds** – диапазон шкалы оси Y;
    * **Y log scale** – использовать логарифмическую шкалу для оси Y;
    * **Формат оси Y** – формат числовых данных (см. подробнее [[https://github.com/d3/d3-format|формат d3]]); 
    * **Y axis bounds** – задать диапазон шкалы оси Y. 

</WRAP>
</WRAP>
\\
При нажатии на кнопку **Update chart** график обновится.
----
\\
==== Столбчатая диаграмма временных рядов (Time-series Bar Chart v2)   ====
<WRAP group>
<WRAP column 30%>
**Time-series Bar Chart v2** используется для отображения изменений показателя с течением времени в виде серии столбцов. Добавьте группу по столбцу, чтобы визуализировать метрики на уровне группы и то, как они меняются с течением времени. В отличие от графика **Time-series Bar Chart**, в данном типе графика доступна горизонтальная ориентация.\\ \\
При создании графика в категории Evolution выбираем тип **Time-series Bar Chart v2**.
</WRAP>

<WRAP column 30%>
{{:superset:work_in_superset:charts:types_bar_chart_v2_1.png?nolink&600|}}\\
//Пример графика Time-series Bar Chart v2//
</WRAP>
<WRAP column 30%>
{{:superset:work_in_superset:charts:types_bar_chart_v2_2.png?nolink&850|}}\\
//Создание графика Time-series Bar Chart v2//
</WRAP>
</WRAP>


\\
<WRAP group>
<WRAP column 30%>
В редакторе графика раздел **Данные** определены следующие настройки:
  * **Тип визуализации** позволяет изменять тип графика;
  * **Время** – позволяет настраивать параметры, связанные со временем, а именно название столбца, разделение данных (секунда, минута, час, день, неделя и т.д.) и временной фильтр (диапазон используемых дат);
  * **Запрос** содержит следующие поля:
    * В **Показатели** прописывается агрегатная функция (count, count_distinct, avg, sum, max, min) и столбец, над которым она будет выполняться. Также можно самостоятельно прописать агрегатную функцию во вкладке **Через SQL**;
    * В **Dimensions** указываются столбцы, по которым должна будет произведена группировка;
    * **Contribution mode** – рассчитать процентное соотношение;
    * **Фильтры** – условие (where или having), по которому можно ограничить данные из датасета;
    * **Лимит количества рядов** – количество объектов группировки (указанные в **Dimensions**), которые будут отображаться;
    * **Сортировка** – агрегатная функция, по которой будет происходить сортировка;
    * **Лимит строк** – ограничение используемых строк, по которым будет строиться график;
    * **Truncate metric** – урезать показатели (не отображать агрегатную функцию, использованную в **Показатели**);


</WRAP>

<WRAP column 60%>
В редакторе графика раздел **Настроить** определены следующие настройки:
  * **Chart orientation**:
    * **Bar orientation** – ориентация графика (вертикальная/горизонтальная);
  * **Chart title**:
    * **X axis title** – подпись оси Х;
    * **X axis title margin** – отступ для **X axis title**;
    * **X axis title position** – расположение подписи оси X. Доступно при горизонтальной ориентации (**Bar orientation**);
    * **Y axis title** – подпись оси Y;
    * **Y axis title margin** – отступ для **Y axis title**;
    * **Y axis title position** – расположение подписи оси Y. Доступно при вертикальной ориентации (Bar orientation);
  * **Chart options**:
    * **Color scheme** – цветовая палитра графика;
    * **Show value** – показывать значения показателей;
    * **Stack series** – использовать накопительную диаграмму;
    * **Data zoom** – включить элемент управления диапазоном дат;
    * **Show legend** – нужно ли отображать легенду на графике;
    * **Type** – тип легенды;
    * **Orientation** – расположение легенды;
    * **Margin** – отступ легенды от графика;
    * **Axis format** – формат числовых данных (см. подробнее [[https://github.com/d3/d3-format|формат d3]]). Выбор оси зависит от ориентации графика (**Bar orientation**);
    * **Logarithmic axis** – использование логарифмической оси. Выбор оси зависит от ориентации графика (**Bar orientation**);
    * **Minor split line** – отображать мелкие разделительные линии для оси. Выбор оси зависит от ориентации графика (**Bar orientation**);
    * **Truncate axis** – урезать показатели (не отображать агрегатную функцию, использованную в **Показатели**);
    * **Rich tooltip** – отображать показатели всех графиков при наведении на маркеры;
    * **Tooltip sort by metric** – отсортировать показатели по убыванию. Доступно, если включен **Rich tooltip**;
    * **Tooltip time format** – формат даты и времени при включенном **Rich tooltip**;
    * **Time format** – формат даты и времени. Выбор оси зависит от ориентации графика (**Bar orientation**);
    * **Rotate axis label** – расположение делений шкал для оси. Выбор оси зависит от ориентации графика (**Bar orientation**). 

</WRAP>
</WRAP>
\\
При нажатии на кнопку **Update chart** график обновится.
----
\\
==== Точечная диаграмма временных рядов (Time-series Scatter Plot)   ====
<WRAP group>
<WRAP column 30%>
**Точечная диаграмма** или **Time-series Scatter Plot** отображает время на горизонтальной оси в линейных единицах, и точки соединены по порядку. Он показывает статистическую связь между двумя переменными.\\ \\
При создании графика в категории Evolution выбираем тип **Time-series Scatter Plot**.
</WRAP>

<WRAP column 30%>
{{:superset:work_in_superset:charts:types_ts_scatter_plot_1.png?nolink&500|}}\\
//Пример графика Time-series Scatter Plot//
</WRAP>
<WRAP column 30%>
{{:superset:work_in_superset:charts:types_ts_scatter_plot_2.png?nolink&900|}}\\
//Создание графика Time-series Scatter Plot//
</WRAP>
</WRAP>


\\
<WRAP group>
<WRAP column 30%>
В редакторе графика раздел **Данные** определены следующие настройки:
  * **Тип визуализации** позволяет изменять тип графика;
  * **Время** – позволяет настраивать параметры, связанные со временем, а именно название столбца, разделение данных (секунда, минута, час, день, неделя и т.д.) и временной фильтр (диапазон используемых дат);
  * **Запрос** содержит следующие поля:
    * В **Показатели** прописывается агрегатная функция (count, count_distinct, avg, sum, max, min) и столбец, над которым она будет выполняться. Также можно самостоятельно прописать агрегатную функцию во вкладке **Через SQL**;
    * В **Dimensions** указываются столбцы, по которым должна будет произведена группировка;
    * **Фильтры** – условие (where или having), по которому можно ограничить данные из датасета;
    * **Лимит количества рядов** – количество объектов группировки (указанные в **Dimensions**), которые будут отображаться;
    * **Сортировка** – агрегатная функция, по которой будет происходить сортировка;
    * **Лимит строк** – ограничение используемых строк, по которым будет строиться график;
    * **Truncate metric** – урезать показатели (не отображать агрегатную функцию, использованную в **Показатели**).


</WRAP>

<WRAP column 60%>
В редакторе графика раздел **Настроить** определены следующие настройки:
  * **Chart title**:
    * **X axis title** – подпись оси Х;
    * **X axis title bottom margin** – отступ для **X axis title**;
    * **Y axis title** – подпись оси Y;
    * **Y axis title margin** – отступ для **Y axis title**;
    * **Y axis title position** – расположение подписи оси Y;
  * **Chart options**:
    * **Color scheme** – цветовая палитра графика;
    * **Show value** – показать значения;
    * **Stack series** – накопительный график;
    * **Marker** – показать маркер;
    * **Marker size** – размер маркера;
    * **Data zoom** – включить элемент управления диапазоном дат;
    * **Show legend** – отображать легенду графика;
    * **Type** – тип легенды;
    * **Orientation** – расположение легенды;
    * **Margin** – отступ легенды от графика;
    * **Time format** – формат даты и времени;
    * **Rotate x axis label** – расположение делений шкалы оси Х;
    * **Rich tooltip** – отображать показатели всех графиков при наведении на маркеры;
    * **Tooltip sort by metric** – отсортировать показатели по убыванию. Доступно, если включен **Rich tooltip**;
    * **Tooltip time format** – формат даты и времени при включенном Rich tooltip;
    * **Формат оси Y** – формат числовых данных (см. подробнее [[https://github.com/d3/d3-format|формат d3]]);  
    * **Logarithmic Y-axis** – логарифмическая шкала оси Y;
    * **Minor split line** – отображать мелкие разделительные линии для оси Y;
    * **Truncate y axis** – настроить минимальное и максимальное значение оси Y;
    * **Y axis bounds** – диапазон оси Y.

</WRAP>
</WRAP>
\\
При нажатии на кнопку **Update chart** график обновится.
----
\\
==== Mixed Time-series    ====
<WRAP group>
<WRAP column 30%>
**Mixed Time-Series** позволяет визуализировать два разных временных ряда, используя одну и ту же ось X. Обратите внимание, что каждый временной ряд можно визуализировать по-разному (например, один - с помощью столбцов и другой - с помощью линии).\\ \\
При создании графика в категории Evolution выбираем тип **Mixed Time-Series**.
</WRAP>

<WRAP column 30%>
{{:superset:work_in_superset:charts:types_mixed_ts_1.png?nolink&500|}}\\
//Пример графика Mixed Time-Series//
</WRAP>
<WRAP column 30%>
{{:superset:work_in_superset:charts:types_mixed_ts_2.png?nolink&800|}}\\
//Создание графика Mixed Time-Series//
</WRAP>
</WRAP>


\\
<WRAP group>
<WRAP column 30%>
В редакторе графика раздел **Данные** определены следующие настройки:
  * **Тип визуализации** позволяет изменять тип графика;
  * **Время** – позволяет настраивать параметры, связанные со временем, а именно название столбца, разделение данных (секунда, минута, час, день, неделя и т.д.) и временной фильтр (диапазон используемых дат);
  * **Query A** – настройки первого графика (аналогично и для **Query B** – настройка второго графика):
    * В **Показатели** прописывается агрегатная функция (count, count_distinct, avg, sum, max, min) и столбец, над которым она будет выполняться. Также можно самостоятельно прописать агрегатную функцию во вкладке **Через SQL**;
    * В **Dimensions** указываются столбцы, по которым должна будет произведена группировка;
    * **Фильтры** – условие (where или having), по которому можно ограничить данные из датасета;
    * **Лимит количества рядов** – количество объектов группировки (указанные в **Dimensions**), которые будут отображаться;
    * **Сортировка** – агрегатная функция, по которой будет происходить сортировка;
    * **Sort descending** – сортировка по убыванию или по возрастанию;
    * **Лимит строк** – ограничение используемых строк, по которым будет строиться график;
    * **Truncate metric** – урезать показатели (не отображать агрегатную функцию, использованную в **Показатели**).

</WRAP>

<WRAP column 60%>
В редакторе графика раздел **Настроить** определены следующие настройки:
  * **Chart title**:
    * **X axis title** – подпись оси Х;
    * **X axis title bottom margin** – отступ для **X axis title**;
    * **Y axis title** – подпись оси Y;
    * **Y axis title margin** – отступ для **Y axis title**;
    * **Y axis title position** – расположение подписи оси Y;
  * **Chart options** (<color #ed1c24>*</color> - настройки отдельно для **Query A** и для **Query B**):
    * **Color scheme** – цветовая палитра графика;
    * **Series type**<color #ed1c24>*</color> – тип графика;
    * **Stack series**<color #ed1c24>*</color> – накопительный график;
    * **Area chart**<color #ed1c24>*</color> –  выделение областей;
    * **Show values**<color #ed1c24>*</color> – показать значения;
    * **Прозрачность**<color #ed1c24>*</color> – прозрачность выделенных областей;
    * **Marker**<color #ed1c24>*</color> – показать маркер;
    * **Marker size**<color #ed1c24>*</color> – размер маркера;
    * **Ось Y**<color #ed1c24>*</color> – одна или две оси Y;
    * **Data zoom** – включить элемент управления диапазоном дат;
    * **Show legend** – отображать легенду графика;
    * **Type** – тип легенды;
    * **Orientation** – расположение легенды;
    * **Margin** – отступ легенды от графика;
    * **Time format** – формат даты и времени;
    * **Rotate x axis label** – расположение делений шкалы оси Х;
    * **Rich tooltip** – отображать показатели всех графиков при наведении на маркеры;
    * **Tooltip sort by metric** – отсортировать показатели по убыванию. Доступно, если включен **Rich tooltip**;
    * **Tooltip time format** – формат даты и времени при включенном **Rich tooltip**;
    * **Minor split line** – отображать мелкие разделительные линии для оси Y;
    * **Truncate y axis** – настроить минимальное и максимальное значение оси Y;
    * **Y axis bounds** – диапазон оси Y;
    * **Primary y-axis format** – формат числовых данных (см. подробнее [[https://github.com/d3/d3-format|формат d3]]) для **Query A**;  
    * **Logarithmic y-axis** – логарифмическая шкала оси Y;
    * **Secondary y-axis format** – формат числовых данных (см. подробнее [[https://github.com/d3/d3-format|формат d3]]) для **Query B**;  
    * **Secondary y-axis title** – подпись для второй оси Y;
    * **Logarithmic y-axis** – логарифмическая шкала для второй оси Y.


</WRAP>
</WRAP>
\\
При нажатии на кнопку **Update chart** график обновится.
----
\\
==== Диаграмма с областями (Area Chart)    ====
<WRAP group>
<WRAP column 30%>
**Area Chart** — диаграмма, использующая изменяющуюся область под линиями, чтобы визуализировать, как отношения, пропорции или проценты показателей изменяются в измерении (например, во времени).\\ \\
При создании графика в категории Evolution выбираем тип **Area Chart**.
</WRAP>

<WRAP column 30%>
{{:superset:work_in_superset:charts:types_area_chart_1.png?nolink&400|}}\\
//Пример графика Area Chart//
</WRAP>
<WRAP column 30%>
{{:superset:work_in_superset:charts:types_area_chart_2.png?nolink&800|}}\\
//Создание графика Area Chart//
</WRAP>
</WRAP>


\\
<WRAP group>
<WRAP half column>
В редакторе графика раздел **Данные** определены следующие настройки:
  * **Тип визуализации** позволяет изменять тип графика;
  * **Время** – позволяет настраивать параметры, связанные со временем, а именно название столбца, разделение данных (секунда, минута, час, день, неделя и т.д.) и временной фильтр (диапазон используемых дат);
  ***Запрос** содержит следующие поля:
    *В **Показатели** прописывается агрегатная функция (count, count_distinct, avg, sum, max, min) и столбец, над которым она будет выполняться. Также можно самостоятельно прописать агрегатную функцию во вкладке **Через SQL**;
    ***Фильтры** – условие (where или having), по которому можно ограничить данные из датасета;
    *В **Dimensions** указываются столбцы, по которым должна будет произведена группировка;
    ***Лимит количества рядов** – количество объектов группировки (указанные в **Dimensions**), которые будут отображаться;
    ***Сортировка** – агрегатная функция, по которой будет происходить сортировка;
    ***Доля** – отобразить график в долях;
    ***Лимит строк** – ограничение используемых строк, по которым будет строиться график.


</WRAP>

<WRAP half column>
В редакторе графика раздел **Настроить** определены следующие настройки:
  * **Chart options**:
    * **Show range filter** – интерактивный переключатель диапазона времени;
    * **Legend** – отображать легенду графика;
    * **Line style** – тип линейной интерполяции;
    * **Stacked style** – тип диаграммы;
    * **Color scheme** – цветовая палитра графика;
    * **Rich tooltip** – отображать показатели всех графиков при наведении на маркеры;
    * **Extra controls** – переключатель типа графика;
    * **X axis label** – название оси Х;
    * **Bottom margin** – отступ для **X axis label**;
    * **X tick layout** – расположение делений шкалы оси Х;
    * **X axis format** – формат даты и времени;
    * **X bounds** – показывать минимальное и максимальное значение на оси Х;
    * **Формат оси Y** – формат числовых данных (см. подробнее [[https://github.com/d3/d3-format|формат d3]]);  
    * **Y axis bounds** – диапазон оси Y ;
    * **Y log scale** – использовать логарифмическую шкалу для оси Y.


</WRAP>
</WRAP>
\\
При нажатии на кнопку **Update chart** график обновится.
----
\\
==== Time-series Period Pivot   ====
<WRAP center centeralign round important 30%>
<wrap em>ДАННЫЙ РАЗДЕЛ В РАЗРАБОТКЕ</wrap>\\
**Зайдите сюда позже...**
</WRAP>
----
\\
==== Dual Line Chart   ====
<WRAP group>
<WRAP column 30%>
**Dual Line Chart** визуализирует две метрики в виде линейных графиков с использованием одной и той же оси x. Эта диаграмма полезна для сравнения показателей за один и тот же временной диапазон.\\ \\
При создании графика в категории Evolution выбираем тип **Dual Line Chart**.
</WRAP>

<WRAP column 30%>
{{:superset:work_in_superset:charts:types_dual_line_1.png?nolink&400|}}\\
//Пример графика Dual Line Chart//
</WRAP>
<WRAP column 30%>
{{:superset:work_in_superset:charts:types_dual_line_2.png?nolink&460|}}\\
//Создание графика Dual Line Chart//
</WRAP>
</WRAP>


\\
<WRAP group>
<WRAP column 60%>
В редакторе графика раздел **Данные** определены следующие настройки:
  * **Тип визуализации** позволяет изменять тип графика;
  * **Время** – позволяет настраивать параметры, связанные со временем, а именно название столбца, разделение данных (секунда, минута, час, день, неделя и т.д.) и временной фильтр (диапазон используемых дат);
  * **Y axis 1** содержит следующие поля:
    * В **Left axis metric** прописывается агрегатная функция (count, count_distinct, avg, sum, max, min) для левого графика и столбец, над которым она будет выполняться. Также можно самостоятельно прописать агрегатную функцию во вкладке **Через SQL**;
    * **Left axis format** – формат числовых данных (см. подробнее [[https://github.com/d3/d3-format|формат d3]]);  для левого графика;  
    * **Y bounds** – показывать минимальное и максимальное значение на оси Y для левого графика;
    * **Y axis bounds**  – диапазон оси Y для левого графика; 
  * **Y axis 2** содержит следующие поля:
    * В **Left axis metric** прописывается агрегатная функция (count, count_distinct, avg, sum, max, min) для правого графика и столбец, над которым она будет выполняться. Также можно самостоятельно прописать агрегатную функцию во вкладке Через SQL;
    * **Left axis format** – формат числовых данных (см. подробнее [[https://github.com/d3/d3-format|формат d3]]);  для правого графика;  
    * **Y bounds** – показывать минимальное и максимальное значение на оси для правого графика;
    * **Y axis bounds**  – диапазон оси Y для правого графика;
  * **Запрос**:
    * **Фильтры** – условие (where или having), по которому можно ограничить данные из датасета.

</WRAP>

<WRAP column 30%>
В редакторе графика раздел **Настроить** определены следующие настройки:
  * **Chart options**:
    * **Color scheme** – цветовая палитра графика;
    * **Legend** – отображать легенду графика;
    * **X axis format** – формат даты и времени.
 

</WRAP>
</WRAP>
\\
При нажатии на кнопку **Update chart** график обновится.
----
\\
==== Multiple Line Charts   ====
**Multiple Line Charts** визуализирует два разных временных ряда, используя один и тот же диапазон времени по оси X. \\
<WRAP center centeralign round important 30%>
Эта диаграмма устарела, и мы рекомендуем вместо нее использовать **Mixed Time-series**!
</WRAP>
----
\\
==== Time-series Percent Change ====
**Time-series Percent Change** визуализирует множество различных объектов временных рядов на одной диаграмме.  \\
<WRAP center centeralign round important 30%>
Эта диаграмма устарела, и вместо нее мы рекомендуем использовать **Time-series line chart**!
</WRAP>

----
\\
==== Диаграмма временных рядов (Time-series Chart)  ====
<WRAP group>
<WRAP column 30%>
**Time-series Chart** визуализирует временные ряды. Выберите между ступенчатой, линейной, точечной и гистограммой. \\ \\
При создании графика в категории Evolution выбираем тип **Time-series Chart**.
</WRAP>

<WRAP column 30%>
{{:superset:work_in_superset:charts:types_ts_chart_1.png?nolink&500|}}\\
//Пример графика Time-series Chart//
</WRAP>
<WRAP column 30%>
{{:superset:work_in_superset:charts:types_ts_chart_2.png?nolink&700|}}\\
//Создание графика Time-series Chart//
</WRAP>
</WRAP>


\\
<WRAP group>
<WRAP column 30%>
В редакторе графика раздел **Данные** определены следующие настройки:
  * **Тип визуализации** позволяет изменять тип графика;
  * **Время** – позволяет настраивать параметры, связанные со временем, а именно название столбца, разделение данных (секунда, минута, час, день, неделя и т.д.) и временной фильтр (диапазон используемых дат);
  * Запрос содержит следующие поля:
    * В **Показатели** прописывается агрегатная функция (count, count_distinct, avg, sum, max, min) и столбец, над которым она будет выполняться. Также можно самостоятельно прописать агрегатную функцию во вкладке Через SQL;
    * В **Dimensions** указываются столбцы, по которым должна будет произведена группировка;
    * **Фильтры** – условие (where или having), по которому можно ограничить данные из датасета;
    * **Лимит количества рядов** – количество объектов группировки (указанные в **Dimensions**), которые будут отображаться;
    * **Сортировка** – агрегатная функция, по которой будет происходить сортировка;
    * **Лимит строк** – ограничение используемых строк, по которым будет строиться график;
    * **Truncate metric** – урезать показатели (не отображать агрегатную функцию, использованную в **Показатели**).

</WRAP>

<WRAP column 60%>
В редакторе графика раздел **Настроить** определены следующие настройки:
  * **Chart title**:
    *** X axis title** – подпись оси Х;
    * **X axis bottom margin** – отступ для подписи **X axis title**;
    * **Y axis title** – подпись для оси Y;
    * **Y axis title margin** – отступ для подписи **Y axis title**;
    * **Y axis title position** – расположение **Y axis title**;
  * **Chart options**:
    * **Color scheme** – цветовая палитра графика;
    * **Series style** – тип линии графика;
    * **Show value** – показать значения;
    * **Stack series** – накопительный график;
    * **Only total** – показывать только результирующее значение. Доступно при выбранном **Stack series**;
    * **Area chart** –  выделение областей;
    * **Area chart opacity** – прозрачность областей. Доступно при выбранном **Area chart**;
    * **Marker** – показать маркер;
    * **Marker size** – размер маркера. Доступно при выбранном **Marker**;
    * **Data zoom** – включить элемент управления диапазоном дат;
    * **Show legend** – отображать легенду графика;
    * **Type** – тип легенды;
    * **Orientation** – расположение легенды;
    * **Margin** – отступ легенды от графика;
    * **Time format** – формат даты и времени;
    * **Rotate x axis label** – расположение делений шкалы оси Х;
    * **Rich tooltip** – отображать показатели всех графиков при наведении на маркеры;
    * **Tooltip sort by metric** – отсортировать показатели по убыванию. Доступно, если включен **Rich tooltip**;
    * **Tooltip time format** – формат даты и времени при включенном **Rich tooltip**;
    * **Формат оси Y** – формат числовых данных (см. подробнее [[https://github.com/d3/d3-format|формат d3]]);  
    * **Logarithmic y-axis** – логарифмическая шкала оси Y;
    * **Minor split line** – отображать мелкие разделительные линии для оси Y;
    * **Truncate y axis** – настроить минимальное и максимальное значение оси Y.

</WRAP>
</WRAP>
\\
При нажатии на кнопку **Update chart** график обновится.
----
\\
==== Сглаженный график временных рядов (Time-series Smooth Line)  ====
<WRAP group>
<WRAP column 30%>
**Time-series Smooth Line** визуализирует временной ряд гладкой линией представляет собой разновидность линейного графика. \\ \\
При создании графика в категории Evolution выбираем тип **Time-series Smooth Line**.
</WRAP>

<WRAP column 30%>
{{:superset:work_in_superset:charts:types_ts_smooth_1.png?nolink&500|}}\\
//Пример графика Time-series Smooth Line//
</WRAP>
<WRAP column 30%>
{{:superset:work_in_superset:charts:types_ts_smooth_2.png?nolink&800|}}\\
//Создание графика Time-series Smooth Line//
</WRAP>
</WRAP>


\\
<WRAP group>
<WRAP column 30%>
В редакторе графика раздел **Данные** определены следующие настройки:
  * **Тип визуализации** позволяет изменять тип графика;
  * **Время** – позволяет настраивать параметры, связанные со временем, а именно название столбца, разделение данных (секунда, минута, час, день, неделя и т.д.) и временной фильтр (диапазон используемых дат);
  * **Запрос** содержит следующие поля:
    * В **Показатели** прописывается агрегатная функция (count, count_distinct, avg, sum, max, min) и столбец, над которым она будет выполняться. Также можно самостоятельно прописать агрегатную функцию во вкладке **Через SQL**;
    * В **Dimensions** указываются столбцы, по которым должна будет произведена группировка;
    * **Contribution mode** – рассчитать процентное соотношение;
    * **Фильтры** – условие (where или having), по которому можно ограничить данные из датасета;
    * **Лимит количества рядов** – количество объектов группировки (указанные в **Dimensions**), которые будут отображаться;
    * **Сортировка** – агрегатная функция, по которой будет происходить сортировка;
    * **Лимит строк** – ограничение используемых строк, по которым будет строиться график;
    * **Truncate metric** – урезать показатели (не отображать агрегатную функцию, использованную в **Показатели**).


</WRAP>

<WRAP column 60%>
В редакторе графика раздел **Настроить** определены следующие настройки:
  * **Chart title**:
    *** X axis title** – подпись оси Х;
    * **X axis bottom margin** – отступ для подписи **X axis title**;
    * **Y axis title** – подпись для оси Y;
    * **Y axis title margin** – отступ для подписи **Y axis title**;
    * **Y axis title position** – расположение **Y axis title**;
  * **Chart options**:
    * **Color scheme** – цветовая палитра графика;
    * **Show value** – показать значения;
    * **Marker** – показать маркер;
    * **Marker size** – размер маркера. Доступно при выбранном **Marker**;
    * **Data zoom** – включить элемент управления диапазоном дат;
    * **Show legend** – отображать легенду графика;
    * **Type** – тип легенды;
    * **Orientation** – расположение легенды;
    * **Margin** – отступ легенды от графика;
    * **Time format** – формат даты и времени;
    * **Rotate x axis label** – расположение делений шкалы оси Х;
    * **Rich tooltip** – отображать показатели всех графиков при наведении на маркеры;
    * **Tooltip sort by metric** – отсортировать показатели по убыванию. Доступно, если включен **Rich tooltip**;
    * **Tooltip time format** – формат даты и времени при включенном **Rich tooltip**;
    * **Формат оси Y** – формат числовых данных (см. подробнее [[https://github.com/d3/d3-format|формат d3]]);  
    * **Logarithmic y-axis** – логарифмическая шкала оси Y;
    * **Minor split line** – отображать мелкие разделительные линии для оси Y;
    * **Truncate y axis** – настроить минимальное и максимальное значение оси Y.

</WRAP>
</WRAP>
\\
При нажатии на кнопку **Update chart** график обновится.
----
\\
==== Ступенчатая диаграмма временных рядов (Time-series Stepped Line)   ====
<WRAP group>
<WRAP column 30%>
**Time-series Stepped Line** – cтупенчатая линейная диаграмма представляет собой вариант линейной диаграммы, но с линией, образующей ряд шагов между точками данных. Ступенчатая диаграмма может быть полезна, когда вы хотите показать изменения, происходящие через неравные интервалы времени. \\ \\
При создании графика в категории Evolution выбираем тип **Time-series Stepped Line**.
</WRAP>

<WRAP column 30%>
{{:superset:work_in_superset:charts:types_ts_stepped_1.png?nolink&500|}}\\
//Пример графика Time-series Stepped Line//
</WRAP>
<WRAP column 30%>
{{:superset:work_in_superset:charts:types_ts_stepped_2.png?nolink&630|}}\\
//Создание графика Time-series Stepped Line//
</WRAP>
</WRAP>


\\
<WRAP group>
<WRAP column 30%>
В редакторе графика раздел **Данные** определены следующие настройки:
  * **Тип визуализации** позволяет изменять тип графика;
  * **Время** – позволяет настраивать параметры, связанные со временем, а именно название столбца, разделение данных (секунда, минута, час, день, неделя и т.д.) и временной фильтр (диапазон используемых дат);
  * **Запрос** содержит следующие поля:
    * В **Показатели** прописывается агрегатная функция (count, count_distinct, avg, sum, max, min) и столбец, над которым она будет выполняться. Также можно самостоятельно прописать агрегатную функцию во вкладке **Через SQL**;
    * В **Dimensions** указываются столбцы, по которым должна будет произведена группировка;
    * **Contribution mode** – рассчитать процентное соотношение;
    * **Фильтры** – условие (where или having), по которому можно ограничить данные из датасета;
    * **Лимит количества рядов** – количество объектов группировки (указанные в **Dimensions**), которые будут отображаться;
    * **Сортировка** – агрегатная функция, по которой будет происходить сортировка;
    * **Лимит строк** – ограничение используемых строк, по которым будет строиться график;
    * **Truncate metric** – урезать показатели (не отображать агрегатную функцию, использованную в **Показатели**).


</WRAP>

<WRAP column 60%>
В редакторе графика раздел **Настроить** определены следующие настройки:
  * **Chart title:**
    * **X axis title** – подпись оси Х;
    * **X axis bottom margin** – отступ для подписи **X axis title**;
    * **Y axis title** – подпись для оси Y;
    * **Y axis title margin** – отступ для подписи **Y axis title**;
    * **Y axis title position** – расположение **Y axis title**;
  * **Chart options**:
    * **Color scheme** – цветовая палитра графика;
    * **Step type** – метод определения шага;
    * **Show value** – показать значения;
    * **Stack series** – накопительный график;
    * **Only total** – показывать только результирующее значение. Доступно при выбранном **Stack series**;
    * **Area chart** –  выделение областей;
    * **Area chart opacity** – прозрачность областей. Доступно при выбранном **Area chart**;
    * **Marker** – показать маркер;
    * **Marker size** – размер маркера. Доступно при выбранном **Marker**;
    * **Data zoom** – включить элемент управления диапазоном дат;
    * **Show legend** – отображать легенду графика;
    * **Type** – тип легенды;
    * **Orientation** – расположение легенды;
    * **Margin** – отступ легенды от графика;
    * **Time format** – формат даты и времени;
    * **Rotate x axis label** – расположение делений шкалы оси Х;
    * **Rich tooltip** – отображать показатели всех графиков при наведении на маркеры;
    * **Tooltip sort by metric** – отсортировать показатели по убыванию. Доступно, если включен **Rich tooltip**;
    * **Tooltip time format** – формат даты и времени при включенном **Rich tooltip**;
    * **Формат оси Y** – формат числовых данных (см. подробнее [[https://github.com/d3/d3-format|формат d3]]);  
    * **Logarithmic y-axis** – логарифмическая шкала оси Y;
    * **Minor split line** – отображать мелкие разделительные линии для оси Y;
    * **Truncate y axis** – настроить минимальное и максимальное значение оси Y.


</WRAP>
</WRAP>
\\
При нажатии на кнопку **Update chart** график обновится.

===== Потоковая диаграмма (Flow) =====
Используйте графики из категории Flow для представления какого-либо процесса поэтапно.

\\
==== Sankey Diagram  ====
**Sankey Diagram** визуализирует поток значений различных групп через различные этапы системы. Новые этапы конвейера визуализируются как узлы или слои. Толщина полос или ребер представляет визуализируемую метрику.
----
\\
==== Event Flow   ====
**Event Flow** cравнивает продолжительность времени, которое занимают различные действия в общем представлении временной шкалы.
----
\\
==== Graph Chart   ====
**Graph Chart** отображает связи между объектами в структуре графа. Полезно для отображения отношений и отображения того, какие узлы важны в сети. Графические диаграммы можно настроить так, чтобы они направлялись принудительно или циркулировали. Если ваши данные содержат геопространственный компонент, попробуйте дуговую диаграмму **deck.gl**.
----
\\
==== Chord Diagram   ====
**Chord Diagram** демонстрирует поток или связь между категориями, используя толщину хорд. Значение и соответствующая толщина могут быть разными для каждой стороны.
\\

===== Ключевые показатели (KPI) =====
Используйте графики из категории KPI для выражения показателей результативности и эффективности.
\\
==== Ключевой показатель (Big Number)    ====
<WRAP group>
<WRAP column 30%>
**Big Number** демонстрирует единую метрику. **Big Number** лучше всего использовать, чтобы привлечь внимание к ключевому показателю эффективности или тому, на чем вы хотите, чтобы ваша аудитория сосредоточилась. \\ \\
При создании графика в категории KPI выбираем тип **Big Number**.
</WRAP>

<WRAP column 30%>
{{:superset:work_in_superset:charts:types_bn_1.png?nolink&280|}}\\
//Пример графика Big Number//
</WRAP>
<WRAP column 30%>
{{:superset:work_in_superset:charts:types_bn_2.png?nolink&400|}}\\
//Создание графика Big Number//
</WRAP>
</WRAP>


\\
<WRAP group>
<WRAP column 60%>
В редакторе графика раздел **Данные** определены следующие настройки:
  * **Тип визуализации** позволяет изменять тип графика;
  * **Время** – позволяет настраивать параметры, связанные со временем, а именно название столбца, разделение данных (секунда, минута, час, день, неделя и т.д.) и временной фильтр (диапазон используемых дат);
  * **Запрос** содержит следующие поля:
    * В **Показатели** прописывается агрегатная функция (count, count_distinct, avg, sum, max, min) и столбец, над которым она будет выполняться. Также можно самостоятельно прописать агрегатную функцию во вкладке Через SQL;
    * **Фильтры** – условие (where или having), по которому можно ограничить данные из датасета;
  * **Display settings**:
    * **Subheader** – подпись под числом.

</WRAP>

<WRAP column 30%>
В редакторе графика раздел **Настроить** определены следующие настройки:
  * **Chart options**:
    * **Big number font size** – размер числа на графике;
    * **Subheader size** – размер **Subheader**;
    * **Number format** – формат числовых данных (см. подробнее [[https://github.com/d3/d3-format|формат d3]]);  
    * **Date format** – формат даты и времени;
    * **Force date format**.

</WRAP>
</WRAP>
\\
При нажатии на кнопку **Update chart** график обновится.
----
\\
==== Ключевой показатель с линией тренда (Big Number with Trendline)   ====
<WRAP group>
<WRAP column 30%>
**Big Number with Trendline** показывает одно число, сопровождаемое простой линейной диаграммой, чтобы привлечь внимание к важному показателю, а также к его изменению во времени или другому параметру. \\ \\
При создании графика в категории KPI выбираем тип **Big Number with Trendline**.
</WRAP>

<WRAP column 30%>
{{:superset:work_in_superset:charts:types_bn_trend_1.png?nolink&410|}}\\
//Пример графика Big Number with Trendline//
</WRAP>
<WRAP column 30%>
{{:superset:work_in_superset:charts:types_bn_trend_2.png?nolink&400|}}\\
//Создание графика Big Number with Trendline//
</WRAP>
</WRAP>


\\
<WRAP group>
<WRAP column 60%>
В редакторе графика раздел **Данные** определены следующие настройки:
  * **Тип визуализации** позволяет изменять тип графика;
  * **Время** – позволяет настраивать параметры, связанные со временем, а именно название столбца, разделение данных (секунда, минута, час, день, неделя и т.д.) и временной фильтр (диапазон используемых дат);
  * **Запрос** содержит следующие поля:
    * В **Показатели** прописывается агрегатная функция (count, count_distinct, avg, sum, max, min) и столбец, над которым она будет выполняться. Также можно самостоятельно прописать агрегатную функцию во вкладке **Через SQL**;
    * **Фильтры** – условие (where или having), по которому можно ограничить данные из датасета;
  * **Options**
    * **Comparison period lag** – количество периодов для сравнения. Результат сравнения отображается в процентах под числом на графике;
    * **Comparison suffix** – подпись под числом, рядом с процентом;
    * **Show timestamp** – показать последнюю дату и время (или другой параметр), для которого был посчитан показатель;
    * **Show trend line** – показать линию тренда;
    * **Start y-axis at 0** – начало графика с нуля;
    * **Лимит количества рядов** – количество объектов группировки (указанные в **Dimensions**), которые будут отображаться;
    * **Сортировка** – агрегатная функция, по которой будет происходить сортировка;
    * **Лимит строк** – ограничение используемых строк, по которым будет строиться график;
    * **Truncate metric** – урезать показатели (не отображать агрегатную функцию, использованную в **Показатели**).



</WRAP>

<WRAP column 30%>
В редакторе графика раздел **Настроить** определены следующие настройки:
  * **Chart options**:
    * **Fixed color** – цвет графика;
    * **Big number font size** – размер числа на графике;
    * **Subheader size** – размер **Comparison suffix**;
    * **Number format** – формат числовых данных (см. подробнее [[https://github.com/d3/d3-format|формат d3]]);  
    * **Date format** – формат даты и времени;
    * **Force date format**

</WRAP>
</WRAP>
\\
При нажатии на кнопку **Update chart** график обновится.

----
\\
==== Пулевая диаграмма (Bullet Chart)   ====
<WRAP group>
<WRAP column 30%>
**Bullet Chart** демонстрирует прогресс одной метрики по отношению к заданной цели. Чем выше заполнение, тем ближе метрика к цели.\\ \\
При создании графика в категории KPI выбираем тип **Bullet Chart**.
</WRAP>

<WRAP column 30%>
а) {{:superset:work_in_superset:charts:types_bullet_1.png?nolink&400|}}\\

б) {{:superset:work_in_superset:charts:types_bullet_2.png?nolink&400|}}\\

в) {{:superset:work_in_superset:charts:types_bullet_3.png?nolink&400|}}\\

//Пример графика Bullet Chart//
</WRAP>
<WRAP column 30%>
{{:superset:work_in_superset:charts:types_bullet_4.png?nolink&460|}}\\
//Создание графика Bullet Chart//
</WRAP>
</WRAP>


\\

В редакторе графика раздел **Данные** определены следующие настройки:
  * **Тип визуализации** позволяет изменять тип графика;
  * **Время** – позволяет настраивать параметры, связанные со временем, а именно название столбца, разделение данных (секунда, минута, час, день, неделя и т.д.) и временной фильтр (диапазон используемых дат);
  * **Запрос** содержит следующие поля:
    * В **Показатели** прописывается агрегатная функция (count, count_distinct, avg, sum, max, min) и столбец, над которым она будет выполняться. Также можно самостоятельно прописать агрегатную функцию во вкладке **Через SQL**;
    * **Фильтры** – условие (where или having), по которому можно ограничить данные из датасета;
  * **Chart options**:
    * **Ranges** – максимальное значение показателя;
    * **Range labels** – подпись для показателя;
    * **Markers** – маркер (треугольник);
    * **Marker labels** – подпись для **Markers**;
    * **Marker lines** – маркер-линия;
    * **Marker line labels** – подпись для **Marker lines**.
\\
При нажатии на кнопку **Update chart** график обновится.
----
\\
==== Воронка (Funnel Chart)   ====
<WRAP group>
<WRAP column 30%>
**Funnel Chart** демонстрирует, как метрика меняется по мере прохождения воронки. Эта классическая диаграмма полезна для визуализации спада между этапами конвейера или жизненного цикла. \\ \\
При создании графика в категории KPI выбираем тип **Funnel Chart**.
</WRAP>

<WRAP column 30%>
{{:superset:work_in_superset:charts:types_funnel_1.png?nolink&400|}}\\
//Пример графика Funnel Chart//
</WRAP>
<WRAP column 30%>
{{:superset:work_in_superset:charts:types_funnel_2.png?nolink&520|}}\\
//Создание графика Funnel Chart//
</WRAP>
</WRAP>


\\
<WRAP group>
<WRAP column 60%>
В редакторе графика раздел **Данные** определены следующие настройки:
  * **Тип визуализации** позволяет изменять тип графика;
  * **Время** – позволяет настраивать параметры, связанные со временем, а именно название столбца, разделение данных (секунда, минута, час, день, неделя и т.д.) и временной фильтр (диапазон используемых дат);
  * **Запрос** содержит следующие поля:
    * В **Dimensions** указываются столбцы, по которым должна будет произведена группировка; 
    * В **Показатель** прописывается агрегатная функция (count, count_distinct, avg, sum, max, min) и столбец, над которым она будет выполняться. Также можно самостоятельно прописать агрегатную функцию во вкладке **Через SQL**;
    * **Фильтры** – условие (where или having), по которому можно ограничить данные из датасета;
    * **Лимит строк** – ограничение используемых строк, по которым будет строиться график;
    * **Sort by metric** – отсортировать по значению показателя.


</WRAP>

<WRAP column 30%>
В редакторе графика раздел **Настроить** определены следующие настройки:
  * **Chart options**:
    * **Color scheme** – цветовая палитра графика;
    * **Show legend** – отображать легенду графика;
    * **Orientation** – расположение легенды;
    * **Margin** – отступ легенды от графика;
    * **Label type** – подписи на графике;
    * **Number format** – формат числовых данных (см. подробнее [[https://github.com/d3/d3-format|формат d3]]);  
    * **Show labels** – отображать Label type.


</WRAP>
</WRAP>
\\
При нажатии на кнопку **Update chart** график обновится.
----
\\
==== Радиальный датчик (Gauge Chart)   ====
<WRAP group>
<WRAP column 30%>
**Gauge Chart** использует датчик для демонстрации прогресса метрики в направлении цели. Положение циферблата представляет прогресс, а конечное значение на датчике представляет собой целевое значение.\\ \\
При создании графика в категории KPI выбираем тип **Gauge Chart**.
</WRAP>

<WRAP column 30%>
{{:superset:work_in_superset:charts:types_gauge_1.png?nolink&400|}}\\
//Пример графика Gauge Chart//
</WRAP>
<WRAP column 30%>
{{:superset:work_in_superset:charts:types_gauge_2.png?nolink&700|}}\\
//Создание графика Gauge Chart//
</WRAP>
</WRAP>


\\
<WRAP group>
<WRAP column 30%>
В редакторе графика раздел **Данные** определены следующие настройки:
  * **Тип визуализации** позволяет изменять тип графика;
  * **Время** – позволяет настраивать параметры, связанные со временем, а именно название столбца, разделение данных (секунда, минута, час, день, неделя и т.д.) и временной фильтр (диапазон используемых дат);
  * **Запрос** содержит следующие поля:
    * В **Dimensions** указываются столбцы, по которым должна будет произведена группировка; 
    * В **Показатель** прописывается агрегатная функция (count, count_distinct, avg, sum, max, min) и столбец, над которым она будет выполняться. Также можно самостоятельно прописать агрегатную функцию во вкладке **Через SQL**;
    * **Фильтры** – условие (where или having), по которому можно ограничить данные из датасета;
    * **Лимит строк** – ограничение используемых строк, по которым будет строиться график;
    * **Sort by metric** – отсортировать по значению показателя.

</WRAP>

<WRAP column 60%>
В редакторе графика раздел **Настроить** определены следующие настройки:
  * **Chart options**:
    * **Минимум** – минимальное значение оси;
    * **Максимум** – максимальное значение оси;
    * **Start angle** – начальный угол;
    * **End angle** – конечный угол;
    * **Color scheme** – цветовая палитра графика;
    * **Font size** – размер графика;
    * **Number format** – формат числовых данных (см. подробнее [[https://github.com/d3/d3-format|формат d3]]);  
    * **Value format** – добавить текст к значению;
    * **Show pointer** – показать стрелки указателя;
    * **Animation** – отображать анимацию;
    * **Show axis line ticks** – показывать мелкие деления на оси;
    * **Show split lines** – показывать большие деления на оси;
    * **Split number** – количество сегментов, на которые нужно разделить ось;
    * **Show progress** – отображать прогресс показателей;
    * **Overlap** – перекрывать ли индикатор выполнения при наличии нескольких групп данных;
    * **Round cap** – изменение стиля результирующей линии;
    * **Interval bounds** – границы интервалов;
    * **Interval colors** – цвета для интервалов. 


</WRAP>
</WRAP>
\\
При нажатии на кнопку **Update chart** график обновится.

===== Карта (Map) =====
<WRAP center centeralign round important 30%>
<wrap em>ДАННЫЙ РАЗДЕЛ В РАЗРАБОТКЕ</wrap>\\
**Зайдите сюда позже...**
</WRAP>
===== Часть целого (Part of a whole) =====
Используйте графики из категории Part of whole для отображения сегментов данных и их показателей.
\\
==== Круговая диаграмма (Pie chart)  ====
<WRAP group>
<WRAP column 30%>
**Pie Chart** — классическая круговая диаграмма.\\ \\
При создании графика в категории Part of a whole выбираем тип **Pie chart**.
</WRAP>

<WRAP column 30%>
{{:superset:work_in_superset:charts:types_pie_1.png?nolink&500|}}\\
//Пример графика Gauge Chart//
</WRAP>
<WRAP column 30%>
{{:superset:work_in_superset:charts:types_pie_2.png?nolink&800|}}\\
//Создание графика Gauge Chart//
</WRAP>
</WRAP>


\\
<WRAP group>
<WRAP column 50%>
В редакторе графика раздел **Данные** определены следующие настройки:
  * **Тип визуализации** позволяет изменять тип графика;
  * **Время** – позволяет настраивать параметры, связанные со временем, а именно название столбца, разделение данных (секунда, минута, час, день, неделя и т.д.) и временной фильтр (диапазон используемых дат);
  * **Запрос** содержит следующие поля:
    * В **Dimensions** указываются столбцы, по которым должна будет произведена группировка; 
    * В **Показатель** прописывается агрегатная функция (count, count_distinct, avg, sum, max, min) и столбец, над которым она будет выполняться. Также можно самостоятельно прописать агрегатную функцию во вкладке **Через SQL**;
    * **Фильтры** – условие (where или having), по которому можно ограничить данные из датасета;
    * **Лимит строк** – ограничение используемых строк, по которым будет строиться график;
    * **Sort by metric** – отсортировать по значению показателя.

</WRAP>

<WRAP column 50%>
В редакторе графика раздел **Настроить** определены следующие настройки:
  * **Chart options**:
    * **Color scheme** – цветовая палитра графика;
    * **Percentage threshold** – минимальное число процентов для того, чтобы показывались названия делений;
    * **Show legend** – отображать легенду графика;
    * **Orientation** – расположение легенды;
    * **Margin** – отступ легенды от графика;
    * **Label type** – подписи на графике;
    * **Number format** – формат числовых данных (см. подробнее [[https://github.com/d3/d3-format|формат d3]]);  
    * **Date format** – формат даты и времени;
    * **Show labels** – отображать подписи;
    * **Put labels outside** – отображать подписи делений вне графика;
    * **Label line** – нужно ли отображать линию рядом с подписью;
    * **Show total** – нужно ли показывать значение агрегатной функции по всей  выборке (независимо от группировки);
    * **Outer radius** – радиус диаграммы;
    * **Donut** – тип графика – пончик;
    * **Inner radius** – внутренний радиус. Доступно при выбранном **Donut**.
 


</WRAP>
</WRAP>
\\
При нажатии на кнопку **Update chart** график обновится.
----
\\
==== Плоское дерево (Treemap)   ====
<WRAP group>
<WRAP column 30%>
**Treemap** отображает состав набора данных путем сегментации данного прямоугольника на меньшие прямоугольники с площадями, пропорциональными их значению или вкладу в целое. Эти прямоугольники, в свою очередь, также могут быть дополнительно сегментированы иерархически.\\ \\
При создании графика в категории Part of a whole выбираем тип **Treemap**.
</WRAP>

<WRAP column 30%>
{{:superset:work_in_superset:charts:types_treemap_1.png?nolink&600|}}\\
//Пример графика Treemap//
</WRAP>
<WRAP column 30%>
{{:superset:work_in_superset:charts:types_treemap_2.png?nolink&700|}}\\
//Создание графика Treemap//
</WRAP>
</WRAP>


\\
<WRAP group>
<WRAP column 60%>
В редакторе графика раздел **Данные** определены следующие настройки:
  * **Тип визуализации** позволяет изменять тип графика;
  * **Время** – позволяет настраивать параметры, связанные со временем, а именно название столбца, разделение данных (секунда, минута, час, день, неделя и т.д.) и временной фильтр (диапазон используемых дат);
  * **Запрос** содержит следующие поля:
    * В **Показатель** прописывается агрегатная функция (count, count_distinct, avg, sum, max, min) и столбец, над которым она будет выполняться. Также можно самостоятельно прописать агрегатную функцию во вкладке **Через SQL**;
    * **Фильтры** – условие (where или having), по которому можно ограничить данные из датасета;
    * В **Dimensions** указываются столбцы, по которым должна будет произведена группировка; 
    * **Лимит строк** – ограничение используемых строк, по которым будет строиться график;
    * **Сортировка** – агрегатная функция и столбец для сортировки.
  * **Chart options**:
    * **Color scheme** – цветовая палитра графика;
    * **Ratio** – соотношение сторон для плиток диаграммы;
    * **Number format** – формат числовых данных (см. подробнее [[https://github.com/d3/d3-format|формат d3]]).  


</WRAP>

<WRAP column 30%>

</WRAP>
</WRAP>
\\

При нажатии на кнопку **Update chart** график обновится.
----
\\
==== Плоское дерево (Treemap v2)   ====
<WRAP group>
<WRAP column 30%>
**Treemap** отображает иерархические отношения данных со значением, представленным площадью, показывая пропорцию и вклад в целое.\\ \\
При создании графика в категории Part of a whole выбираем тип **Treemap**.
</WRAP>

<WRAP column 30%>
{{:superset:work_in_superset:charts:types_treemap_v2_1.png?nolink&600|}}\\
//Пример графика Treemap //
</WRAP>
<WRAP column 30%>
{{:superset:work_in_superset:charts:types_treemap_v2_2.png?nolink&650|}}\\
//Создание графика Treemap //
</WRAP>
</WRAP>


\\
<WRAP group>
<WRAP column 50%>
В редакторе графика раздел **Данные** определены следующие настройки:
  * **Тип визуализации** позволяет изменять тип графика;
  * **Время** – позволяет настраивать параметры, связанные со временем, а именно название столбца, разделение данных (секунда, минута, час, день, неделя и т.д.) и временной фильтр (диапазон используемых дат);
  * **Запрос** содержит следующие поля:
    * В **Dimensions** указываются столбцы, по которым должна будет произведена группировка; 
    * В **Показатель** прописывается агрегатная функция (count, count_distinct, avg, sum, max, min) и столбец, над которым она будет выполняться. Также можно самостоятельно прописать агрегатную функцию во вкладке **Через SQL**;
    * **Лимит строк** – ограничение используемых строк, по которым будет строиться график;
    * **Sort by metric** – отсортировать по значению показателя;
    * **Фильтры** – условие (where или having), по которому можно ограничить данные из датасета.


</WRAP>

<WRAP column 50%>
В редакторе графика раздел **Настроить** определены следующие настройки:
  * **Chart options**:
    * **Color scheme** – цветовая палитра графика;
    * **Show labels** – отображать подписи;
    * **Show upper labels** – отображать подписи верхнего уровня;
    * **Label type** – подписи на графике;
    * **Number format** – формат числовых данных (см. подробнее [[https://github.com/d3/d3-format|формат d3]]);  
    * **Date format** – формат даты и времени.

</WRAP>
</WRAP>
\\
При нажатии на кнопку **Update chart** график обновится.

----
\\
==== Диаграмма Солнечные лучи (Sunburst chart)   ====
<WRAP group>
<WRAP column 20%>
В **Sunburst Chart** используются круги для многогрупповой визуализации данных.\\ \\
При создании графика в категории Part of a whole выбираем тип **Sunburst Chart**.
</WRAP>

<WRAP column 40%>
<WRAP group>
<WRAP half column>
{{:superset:work_in_superset:charts:types_sun_1.png?nolink&300|}}\\
а) 
</WRAP>

<WRAP half column>
{{:superset:work_in_superset:charts:types_sun_2.png?nolink&290|}}\\
б) 
</WRAP>
</WRAP>

//Пример графика Sunburst Chart//
</WRAP>
<WRAP column 30%>
{{:superset:work_in_superset:charts:types_sun_3.png?nolink&600|}}\\
//Создание графика Sunburst Chart//
</WRAP>
</WRAP>


\\
<WRAP group>
<WRAP column 60%>
В редакторе графика раздел **Данные** определены следующие настройки:
  * **Тип визуализации** позволяет изменять тип графика;
  * **Время** – позволяет настраивать параметры, связанные со временем, а именно название столбца, разделение данных (секунда, минута, час, день, неделя и т.д.) и временной фильтр (диапазон используемых дат);
  * **Запрос** содержит следующие поля:
    * В **Hierarchy** указываются столбцы в порядке иерархии, по которым должна будет произведена группировка; 
    * В **Primary metric** прописывается агрегатная функция (count, count_distinct, avg, sum, max, min) и столбец, над которым она будет выполняться. Также можно самостоятельно прописать агрегатную функцию во вкладке **Через SQL**;
    * **Secondary metric** используется для определения цвета по отношению к Primary metric. Здесь прописывается агрегатная функция (count, count_distinct, avg, sum, max, min) и столбец, над которым она будет выполняться. Также можно самостоятельно прописать агрегатную функцию во вкладке Через SQL;
    * **Фильтры** – условие (where или having), по которому можно ограничить данные из датасета; 
    * **Лимит строк** – ограничение используемых строк, по которым будет строиться график;
    * **Sort by metric** – отсортировать по значению показателя.

</WRAP>

<WRAP column 30%>
В редакторе графика раздел **Настроить** определены следующие настройки:
  * **Chart options**:
    * **Color scheme** – цветовая палитра графика.

</WRAP>
</WRAP>
\\
При нажатии на кнопку **Update chart** график обновится.
----
\\
==== Partition chart    ====
<WRAP group>
<WRAP column 30%>
**Partition Chart** для сравнения одного и того же показателя по нескольким группам.\\ \\
При создании графика в категории Part of a whole выбираем тип **Partition Chart**.
</WRAP>

<WRAP column 30%>
{{:superset:work_in_superset:charts:types_part_1.png?nolink&600|}}\\
//Пример графика Partition Chart//
</WRAP>
<WRAP column 30%>
{{:superset:work_in_superset:charts:types_part_2.png?nolink&800|}}\\
//Создание графика Partition Chart//
</WRAP>
</WRAP>


\\
<WRAP group>
<WRAP column 60%>
В редакторе графика раздел **Данные** определены следующие настройки:
  * **Тип визуализации** позволяет изменять тип графика;
  * **Время** – позволяет настраивать параметры, связанные со временем, а именно название столбца, разделение данных (секунда, минута, час, день, неделя и т.д.) и временной фильтр (диапазон используемых дат);
  * **Запрос** содержит следующие поля:
    * В **Показатели** прописывается агрегатная функция (count, count_distinct, avg, sum, max, min) и столбец, над которым она будет выполняться. Также можно самостоятельно прописать агрегатную функцию во вкладке **Через SQL**;
    * **Фильтры** – условие (where или having), по которому можно ограничить данные из датасета;
    * В **Dimensions** указываются столбцы, по которым должна будет произведена группировка; 
    * **Лимит количества рядов** – количество объектов группировки (указанные в Dimensions), которые будут использоваться;
    * **Сортировка** – агрегатная функция, по которой будет происходить сортировка;
    * **Доля** – отобразить график в долях;
    * **Лимит строк** – ограничение используемых строк, по которым будет строиться график;
  * **Time-series options**:
    * **Options** – настройка для временных рядов;
  * **Chart options**:
    * **Color scheme** – цветовая палитра графика;
    * **Number format** – формат числовых данных (см. подробнее [[https://github.com/d3/d3-format|формат d3]]);  
    * **Date format** – формат даты и времени;
    * **Partition limit** – максимальное число делений в каждой группе;
    * **Partition threshold**;
    * **Log scale** – логарифмическая шкала.

</WRAP>

<WRAP column 50%>

</WRAP>
</WRAP>
\\
При нажатии на кнопку **Update chart** график обновится.
----
\\
==== Древовидная диаграмма (Tree chart)    ====
**Tree Chart** визуализирует несколько уровней иерархии, используя древовидную структуру.\\
<WRAP center centeralign round important 30%>
<wrap em>ДАННЫЙ РАЗДЕЛ В РАЗРАБОТКЕ</wrap>\\
**Зайдите сюда позже...**
</WRAP>


===== Ранжирование (Ranking) =====
Используйте графики из категории Ranking для отображения сегментов данных, их показателей и значимости.
\\
==== Столбчатая диаграмма (Bar chart)   ====
<WRAP group>
<WRAP column 30%>
**Bar Chart** позволяет сравнивать показатели из разных категорий с помощью столбцов. Длина столбцов используется для обозначения величины каждого значения, а цвет используется для различия групп.\\ \\
При создании графика в категории Ranking выбираем тип **Bar Chart**.
</WRAP>

<WRAP column 30%>
{{:superset:work_in_superset:charts:types_bar_1.png?nolink&400|}}\\
//Пример графика Bar Chart//
</WRAP>
<WRAP column 30%>
{{:superset:work_in_superset:charts:types_bar_2.png?nolink&600|}}\\
//Создание графика Bar Chart//
</WRAP>
</WRAP>


\\
<WRAP group>
<WRAP column 30%>
В редакторе графика раздел **Данные** определены следующие настройки:
  * **Тип визуализации** позволяет изменять тип графика;
  * **Время** – позволяет настраивать параметры, связанные со временем, а именно название столбца, разделение данных (секунда, минута, час, день, неделя и т.д) и временной фильтр (диапазон используемых дат);
  * **Запрос** содержит следующие поля:
    * В **Показатели** прописывается агрегатная функция (count, count_distinct, avg, sum, max, min) и столбец, над которым она будет выполняться. Также можно самостоятельно прописать агрегатную функцию во вкладке **Через SQL**;
    * **Фильтры** – условие (where или having), по которому можно ограничить данные из датасета;
    * В **Dimensions** указываются столбцы, по которым должна будет произведена группировка; 
    * В **Breakdowns** указывается по какому столбцу производить группировку внутри групп, указанных в **Dimensions**;
    * **Лимит строк** – ограничение используемых строк, по которым будет строиться график;
    * **Сортировка** – агрегатная функция, по которой будет происходить сортировка;
    * **Доля** – отобразить график в долях.

</WRAP>

<WRAP column 60%>
  * **Chart options**:
    * **Color scheme** – цветовая палитра графика;
    * **Legend** – нужно ли отображать легенду на графике;
    * **Bar values** – показывать значения показателей;
    * **Rich tooltip** – отображать показатели всех графиков при наведении на маркеры;
    * **Stacked bars** – использовать накопительную диаграмму;
    * **Sort bars** – отсортировать диаграмму по Dimensions;
    * **Формат оси Y** – формат числовых данных (см. подробнее [[https://github.com/d3/d3-format|формат d3]]);
    * **Y axis label** – название оси Y;
    * **Extra controls** – переключатель типа графика;
    * **Y bounds** – по краям оси  Х отображать минимальное и максимальное значение;
    * **Y-axis bounds** – диапазон шкалы Y.
    * **X axis label** – название оси Х;
    * **Bottom margin** – отступ для **X axis label**;
    * **X tick layout** – расположение делений шкалы оси Х;
    * **Reduce x ticks** – уменьшить количество делений шкалы на оси Х.

</WRAP>
</WRAP>
\\
При нажатии на кнопку **Update chart** график обновится.
----
\\
==== Облако слов (Word cloud)   ====
<WRAP group>
<WRAP column 30%>
**Word Cloud** визуализирует слова в столбце, которые имеют наибольшее значение метрики. Более крупный шрифт соответствует более высокой частоте.\\ \\
При создании графика в категории Ranking выбираем тип **Word Cloud**.
</WRAP>

<WRAP column 30%>
{{:superset:work_in_superset:charts:types_word_cloud_1.png?nolink&400|}}\\
//Пример графика Word Cloud//
</WRAP>
<WRAP column 30%>
{{:superset:work_in_superset:charts:types_word_cloud_2.png?nolink&420|}}\\
//Создание графика Word Cloud//
</WRAP>
</WRAP>


\\
<WRAP group>
<WRAP column 60%>
В редакторе графика раздел **Данные** определены следующие настройки:
  * **Тип визуализации** позволяет изменять тип графика;
  * **Время** – позволяет настраивать параметры, связанные со временем, а именно название столбца, разделение данных (секунда, минута, час, день, неделя и т.д.) и временной фильтр (диапазон используемых дат);
  * **Запрос** содержит следующие поля:
    * В **Dimensions** указываются столбцы, по которым должна будет произведена группировка; 
    * В **Показатели** прописывается агрегатная функция (count, count_distinct, avg, sum, max, min) и столбец, над которым она будет выполняться. Также можно самостоятельно прописать агрегатную функцию во вкладке **Через SQL**;
    * **Фильтры** – условие (where или having), по которому можно ограничить данные из датасета;
    * **Лимит строк** – ограничение используемых строк, по которым будет строиться график;
    * **Sort by metric** – отсортировать результат по выбранной метрике.

</WRAP>

<WRAP column 30%>
  * **Options**:
    * **Minimum font size** – минимальный размер шрифта;
    * **Maximum font size** – максимальный размер шрифта;
    * **Word rotation** – вид расположения слов;
    * **Color scheme** – цветовая палитра графика.

</WRAP>
</WRAP>
\\
При нажатии на кнопку **Update chart** график обновится.
----
\\
==== Nightingale rose chart   ====
<WRAP group>
<WRAP column 30%>
**Nightingale Rose Chart** — диаграмма полярных координат, в которой окружность разбита на клинья с одинаковым углом, а значение, представленное любым клином, иллюстрируется его площадью, а не радиусом или углом развертки.\\ \\
При создании графика в категории Ranking выбираем тип **Nightingale Rose Chart**.
</WRAP>

<WRAP column 30%>
{{:superset:work_in_superset:charts:types_rose_1.png?nolink&500|}}\\
//Пример графика Nightingale Rose Chart//
</WRAP>
<WRAP column 30%>
{{:superset:work_in_superset:charts:types_rose_2.png?nolink&600|}}\\
//Создание графика Nightingale Rose Chart//
</WRAP>
</WRAP>


\\
<WRAP group>
<WRAP column 60%>
В редакторе графика раздел **Данные** определены следующие настройки:
  * **Тип визуализации** позволяет изменять тип графика;
  * **Время** – позволяет настраивать параметры, связанные со временем, а именно название столбца, разделение данных (секунда, минута, час, день, неделя и т.д.) и временной фильтр (диапазон используемых дат);
  * **Запрос** содержит следующие поля:
    * В **Показатели** прописывается агрегатная функция (count, count_distinct, avg, sum, max, min) и столбец, над которым она будет выполняться. Также можно самостоятельно прописать агрегатную функцию во вкладке Через SQL;
    * **Фильтры** – условие (where или having), по которому можно ограничить данные из датасета;
    * В **Dimensions** указываются столбцы, по которым должна будет произведена группировка; 
    * **Лимит количества рядов** – количество объектов группировки (указанные в Dimensions), которые будут отображаться;
    * **Сортировка** – агрегатная функция, по которой будет происходить сортировка;
    * **Доля** – отобразить график в долях;
    * **Лимит строк** – ограничение используемых строк, по которым будет строиться график.

</WRAP>

<WRAP column 30%>
  * **Options**:
    * **Color scheme** – цветовая палитра графика;
    * **Number format** – формат числовых данных (см. подробнее [[https://github.com/d3/d3-format|формат d3]]);  
    * **Time format** – формат даты и времени;
    * **Rich tooltip** – отображать показатели всех графиков при наведении на маркеры;
    * **Use area proportions** – использовать размер пропорций в зависимости от значения метрики.

</WRAP>
</WRAP>
\\
При нажатии на кнопку **Update chart** график обновится.
----
\\
==== Parallel coordinates   ====
**Parallel Coordinates** отображает отдельные показатели для каждой строки данных вертикально и связывает их вместе в виде линии. Эта диаграмма полезна для сравнения нескольких показателей по всем образцам или строкам данных. \\
<WRAP center centeralign round important 30%>
<wrap em>ДАННЫЙ РАЗДЕЛ В РАЗРАБОТКЕ</wrap>\\
**Зайдите сюда позже...**
</WRAP>
----
\\
==== Диаграмма радар (Radar chart)    ====
**Radar Chart** визуализирует параллельный набор метрик для нескольких групп. Каждая группа визуализируется с использованием собственной линии точек, и каждая метрика представлена в виде ребра на диаграмме.\\
<WRAP center centeralign round important 30%>
<wrap em>ДАННЫЙ РАЗДЕЛ В РАЗРАБОТКЕ</wrap>\\
**Зайдите сюда позже...**
</WRAP>
===== Инструменты (Tools) =====
\\
==== Фильтр    ====
<WRAP group>
<WRAP column 45%>
**Фильтр** – компонент диаграммы, который позволяет добавить настраиваемый пользовательский интерфейс фильтра на панель инструментов. При добавлении на панель инструментов поле фильтра позволяет пользователям указывать определенные значения или диапазоны для фильтрации диаграмм. \\ \\
<WRAP center round tip 60%>
Обратите внимание, что этот плагин заменяется новой функцией [[superset:work_in_superset:dashboards:dashboard_filter|Фильтры]], которая находится в самом представлении панели инструментов. Он проще в использовании и имеет больше возможностей! \\
Подробнее см. [[superset:work_in_superset:dashboards:dashboard_editor|Редактор дашборда]].
</WRAP>

\\ \\
При создании графика в категории Tools выбираем тип **Фильтр**.
</WRAP>

<WRAP column 30%>
а) {{:superset:work_in_superset:charts:types_filter_1.png?nolink&400|}}\\
б) {{:superset:work_in_superset:charts:types_filter_2.png?nolink&400|}}\\
//Пример графика Фильтр//
</WRAP>
<WRAP column 15%>
{{:superset:work_in_superset:charts:types_filter_3.png?nolink&300|}}\\
//Создание графика Фильтр//
</WRAP>
</WRAP>
\\
<WRAP group>
<WRAP column 45%>
Диаграммы, к которым применяется каждое поле фильтра, также можно точно настроить в представлении панели мониторинга, зайдя в ваш дашборд и нажав на кнопку **Edit dashboard -> Установить действие фильтра**, где вы можете выбрать графики, к которым будет применяться ваш фильтр.
</WRAP>

<WRAP column 50%>
{{:superset:work_in_superset:charts:types_filter_4.png?nolink&240|}}
{{:superset:work_in_superset:charts:types_filter_5.png?nolink&550|}}

</WRAP>
</WRAP>

\\
<WRAP group>
<WRAP column 45%>
В редакторе графика раздел **Данные** определены следующие настройки:
  * **Тип визуализации** позволяет изменять тип графика;
  * **Время** – позволяет настраивать параметры, связанные со временем, а именно название столбца, разделение данных (секунда, минута, час, день, неделя и т.д.) и временной фильтр (диапазон используемых дат);
  * **Изменение настроек таблицы ** содержит следующие поля:
    * **Filters** – настройки фильтра:
      * Столбец – столбец для фильтрации;
      * Метка – название для //Столбец//;
      * Широта по умолчанию – значение фильтра по умолчанию;
      * Показатель для сортировки – показатель, по которому сортировать результаты;
      * Направление сортировки – сортировка по убыванию или по возрастанию;
      * Разрешить множественный фильтр – разрешить множественный выбор, иначе только одно значение;
      * Поиск/Фильтр – динамический поиск среди значений фильтра;
      * Обязательно – необходимо выбрать значение для фильтра;
    * **Временной фильтр** – фильтр на определенный временной диапазон;
    * **Мгновенная фильтрация** – фильтр применяется мгновенно, без нажатия на кнопку Применить;
    * **Show time grain dropdown** – деления (секунда, минута, час, день и т.д.) для фильтрации по времени;
    * **Show time column** – фильтр для выбора столбца, содержащего дату и время;
    * **Limit selector values** – ограничения для значений фильтра.
</WRAP>

<WRAP column 20%>

</WRAP>
</WRAP>



\\
При нажатии на кнопку **Update chart** график обновится.\\ \\
См. также [[superset:work_in_superset:jinja_templates|Использование шаблонов Jinja для фильтрации.]]


===== Другое (Other) =====
\\
==== Handlebars    ====
<WRAP center centeralign round important 30%>
<wrap em>ДАННЫЙ РАЗДЕЛ В РАЗРАБОТКЕ</wrap>\\
**Зайдите сюда позже...**
</WRAP>
База знаний НГТУ НЭТИ

Инструменты пользователя

Инструменты сайта

Инструменты страницы
