Tutorial Datawrapper

In onderstaande video geven wij uitleg over het programma Datawrapper. Met Datawrapper kan je makkelijk en snel verschillende datavisualisaties maken.

Gemaakt door Sem, Burcu, Mohamed, Daphne

Tutorial RawGraphs

De blog van vandaag draait om RawGraphs. In de video hieronder wordt uitgelegd hoe RawGraphs werkt, alsmede enige toelichting omtrent de tool, waar je meer kan leren en wat de voor- en nadelen zijn. Het enigste wat men nodig heeft is een stabiele internetverbinding, de dataset wordt geleverd door RawGraphs. Succes en veel kijk plezier!

RShiny op WordPress – Hoe werkt het

Dit is een kort stappenplan voor het online publiceren van je RShiny app en het embedden ervan op WordPress. Wanneer je onderstaande stappen volgt kun je je shiny app uiteindelijk embedden zoals je hieronder kunt zien:

Oké, cool! Dan nu de stappen hoe je dit het snelst voor elkaar krijgt

Part A: Schrijf je app in RStudio

Start

  • In RStudio maak je een nieuw R project aan. Zorg dat je je data ook in de folder doet waarin je .Rproj bestand staat.
  • In je nieuwe project maak een nieuwe .R file. Sla deze op met de naam “app”. Het bestand heet dan “app.R”. Deze naam herkent Shiny.

Maak en test je app

  • Maak of plak je code in je aangemaakte R file
  • Zorg dat je al je packages die je nodig hebt in de code laad (en dat je ze hebt geïnstalleerd)
  • Run app om te testen of het werkt zoals je wil
  • Installeer alvast de package ‘rsconnect’ (deze heb je straks nodig voor online publicatie)

Part B: Online publiceren

  • Als je dat nog niet gedaan hebt: installeer de library ‘rsconnect’ in RStudio. Laad deze library ook in je code.
  • Kopiëer de code van stap 2 op shinyapps.io wanneer je bent ingelogd. Plak deze code in je console in RStudio. Hiermee wordt je account gekoppeld aan RStudio.
  • Druk op de knop in RStudio ‘Publiceer’. Kies een passende naam voor je Shiny pagina. Het kan even duren, dan verschijnt er een online webpagina met jouw app.
  • Wanneer je na publicatie nog iets in je app wil aanpassen, dan kun je vervolgens op Reload App klikken om deze te testen. Klik daarna weer op ‘Publish’ om de veranderingen ook in de online versie door te voeren.

Part C: Embed je Shiny app in je WordPress blogpost

In je wordpress blogpost embed een ‘iframe’ met de link naar je gepubliceerde app (als je de link niet meer weet kun je in je ShinyApp.io account zien welke apps je gepubliceerd hebt).

Hieronder staat de code die je moet invoegen in je blogpost om een Shiny app te embedden. Deze code moet je aan je blogpost toevoegen in de ‘Code editor’ modus. Klik op het drie puntjes menu rechts boven in het scherm wanneer je de blogpost edit, en kies voor ‘Code editor’ (in plaats van ‘Visuele editor’). Pas onderstaande code aan met de link naar je eigen op shinyapps.io gepubliceerde Shiny applicatie. Kopieër dan de code en plak deze in de blogpost op de plek waar je je Shiny app wilt tonen.

<iframe src="https://wouterm.shinyapps.io/shiny_example/" allowfullscreen="allowfullscreen" width="100%" height="500" frameborder="0"></iframe>

Wanneer je teveel witruimte ziet onder je Shiny app of het past juist niet helemaal in de hoogte van de pagina, dan kun je van bovenstaande code de height groter of kleiner maken.


Gefeliciteerd met je eerste online Shiny app! Dit was het einde van deze tutorial