Графики и фигуры Plotly

Создание дашбордов с помощью Dash и Plotly

Alex Scriven

Data Scientist

Что такое Dash?

Библиотека Python для создания интерактивных веб-приложений

Преимущества:

Бесплатно! В отличие от Tableau или PowerBI
JavaScript-возможности с кодом на Python
Меньше кода, чем в веб-фреймворках

Plotly и Dash

Отлично работают вместе

Dash: интерактивные дашборды с несколькими графиками Plotly
Посмотрите этот пример
- Изображения, текст и диаграммы
- Ознакомьтесь с исходным кодом

Пример снимка экрана финансового дашборда с различными графиками, текстом, таблицами и изображениями, включая линейный график с подсказками при наведении

Что такое Plotly?

Повторим Plotly, сосредоточимся на Dash
Библиотека Python для создания современных интерактивных графиков
- Оборачивает JavaScript, но код пишется на Python
Создавайте графики с помощью plotly.express

Ознакомьтесь с курсом Introduction to Data Visualization with Plotly in Python

Наши данные об электронной коммерции

Набор данных о продажах в электронной коммерции

Описание полей:
- Категория товара (основная, вспомогательная) + описание
- Цена за единицу, количество (+ OrderValue)
- Страна
- Год и месяц продажи

Представление данных о продажах в электронной коммерции

Линейные графики с plotly.express

import plotly.express as px

line_graph = px.line(

  data_frame=ecom_sales,
  x='Year-Month',
  y='Total Sales ($)', 
  title='Total Sales by Month')

line_graph.show()

Анимация линейного графика продаж по месяцам: при наведении мыши на точку появляется подсказка с месяцем и значением продаж

Столбчатые диаграммы с plotly.express

bar_fig = px.bar(
  data_frame=ecom_sales,
  x='Total Sales ($)',
  y='Country',
  title='Total Sales by Country',

  orientation='h')

bar_fig.show()

Анимация горизонтальной столбчатой диаграммы: общие продажи по оси X, страны по оси Y. При наведении мыши на столбцы появляются данные

Настройка графиков Plotly

Изменение ширины столбцов в диаграмме:

bar_fig.update_layout({'bargap': 0.5})

bar_fig.show()

Ознакомьтесь с документацией Plotly

Горизонтальная столбчатая диаграмма: общие продажи по оси X, страны по оси Y. Та же диаграмма, что и на предыдущем слайде, но промежутки между столбцами меньше.

Давайте потренируемся!

Создание дашбордов с помощью Dash и Plotly