Wat is de frame?

Stel, je wilt een geanimeerd spreidingsdiagram maken van de huizenprijsindex (house_price) tegen het reële BBP (gdp) van een staat over de jaren. Welke variabele moet je koppelen aan de frame-esthetiek?

Hieronder staan de eerste 10 rijen van deze gegevensset.

# A tibble: 3,213 x 9
   state  year    gdp employment home_owners house_price population region division
   <chr> <dbl>  <dbl>      <dbl>       <dbl>       <dbl>      <dbl> <chr>  <chr>   
 1 AK     1997 42262.         NA        67.2        159.       609. West   Pacific 
 2 AK     1998 41157.         NA        66.3        164.       615. West   Pacific 
 3 AK     1999 40722.         NA        66.4        169.       620. West   Pacific 
 4 AK     2000 39517.         NA        66.4        172.       628. West   Pacific 
 5 AK     2001 40974.         NA        65.3        181.       634. West   Pacific 
 6 AK     2002 42881          NA        67.1        191.       642. West   Pacific 
 7 AK     2003 42150.     307300        70          200.       648. West   Pacific 
 8 AK     2004 43735.     304900        67.2        220.       659. West   Pacific 
 9 AK     2004 43735.     305100        67.2        220.       659. West   Pacific 
10 AK     2004 43735.     306000        67.2        220.       659. West   Pacific 
# ... with 3,203 more rows

Deze oefening maakt deel uit van de cursus

Gemiddeld gevorderde interactieve datavisualisatie met plotly in R

Cursus bekijken

Praktische interactieve oefening

Zet theorie om in actie met een van onze interactieve oefeningen.

Begin met trainen

Deze oefening maakt deel uit van de cursus

Gemiddeld gevorderde interactieve datavisualisatie met plotly in R

SkillTag.level.intermediateSkillTag.label

4.9+

Begin de cursus gratis

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: Introductie tot geanimeerde graphics Exercise 2: Wat is de frame?

Huidige oefening

Exercise 3: Waarom hebben we ids nodig?Exercise 4: Een scatterplot animeren Exercise 5: Factors als frames Exercise 6: Animaties verfijnen Exercise 7: Je regionale animatie verfijnen Exercise 8: Je HPI-animatie verfijnen Exercise 9: Lagen gebruiken in plotly Exercise 10: Achtergrondtekst toevoegen Exercise 11: De basislijn plotten Exercise 12: Cumulatieve animaties Exercise 13: Hoeveel rijen?Exercise 14: Mediaan van de levensverwachting Exercise 15: Animaties van mediane levensverwachtingen

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 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