Oppiskele Useiden Kaavioiden ja Alikuvioiden Yhdistäminen

Kun haluat vertailla eri tietoaineistoja tai korostaa useita näkökulmia samassa visualisoinnissa, kaavioiden yhdistäminen alikuvioiden avulla on korvaamaton tekniikka. Alikuviot mahdollistavat useiden kaavioiden — kuten scatter plots, bar charts tai line graphs — esittämisen vierekkäin tai päällekkäin yhdessä kuviossa. Tämä lähestymistapa helpottaa huomattavasti erilaisten muuttujien välisten mallien, kontrastien tai korrelaatioiden havaitsemista yhdellä silmäyksellä. Esimerkiksi voit haluta näyttää kahden muuttujan jakauman scatter plot ja samalla tiivistää niiden lukumäärät bar chart, kaikki yhdessä näkymässä suoraa vertailua varten.


              1234567891011121314151617181920212223
            
import plotly.graph_objs as go
from plotly.subplots import make_subplots
from IPython.display import display, HTML

# Create a subplot figure with 1 row and 2 columns
fig = make_subplots(rows=1, cols=2, subplot_titles=("Scatter Plot", "Bar Chart"))

# Add a scatter plot to the first subplot
fig.add_trace(
    go.Scatter(x=[1, 2, 3, 4], y=[10, 15, 13, 17], mode="markers", name="Scatter"),
    row=1, col=1
)

# Add a bar chart to the second subplot
fig.add_trace(
    go.Bar(x=["A", "B", "C", "D"], y=[5, 7, 3, 8], name="Bar"),
    row=1, col=2
)

fig.update_layout(title_text="Multiple Charts with Subplots")

html = fig.to_html(full_html=False, include_plotlyjs="cdn")
display(HTML(html))

Tämän yhdistetyn kuvion rakentamiseksi luodaan ensin alikuvioasettelu kutsumalla make_subplots ja määrittelemällä haluttu rivien ja sarakkeiden määrä. Tässä tapauksessa kuviossa on yksi rivi ja kaksi saraketta, joten kaaviot näkyvät vierekkäin. subplot_titles-parametri nimeää jokaisen alikuvion nopeaa tunnistamista varten. Tämän jälkeen lisätään jokainen kaaviotyyppi add_trace-toiminnolla, kohdistamalla tiettyyn riviin ja sarakkeeseen. Hajontakaavio sijoitetaan ensimmäiseen sarakkeeseen ja pylväsdiagrammi toiseen sarakkeeseen. Jokaisella jäljellä voi olla oma datansa ja kaaviotyyppinsä, mikä mahdollistaa monipuoliset visualisoinnit samassa kuviossa. Lopuksi voidaan asettaa yhteinen otsikko tai säätää asettelua tarpeen mukaan.


              1234567891011121314151617181920212223242526272829303132333435363738
            
import plotly.graph_objs as go
from plotly.subplots import make_subplots
from IPython.display import display, HTML

# Create subplots with custom titles and axis labels
fig = make_subplots(
    rows=1, cols=2,
    subplot_titles=("Age vs. Score", "Category Counts")
)

# Scatter plot with axis labels
fig.add_trace(
    go.Scatter(
        x=[18, 22, 27, 35], y=[80, 85, 90, 95],
        mode="markers",
        name="Scores"
    ),
    row=1, col=1
)
fig.update_xaxes(title_text="Age", row=1, col=1)
fig.update_yaxes(title_text="Score", row=1, col=1)

# Bar chart with axis labels
fig.add_trace(
    go.Bar(
        x=["Group A", "Group B", "Group C"],
        y=[20, 14, 23],
        name="Counts"
    ),
    row=1, col=2
)
fig.update_xaxes(title_text="Group", row=1, col=2)
fig.update_yaxes(title_text="Count", row=1, col=2)

fig.update_layout(title_text="Customized Subplot Titles and Axis Labels")

html = fig.to_html(full_html=False, include_plotlyjs="cdn")
display(HTML(html))

Kun järjestät alikuvia, varmista, että jokainen kaavio on selkeästi merkitty otsikoilla ja akselien kuvauksilla. Tämä auttaa katsojia ymmärtämään, mitä kukin alikuva esittää ilman sekaannusta. Käytä aina subplot_titles-parametria nimetäksesi jokaisen kaavion ja aseta akselien nimet sekä x- että y-akselille käyttämällä update_xaxes ja update_yaxes. Pidä asettelut tasapainoisina — vältä ylikuormitusta — ja sijoita toisiinsa liittyvät kaaviot siten, että vertailu on suoraviivaista. Viitaten aiempiin esimerkkeihin, voit nähdä, kuinka eri kaaviotyypit ja selkeä merkintä tekevät visualisoinneista informatiivisempia ja helpommin lähestyttäviä.

Oliko kaikki selvää?

Kiitos palautteestasi!

Osio 1. Luku 5

Kysy tekoälyä

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Pyyhkäise näyttääksesi valikon


              1234567891011121314151617181920212223
            
import plotly.graph_objs as go
from plotly.subplots import make_subplots
from IPython.display import display, HTML

# Create a subplot figure with 1 row and 2 columns
fig = make_subplots(rows=1, cols=2, subplot_titles=("Scatter Plot", "Bar Chart"))

# Add a scatter plot to the first subplot
fig.add_trace(
    go.Scatter(x=[1, 2, 3, 4], y=[10, 15, 13, 17], mode="markers", name="Scatter"),
    row=1, col=1
)

# Add a bar chart to the second subplot
fig.add_trace(
    go.Bar(x=["A", "B", "C", "D"], y=[5, 7, 3, 8], name="Bar"),
    row=1, col=2
)

fig.update_layout(title_text="Multiple Charts with Subplots")

html = fig.to_html(full_html=False, include_plotlyjs="cdn")
display(HTML(html))


              1234567891011121314151617181920212223242526272829303132333435363738
            
import plotly.graph_objs as go
from plotly.subplots import make_subplots
from IPython.display import display, HTML

# Create subplots with custom titles and axis labels
fig = make_subplots(
    rows=1, cols=2,
    subplot_titles=("Age vs. Score", "Category Counts")
)

# Scatter plot with axis labels
fig.add_trace(
    go.Scatter(
        x=[18, 22, 27, 35], y=[80, 85, 90, 95],
        mode="markers",
        name="Scores"
    ),
    row=1, col=1
)
fig.update_xaxes(title_text="Age", row=1, col=1)
fig.update_yaxes(title_text="Score", row=1, col=1)

# Bar chart with axis labels
fig.add_trace(
    go.Bar(
        x=["Group A", "Group B", "Group C"],
        y=[20, 14, 23],
        name="Counts"
    ),
    row=1, col=2
)
fig.update_xaxes(title_text="Group", row=1, col=2)
fig.update_yaxes(title_text="Count", row=1, col=2)

fig.update_layout(title_text="Customized Subplot Titles and Axis Labels")

html = fig.to_html(full_html=False, include_plotlyjs="cdn")
display(HTML(html))

Oliko kaikki selvää?

Kiitos palautteestasi!

Osio 1. Luku 5