Plotly och Plotly-figuren

Introduktion till datavisualisering med Plotly i Python

Alex Scriven

Data Scientist

Vad är Plotly?

Ett JavaScript-bibliotek för diagram
- Ingen oro – du behöver inte kunna JavaScript!
Plotly har ett Python-gränssnitt

Plotly-logotyp

Varför Plotly?

Plotly har flera unika fördelar:

Snabbt och enkelt att använda
Alternativ med lite kod via plotly.express
(Om du vill) Extremt anpassningsbart
Inbyggd interaktivitet

Skapa Plotly-figurer

Plotly-diagram kan skapas:

Med plotly.express för snabba diagram (px)
Med plotly.graph_objects (go) för mer anpassning

📈 Vi ägnar mest tid åt px

Dokumentationens betydelse

Spara länkarna till viktig dokumentation!

Interaktiv dokumentation
Detaljerad referenssida för specifika diagram

För spridningsdiagram:

plotly.express sida med exempel
Teknisk referens för det underliggande objektet

Skapa vår figur

En enkel Plotly-figur:

import plotly.express as px

days = ["Monday", "Tuesday", "Wednesday", "Thursday", 
        "Friday", "Saturday", "Sunday"]       
temperatures = [28, 27, 25, 31, 32, 35, 36]

fig = px.bar(
    x=days, 
    y=temperatures,
    title="Temperatures of the week")

fig.show()

Vår figur visas

Stapeldiagram över veckans temperaturer

Plotly-figuren

Komponenter i en Plotly-figur:

layout: Ordbok som styr figurens utseende
- En layout per figur
data: Lista med ordböcker som anger diagramtyp och data
- Data + typ = ett trace. Det finns över 40 typer!
- Kan ha flera traces per diagram
frames: För animerade diagram (ingår ej i kursen)

Inuti en Plotly-figur

print(fig)

Figure({'data': [{'type': 'bar',
              'x': array(['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'
              , 'Saturday','Sunday'], dtype=object),
              'y': {'bdata': 'HBsZHyAjJA==....'}],
    'layout': {'title': {'text': 'Temperatures of the week'}}})

Plotlys inbyggda interaktivitet

Hovra över datapunkter
Extra interaktiva knappar

Hovringsalternativ

Nu kör vi en övning!

Introduktion till datavisualisering med Plotly i Python