Интерактивные графики с plotly

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

Png Kee Seng

Researcher

Пример: объявления Airbnb в Лондоне

Представьте, что мы работаем в туристическом агентстве в Лондоне

Налажено сотрудничество с Airbnb

library(tidyverse)
listings <- read_csv("../data/listings.csv")

...
 $ host_name                     : chr [1:69351] "Susie" "Alina" "Luca" "Simon" ...
 $ neighbourhood_group           : logi [1:69351] NA NA NA NA NA NA ...
 $ neighbourhood                 : chr [1:69351] "Tower Hamlets" "Islington" "Tower Hamlets" "Islington" ...
 $ latitude                      : num [1:69351] 51.5 51.6 51.5 51.5 51.5 ...
 $ longitude                     : num [1:69351] -0.054 -0.1127 -0.0743 -0.1048 -0.2 ...
 $ room_type                     : chr [1:69351] "Private room" "Private room" "Entire home/apt" "Private room" ...
 $ price                         : num [1:69351] 55 50 90 180 297 75 204 379 90 30 ...
 $ minimum_nights                : num [1:69351] 3 1 5 4 14 3 2 4 3 7 ...
 $ number_of_reviews             : num [1:69351] 65 30 42 493 6 89 581 51 104 32 ...
 $ last_review                   : Date[1:69351], format: "2016-06-10" "2022-07-15" "2022-01-04" "2022-09-02" ...
 $ reviews_per_month             : num [1:69351] 0.47 0.2 0.34 3.59 0.05 0.57 4.26 0.36 0.86 0.29 ...
 $ calculated_host_listings_count: num [1:69351] 1 2 1 5 1 1 1 5 1 1 ...
 $ availability_365              : num [1:69351] 74 343 222 236 180 70 193 249 318 251 ...
...

Начало работы с plotly

Импортируйте библиотеку plotly
```
library(plotly)
```
Объект plotly создаётся путём передачи объекта ggplot в ggplotly()
```
ggplotly(<ggplot object>)
```

Пузырьковый график с ggplot

Создадим пузырьковый график и сохраним его как bubble
- Покажем связь между средней price и availability_365
- Каждый room_type — отдельный цвет пузыря
- Размер пузыря пропорционален числу объявлений
- Добавим дополнительные слои для оформления

bubble <- listings %>%

  group_by(room_type, neighbourhood) %>%
  summarise(avg_price = mean(price, na.rm=TRUE),
            avg_availability = mean(availability_365, 
                                        na.rm=TRUE),

            Count = n(), .groups = "drop") %>%

  ggplot(aes(x = avg_price, y = avg_availability,

                  color = room_type,

                size = Count)) +

  geom_point() +

labs(x = "Average price", 
      y = "Average availability", 
    color = "Room type") +
  theme_classic()

Пузырьковый график с ggplot: результат

Обычный пузырьковый график, построенный с помощью ggplot.

Интерактивный пузырьковый график с plotly

Передайте bubble в ggplotly()

ggplotly(bubble)

Интерактивный пузырьковый график plotly.

Горизонтальные ящиковые диаграммы с plotly

Некоторые графики не конвертируются корректно
Создадим серию горизонтальных ящиковых диаграмм
- Распределение availability_365 по room_type
Преобразование через ggplotly() не работает

boxH <- listings %>%

  ggplot(aes(x = availability_365, y=room_type)) +

  geom_boxplot() +

  labs(x="Availbility (out of 365 days)", 
          y="Room type") + theme_classic()

ggplotly(boxH)

Горизонтальные ящиковые диаграммы, построенные с помощью ggplot.

Горизонтальные ящиковые диаграммы, конвертированные с помощью ggplotly.

Вертикальные ящиковые диаграммы с plotly

Поменяйте x и y местами в aes()
После этого конвертация в plotly будет работать

boxV <- listings %>%

  ggplot(aes(y = availability_365, x=room_type)) +
  geom_boxplot() +
  labs(y="Availbility (out of 365 days)", x="Room type") + 
  theme_classic()

ggplotly(boxV)

Вертикальные ящиковые диаграммы, построенные с помощью ggplot.

Вертикальные ящиковые диаграммы с помощью ggplotly.

Исправление горизонтальных диаграмм в plotly

Нужны горизонтальные ящиковые диаграммы?
- Добавьте coord_flip()
Можно также использовать facet_wrap()
- Каждая панель должна быть достаточно крупной

ggplotly(boxV + coord_flip())

ggplotly(boxV + coord_flip() + 
    facet_wrap(~neighbourhood))

Перевёрнутые вертикальные ящиковые диаграммы plotly.

Фасетированные ящиковые диаграммы plotly.

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

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