Animasi Kumulatif

Visualisasi Data Interaktif Tingkat Menengah dengan plotly di R

Adam Loy

Statistician, Carleton College

Plot deret waktu animasi untuk pendapatan per kapita Belgia.

Visualisasi Data Interaktif Tingkat Menengah dengan plotly di R

Data pendapatan Belgia

belgium <- world_indicators %>%
  filter(country == "Belgium")
belgium
# A tibble: 59 x 11
  country  year income   co2 military population  urban life_expectancy four_regions
  <chr>   <dbl>  <dbl> <dbl>    <dbl>      <dbl>  <dbl>           <dbl> <chr>       
1 Belgium  1960  12600  9.93     3.4     9170000 8.46e6            69.6 europe      
2 Belgium  1961  13100 10.1      3.26    9230000 8.50e6            70.5 europe      
3 Belgium  1962  13700 10.6      3.28    9280000 8.55e6            70.2 europe      
4 Belgium  1963  14100 11.3      3.22    9340000 8.62e6            70   europe      
5 Belgium  1964  15000 11        3.21    9390000 8.72e6            70.7 europe      
# … dengan 54 baris lagi, dan 2 variabel lagi: eight_regions <chr>, six_regions <chr>
Visualisasi Data Interaktif Tingkat Menengah dengan plotly di R

Apa itu frame?

# A tibble: 59 x 11
  country  year income   co2
  <chr>   <dbl>  <dbl> <dbl>
1 Belgium  1960  12600  9.93
2 Belgium  1961  13100 10.1 
3 Belgium  1962  13700 10.6 
4 Belgium  1963  14100 11.3 
5 Belgium  1964  15000 11   
6 Belgium  1965  15300 11.2 
# … dengan 53 baris lagi, dan 7
#   variabel lagi

Apakah frame = ~year ??

Visualisasi Data Interaktif Tingkat Menengah dengan plotly di R

Apa itu frame?

Tujuan Mengilustrasikan informasi yang bertahan antar frame

frame = ~year Tidak ada data yang bertahan jika kita set frame = ~year.

Visualisasi Data Interaktif Tingkat Menengah dengan plotly di R

Mengakumulasikan data set

Data frame terkumpul untuk 1960.

Visualisasi Data Interaktif Tingkat Menengah dengan plotly di R

Mengakumulasikan data set

Data frame terkumpul untuk 1961.

Visualisasi Data Interaktif Tingkat Menengah dengan plotly di R

Mengakumulasikan data set

Data frame terkumpul hingga 1962.

Visualisasi Data Interaktif Tingkat Menengah dengan plotly di R

split()

library(dplyr)
library(purrr)

belgium %>% split(.$year)

Bagi dataset menjadi daftar data.frame berdasarkan variabel year

Visualisasi Data Interaktif Tingkat Menengah dengan plotly di R

accumulate()

library(dplyr)
library(purrr)
belgium %>%
  split(.$year) %>%
  accumulate(~bind_rows(.x, .y)) 

Gambar yang menunjukkan pengikatan rekursif data.frame satu baris.

Visualisasi Data Interaktif Tingkat Menengah dengan plotly di R

name

library(dplyr)
library(purrr)
belgium %>%
  split(.$year) %>%
  accumulate(~bind_rows(.x, .y)) %>%
  set_names(1960:2018) 

Gambar yang menunjukkan pengikatan rekursif data.frame satu baris.

Visualisasi Data Interaktif Tingkat Menengah dengan plotly di R

gabungkan

library(dplyr)
library(purrr)
belgium %>%
  split(.$year) %>%
  accumulate(~bind_rows(.x, .y)) %>%
  set_names(1960:2018) %>%
  bind_rows(.id = "frame")

Gambar daftar data frame yang digabung barisnya.

Visualisasi Data Interaktif Tingkat Menengah dengan plotly di R
# A tibble: 1,770 x 12
   frame country  year income   co2 military population  urban life_expectancy
   <chr> <chr>   <dbl>  <dbl> <dbl>    <dbl>      <dbl>  <dbl>           <dbl>
 1 1960  Belgium  1960  12600  9.93     3.4     9170000 8.46e6            69.6
 2 1961  Belgium  1960  12600  9.93     3.4     9170000 8.46e6            69.6
 3 1961  Belgium  1961  13100 10.1      3.26    9230000 8.50e6            70.5
 4 1962  Belgium  1960  12600  9.93     3.4     9170000 8.46e6            69.6
 5 1962  Belgium  1961  13100 10.1      3.26    9230000 8.50e6            70.5
 6 1962  Belgium  1962  13700 10.6      3.28    9280000 8.55e6            70.2
 7 1963  Belgium  1960  12600  9.93     3.4     9170000 8.46e6            69.6
 8 1963  Belgium  1961  13100 10.1      3.26    9230000 8.50e6            70.5
 9 1963  Belgium  1962  13700 10.6      3.28    9280000 8.55e6            70.2
10 1963  Belgium  1963  14100 11.3      3.22    9340000 8.62e6            70  
# … dengan 1.760 baris lagi, dan 3 variabel lagi: four_regions <chr>,
#   eight_regions <chr>, six_regions <chr>
Visualisasi Data Interaktif Tingkat Menengah dengan plotly di R

animasikan

library(dplyr)
library(purrr)
belgium %>%
  split(.$year) %>%
  accumulate(~bind_rows(.x, .y)) %>%
  set_names(1960:2018) %>%
  bind_rows(.id = "frame") %>%
  plot_ly(x = ~year, y = ~income) %>%
  add_lines(
    frame = ~frame, showlegend = FALSE
  )

Animasi pendapatan per kapita Belgia dari waktu ke waktu.

Visualisasi Data Interaktif Tingkat Menengah dengan plotly di R

Ayo berlatih!

Visualisasi Data Interaktif Tingkat Menengah dengan plotly di R

Preparing Video For Download...