Animating the space race

In lesson 1, you create static line charts to explore the space race. In this exercise, you will work through the steps to create an animated version of that chart.

plotly, dplyr, tidyr, and purrr have been loaded for you.

Cet exercice fait partie du cours

Intermediate Interactive Data Visualization with plotly in R

Afficher le cours

Exercice interactif pratique

Essayez cet exercice en complétant cet exemple de code.

# Complete the state_launches data set
annual_launches <- state_launches %>%
  count(launch_year, state_code) %>%
  ___(___, ___, ___)

Modifier et exécuter le code

Cet exercice fait partie du cours

Intermediate Interactive Data Visualization with plotly in R

IntermédiaireNiveau de compétence

4.9+

Commencer le cours gratuitement

A review of key plotly commands. You will review how to create multiple plot types in plotly and how to polish your charts. Additionally, you will create static versions of the bubble and line charts that you will animate in the next chapter.

Exercise 1: Interactive and dynamic graphics Exercise 2: Which is the interactive graphic?Exercise 3: A simple time series plot Exercise 4: A simple scatterplot Exercise 5: Adding aesthetics to represent a variable Exercise 6: Color and size Exercise 7: Plotting symbols Exercise 8: Polishing your graphics Exercise 9: Moving Beyond Simple Interactivity Exercise 10: Bubble charts Exercise 11: Many time series

In this chapter, you will learn how to implement keyframe animation in plotly. You will explore how to create animations, such as Hans Rosling's bubble charts, as well as cumulative animations, such as an animation of a stock's valuation over time.

Exercise 1: Introduction to animated graphics Exercise 2: What's the frame?Exercise 3: Why do we need ids?Exercise 4: Animating a scatterplot Exercise 5: Factors as frames Exercise 6: Polishing animations Exercise 7: Polishing your regional animation Exercise 8: Polishing your HPI animation Exercise 9: Layering in plotly Exercise 10: Adding background text Exercise 11: Plotting the baseline Exercise 12: Cumulative animations Exercise 13: How many rows?Exercise 14: Median life expectancies Exercise 15: Animating median life expectancies

When you are exploring unexpected structure in your graphics, it's useful to have selections made on one chart update the other. For example, if you are exploring clusters observed on a scatterplot, it is useful to have the selected cluster update some chart of group membership, such as a jittered scatterplot or sets of bar charts. In this chapter, you will learn how to link your plotly charts to enable linked brushing. Along the way, you will also learn how to add dropdown menus, checkboxes, and sliders to your plotly charts, without the need for Shiny.

Exercise 1: Linking two charts Exercise 2: sharedData objects Exercise 3: Linking scatterplots Exercise 4: highlighting() charts Exercise 5: Brushing groups Exercise 6: Highlighting time series data Exercise 7: Linking a dotplot and a time series plot Exercise 8: Linking a bar chart to a scatterplot Exercise 9: Selection strategies Exercise 10: Searching for clusters Exercise 11: Adding dropdown menus Exercise 12: Making shinier charts Exercise 13: Arranging views with bscols()Exercise 14: Adding checkboxes Exercise 15: Adding a slider

In the final chapter, you will use your expanded plotly toolkit to explore orbital space launches between 1957 and 2018. Along the way, you'll learn how to wrangle data to enable cumulative animations without common starting points, and hone your understanding of the crosstalk package.

Exercise 1: Introduction to the space launches data Exercise 2: Launches over time Exercise 3: Space race timeline Exercise 4: State vs. private launches Exercise 5: Recap: Animation Exercise 6: Animating the space race

Exercice en cours

Exercise 7: Animating the private space race Exercise 8: Recap: linked views and selector widgets Exercise 9: Linking for group selection Exercise 10: Linked brushing Exercise 11: Linked views for summarization Exercise 12: Adding a slider for time Exercise 13: Wrap-up