Інтерактивні графіки з 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