> ## Documentation Index
> Fetch the complete documentation index at: https://clickhouse.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

> Apache Superset — платформа с открытым исходным кодом для анализа и визуализации данных.

# Подключение Superset к ClickHouse

export const ClickHouseSupportedBadge = () => {
  return <div className="ClickHouseSupportedBadge">
            <div className="ClickHouseSupportedIcon">
                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.30762 1.39073C1.30762 1.3103 1.37465 1.22986 1.46849 1.22986H2.64824C2.72868 1.22986 2.80912 1.29689 2.80912 1.39073V14.4886C2.80912 14.5691 2.74209 14.6495 2.64824 14.6495H1.46849C1.38805 14.6495 1.30762 14.5825 1.30762 14.4886V1.39073Z" fill="currentColor" />
                    <path d="M4.2832 1.39073C4.2832 1.3103 4.35023 1.22986 4.44408 1.22986H5.62383C5.70427 1.22986 5.7847 1.29689 5.7847 1.39073V14.4886C5.7847 14.5691 5.71767 14.6495 5.62383 14.6495H4.44408C4.36364 14.6495 4.2832 14.5825 4.2832 14.4886V1.39073Z" fill="currentColor" />
                    <path d="M7.25977 1.39073C7.25977 1.3103 7.3268 1.22986 7.42064 1.22986H8.60039C8.68083 1.22986 8.76127 1.29689 8.76127 1.39073V14.4886C8.76127 14.5691 8.69423 14.6495 8.60039 14.6495H7.42064C7.3402 14.6495 7.25977 14.5825 7.25977 14.4886V1.39073Z" fill="currentColor" />
                    <path d="M10.2354 1.39073C10.2354 1.3103 10.3024 1.22986 10.3962 1.22986H11.576C11.6564 1.22986 11.7369 1.29689 11.7369 1.39073V14.4886C11.7369 14.5691 11.6698 14.6495 11.576 14.6495H10.3962C10.3158 14.6495 10.2354 14.5825 10.2354 14.4886V1.39073Z" fill="currentColor" />
                    <path d="M13.2256 6.6057C13.2256 6.52526 13.2926 6.44482 13.3865 6.44482H14.5662C14.6466 6.44482 14.7271 6.51186 14.7271 6.6057V9.27354C14.7271 9.35398 14.6601 9.43442 14.5662 9.43442H13.3865C13.306 9.43442 13.2256 9.36739 13.2256 9.27354V6.6057Z" fill="currentColor" />
                </svg>
            </div>
            Поддерживается в ClickHouse
        </div>;
};

export const Image = ({img, alt, size = "lg"}) => {
  const normalizedSize = ["sm", "md", "lg"].includes(size) ? size : "lg";
  return <div className={`ch-image-${normalizedSize}`}>
      <Frame>
        <img src={img} alt={alt} />
      </Frame>
    </div>;
};

<ClickHouseSupportedBadge />

<a href="https://superset.apache.org/" target="_blank">Apache Superset</a> — это платформа с открытым исходным кодом для анализа и визуализации данных, написанная на Python. Superset подключается к ClickHouse с помощью Python-драйвера от ClickHouse. Давайте посмотрим, как это работает...

<div id="goal">
  ## Цель
</div>

В этом руководстве вы создадите панель мониторинга в Superset на основе данных из базы данных ClickHouse. Панель мониторинга будет выглядеть так:

<Image size="md" img="https://mintcdn.com/private-7c7dfe99/etDiFo_9fGSe5rMN/images/integrations/data-visualization/superset_12.webp?fit=max&auto=format&n=etDiFo_9fGSe5rMN&q=85&s=679288076599288c1852e3848bb4037e" alt="Панель мониторинга Superset с ценами на недвижимость в Великобритании и несколькими визуализациями, включая круговые диаграммы и таблицы" border width="640" height="551" data-path="images/integrations/data-visualization/superset_12.webp" />

<br />

<Tip>
  **Добавьте данные**

  Если у вас нет датасета для работы, вы можете добавить один из примеров. В этом руководстве используется датасет [UK Price Paid](/docs/ru/get-started/sample-datasets/uk-price-paid), поэтому можно выбрать именно его. В этом же разделе документации есть и другие варианты.
</Tip>

<Steps>
  <Step title="Подготовьте сведения о подключении" id="1-gather-your-connection-details">
    Чтобы подключиться к ClickHouse по HTTP(S), вам понадобится следующая информация:

    | Параметр(ы)               | Описание                                                                                                               |
    | ------------------------- | ---------------------------------------------------------------------------------------------------------------------- |
    | `HOST` and `PORT`         | Обычно используется порт 8443 при использовании TLS и 8123 без TLS.                                                    |
    | `DATABASE NAME`           | По умолчанию есть база данных `default`; используйте имя базы данных, к которой хотите подключиться.                   |
    | `USERNAME` and `PASSWORD` | По умолчанию имя пользователя — `default`. Используйте имя пользователя, подходящее для вашего сценария использования. |

    Сведения о подключении для вашего сервиса ClickHouse Cloud доступны в консоли ClickHouse Cloud.
    Выберите сервис и нажмите **Connect**:

    <div className="ch-image-md">
      <Frame>
        <img src="https://mintcdn.com/private-7c7dfe99/CFFsa2agBPbviR4r/images/_snippets/cloud-connect-button.webp?fit=max&auto=format&n=CFFsa2agBPbviR4r&q=85&s=ec0a298a33ca841e947fa5e8bae47362" alt="Кнопка подключения сервиса ClickHouse Cloud" width="998" height="932" data-path="images/_snippets/cloud-connect-button.webp" />
      </Frame>
    </div>

    Выберите **HTTPS**. Сведения о подключении будут показаны в примере команды `curl`.

    <div className="ch-image-md">
      <Frame>
        <img src="https://mintcdn.com/private-7c7dfe99/CFFsa2agBPbviR4r/images/_snippets/connection-details-https.webp?fit=max&auto=format&n=CFFsa2agBPbviR4r&q=85&s=cb0fbd98aa2b5b7ca484c9f53395ee07" alt="Сведения о подключении к ClickHouse Cloud по HTTPS" width="1320" height="1184" data-path="images/_snippets/connection-details-https.webp" />
      </Frame>
    </div>

    Если вы используете самоуправляемый ClickHouse, сведения о подключении задаёт ваш администратор ClickHouse.
  </Step>

  <Step title="Установите драйвер" id="2-install-the-driver">
    1. Superset использует драйвер `clickhouse-connect` для подключения к ClickHouse. Подробнее о `clickhouse-connect` см. по адресу <a href="https://pypi.org/project/clickhouse-connect/" target="_blank">[https://pypi.org/project/clickhouse-connect/](https://pypi.org/project/clickhouse-connect/)</a>; установить его можно следующей командой:

       ```console theme={null}
       pip install clickhouse-connect
       ```

    <Info>
      **Настройка Docker Compose**

      Для Docker-установок см. [руководство по настройке базы данных Superset](https://superset.apache.org/user-docs/6.0.0/configuration/databases/), где приведены инструкции по добавлению `clickhouse-connect` в ваш контейнер.
    </Info>

    2. Запустите (или перезапустите) Superset.
  </Step>

  <Step title="Подключить Superset к ClickHouse" id="3-connect-superset-to-clickhouse">
    1. В Superset выберите **Data** в верхнем меню, а затем **Databases** в выпадающем списке. Добавьте новую базу данных, нажав кнопку **+ Database**:

    <Image size="lg" img="https://mintcdn.com/private-7c7dfe99/etDiFo_9fGSe5rMN/images/integrations/data-visualization/superset_01.webp?fit=max&auto=format&n=etDiFo_9fGSe5rMN&q=85&s=4eec14a85a54563cdbb20676610ceeed" alt="Интерфейс Superset с меню Database и выделенной кнопкой + Database" border width="1572" height="243" data-path="images/integrations/data-visualization/superset_01.webp" />

    <br />

    2. На первом шаге выберите **ClickHouse Connect** в качестве типа базы данных:

    <Image size="sm" img="https://mintcdn.com/private-7c7dfe99/etDiFo_9fGSe5rMN/images/integrations/data-visualization/superset_02.webp?fit=max&auto=format&n=etDiFo_9fGSe5rMN&q=85&s=e4b7b80fe77e598e2cd8d8b327375f44" alt="Мастер подключения базы данных Superset с выбранным вариантом ClickHouse Connect" border width="622" height="920" data-path="images/integrations/data-visualization/superset_02.webp" />

    <br />

    3. На втором шаге:

    * Включите или отключите SSL.
    * Введите данные подключения, которые вы собрали ранее
    * Укажите **DISPLAY NAME**: это может быть любое имя на ваш выбор. Если вы будете подключаться к нескольким базам данных ClickHouse, сделайте его более понятным.

    <Image size="sm" img="https://mintcdn.com/private-7c7dfe99/etDiFo_9fGSe5rMN/images/integrations/data-visualization/superset_03.webp?fit=max&auto=format&n=etDiFo_9fGSe5rMN&q=85&s=e9a3e57aa8330a2d8a949c67d8d46206" alt="Форма конфигурации подключения Superset с параметрами подключения ClickHouse" border width="499" height="838" data-path="images/integrations/data-visualization/superset_03.webp" />

    <br />

    4. Нажмите кнопки **CONNECT**, а затем **FINISH**, чтобы завершить мастер настройки. После этого ваша база данных должна появиться в списке баз данных.
  </Step>

  <Step title="Добавить датасет" id="4-add-a-dataset">
    1. Чтобы работать с данными ClickHouse в Superset, нужно создать ***датасет***. В верхнем меню Superset выберите **Data**, затем **Datasets** в выпадающем меню.

    2. Нажмите кнопку добавления датасета. Выберите новую базу данных как источник данных, и вы увидите таблицы, созданные в этой базе данных:

    <Image size="sm" img="https://mintcdn.com/private-7c7dfe99/etDiFo_9fGSe5rMN/images/integrations/data-visualization/superset_04.webp?fit=max&auto=format&n=etDiFo_9fGSe5rMN&q=85&s=fccbd7aeab8b516c2ab804f2095a6f59" alt="Диалог создания датасета в Superset с доступными таблицами из базы данных ClickHouse" border width="412" height="323" data-path="images/integrations/data-visualization/superset_04.webp" />

    <br />

    3. Нажмите кнопку **ADD** в нижней части диалогового окна, и таблица появится в списке датасетов. Теперь можно создать панель мониторинга и анализировать данные ClickHouse!
  </Step>

  <Step title="Создание диаграмм и панели мониторинга в Superset" id="5--creating-charts-and-a-dashboard-in-superset">
    Если вы уже работали с Superset, этот раздел покажется вам вполне знакомым. Если же вы новичок в Superset, то... это как и многие другие отличные инструменты визуализации: начать легко, а детали и тонкости приходят с опытом по мере работы с инструментом.

    1. Начните с панели мониторинга. В верхнем меню Superset выберите **Dashboards**. Нажмите кнопку в правом верхнем углу, чтобы добавить новую панель мониторинга. На следующем примере панель мониторинга называется **UK property prices**:

    <Image size="md" img="https://mintcdn.com/private-7c7dfe99/etDiFo_9fGSe5rMN/images/integrations/data-visualization/superset_05.webp?fit=max&auto=format&n=etDiFo_9fGSe5rMN&q=85&s=c78c472da68986e3038ae35aadfcb4ee" alt="Пустая панель мониторинга Superset с именем UK property prices, готовая к добавлению диаграмм" border width="959" height="445" data-path="images/integrations/data-visualization/superset_05.webp" />

    <br />

    2. Чтобы создать новую диаграмму, выберите **Charts** в верхнем меню и нажмите кнопку добавления новой диаграммы. Вам будет доступно множество вариантов. В следующем примере показана диаграмма **Pie Chart**, использующая датасет **uk\_price\_paid** из выпадающего списка **CHOOSE A DATASET**:

    <Image size="md" img="https://mintcdn.com/private-7c7dfe99/etDiFo_9fGSe5rMN/images/integrations/data-visualization/superset_06.webp?fit=max&auto=format&n=etDiFo_9fGSe5rMN&q=85&s=a75ae3e391a146023ba46f2f3fcc2527" alt="Интерфейс создания диаграммы в Superset с выбранным типом визуализации Pie Chart" border width="1098" height="998" data-path="images/integrations/data-visualization/superset_06.webp" />

    <br />

    3. Для круговых диаграмм в Superset требуются **Dimension** и **Metric**, остальные настройки необязательны. Вы можете выбрать свои поля для размерности и метрики; в этом примере в качестве размерности используется поле ClickHouse `district`, а в качестве метрики — `AVG(price)`.

    <Image size="md" img="https://mintcdn.com/private-7c7dfe99/etDiFo_9fGSe5rMN/images/integrations/data-visualization/superset_08.webp?fit=max&auto=format&n=etDiFo_9fGSe5rMN&q=85&s=8904d36cde3ff39ddac578257817eed5" alt="Конфигурация Dimension с выбранным полем district для круговой диаграммы" border width="657" height="633" data-path="images/integrations/data-visualization/superset_08.webp" />

    <Image size="md" img="https://mintcdn.com/private-7c7dfe99/etDiFo_9fGSe5rMN/images/integrations/data-visualization/superset_09.webp?fit=max&auto=format&n=etDiFo_9fGSe5rMN&q=85&s=e846384c93bb111a9e658f3d734486a3" alt="Конфигурация Metric с агрегатной функцией AVG(price) для круговой диаграммы" border width="657" height="605" data-path="images/integrations/data-visualization/superset_09.webp" />

    <br />

    5. Если вы предпочитаете кольцевые диаграммы круговым, этот и другие параметры можно задать в разделе **CUSTOMIZE**:

    <Image size="sm" img="https://mintcdn.com/private-7c7dfe99/etDiFo_9fGSe5rMN/images/integrations/data-visualization/superset_10.webp?fit=max&auto=format&n=etDiFo_9fGSe5rMN&q=85&s=0568cde0a54513227d9ade0d6958bda5" alt="Панель Customize с параметром кольцевой диаграммы и другими настройками круговой диаграммы" border width="320" height="929" data-path="images/integrations/data-visualization/superset_10.webp" />

    <br />

    6. Нажмите кнопку **SAVE**, чтобы сохранить диаграмму, затем выберите **UK property prices** в выпадающем списке **ADD TO DASHBOARD**, после чего нажмите **SAVE & GO TO DASHBOARD** — диаграмма будет сохранена и добавлена на панель мониторинга:

    <Image size="md" img="https://mintcdn.com/private-7c7dfe99/etDiFo_9fGSe5rMN/images/integrations/data-visualization/superset_11.webp?fit=max&auto=format&n=etDiFo_9fGSe5rMN&q=85&s=ccca62277d5c0c6899ec2a8933d4f8ae" alt="Диалог сохранения диаграммы с выпадающим списком выбора панели мониторинга и кнопкой Save & Go to Dashboard" border width="1442" height="792" data-path="images/integrations/data-visualization/superset_11.webp" />

    <br />

    7. Вот и всё. Создание панелей мониторинга в Superset на основе данных из ClickHouse открывает целый мир невероятно быстрой аналитики данных!

    <Image size="md" img="https://mintcdn.com/private-7c7dfe99/etDiFo_9fGSe5rMN/images/integrations/data-visualization/superset_12.webp?fit=max&auto=format&n=etDiFo_9fGSe5rMN&q=85&s=679288076599288c1852e3848bb4037e" alt="Готовая панель мониторинга Superset с несколькими визуализациями данных о ценах на недвижимость в Великобритании из ClickHouse" border width="640" height="551" data-path="images/integrations/data-visualization/superset_12.webp" />

    <br />
  </Step>
</Steps>
