Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Bedste Praksis for Klare og Tilgængelige Visualiseringer | Sektion
Interaktiv Plotning med Plotly

bookBedste Praksis for Klare og Tilgængelige Visualiseringer

Ved oprettelse af datavisualiseringer er målet at kommunikere information så klart og effektivt som muligt. For at opnå dette bør flere bedste praksisser overvejes, som fremmer både klarhed og tilgængelighed. Centrale principper omfatter at sikre stærk farvekontrast, så diagrammer er læsbare for alle, herunder personer med farvesynsforstyrrelser; anvendelse af beskrivende titler, akseetiketter og signaturforklaringer, så seerne forstår, hvad hvert element repræsenterer; samt minimering af rod ved at undgå unødvendige gitterlinjer, overdreven tekst eller overlappende elementer. Konsistent mærkning og brug af tilgængelige farvepaletter bidrager til at gøre diagrammerne både visuelt tiltalende og lette at fortolke for alle målgrupper.

1234567891011121314151617181920212223242526272829303132333435363738394041424344
import plotly.express as px import pandas as pd from IPython.display import display, HTML # Sample data data = { "Category": ["A", "B", "C", "D"], "Value": [120, 90, 60, 30] } df = pd.DataFrame(data) # Use a colorblind-friendly palette color_sequence = px.colors.qualitative.Safe fig = px.bar( df, x="Category", y="Value", color="Category", color_discrete_sequence=color_sequence, title="Well-Labeled and Colorblind-Friendly Bar Chart", labels={ "Category": "Group Category", "Value": "Measured Value" } ) # Add clear annotations fig.update_traces( text=df["Value"], textposition="outside" ) # Adjust layout for clarity fig.update_layout( xaxis_title="Group Category", yaxis_title="Measured Value", legend_title="Category", font=dict(size=14), plot_bgcolor="white" ) html = fig.to_html(full_html=False, include_plotlyjs="cdn") display(HTML(html))
copy

Diagrammet ovenfor demonstrerer flere tilgængelighedsfunktioner. Farvepaletten er valgt fra Plotlys Safe-sekvens, som er designet til at kunne skelnes af brugere med farvesynsforstyrrelser. Hver søjle er tydeligt mærket med både kategori og værdi, og tekstetiketterne er placeret uden for søjlerne for nem aflæsning. Diagrammet indeholder en beskrivende titel og eksplicitte aksetitler, så seerne straks forstår, hvad der vises. Signaturforklaringen anvender de samme tilgængelige farver og har en tydelig titel. Baggrunden er sat til hvid for at maksimere kontrasten, og skrifttypestørrelsen er øget for bedre læsbarhed.

Anvendelse af disse bedste praksisser på alle dine Plotly-diagrammer sikrer, at dine visualiseringer forbliver tilgængelige og effektive, uanset publikum. Når du tilpasser layouts, farver eller stilarter — som i tidligere kapitler — bør du altid vælge farvepaletter, der er venlige for farveblinde, give tydelig og beskrivende mærkning og undgå unødvendig rod. Disse tiltag hjælper dine data med at fortælle deres historie klart og inkluderende, hvilket gør dine visualiseringer til værdifulde værktøjer for kommunikation og beslutningstagning.

question mark

Hvilken bedste praksis forbedrer tilgængeligheden i datavisualiseringer for seere med farvesynsforstyrrelser?

Select the correct answer

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 1. Kapitel 9

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

bookBedste Praksis for Klare og Tilgængelige Visualiseringer

Stryg for at vise menuen

Ved oprettelse af datavisualiseringer er målet at kommunikere information så klart og effektivt som muligt. For at opnå dette bør flere bedste praksisser overvejes, som fremmer både klarhed og tilgængelighed. Centrale principper omfatter at sikre stærk farvekontrast, så diagrammer er læsbare for alle, herunder personer med farvesynsforstyrrelser; anvendelse af beskrivende titler, akseetiketter og signaturforklaringer, så seerne forstår, hvad hvert element repræsenterer; samt minimering af rod ved at undgå unødvendige gitterlinjer, overdreven tekst eller overlappende elementer. Konsistent mærkning og brug af tilgængelige farvepaletter bidrager til at gøre diagrammerne både visuelt tiltalende og lette at fortolke for alle målgrupper.

1234567891011121314151617181920212223242526272829303132333435363738394041424344
import plotly.express as px import pandas as pd from IPython.display import display, HTML # Sample data data = { "Category": ["A", "B", "C", "D"], "Value": [120, 90, 60, 30] } df = pd.DataFrame(data) # Use a colorblind-friendly palette color_sequence = px.colors.qualitative.Safe fig = px.bar( df, x="Category", y="Value", color="Category", color_discrete_sequence=color_sequence, title="Well-Labeled and Colorblind-Friendly Bar Chart", labels={ "Category": "Group Category", "Value": "Measured Value" } ) # Add clear annotations fig.update_traces( text=df["Value"], textposition="outside" ) # Adjust layout for clarity fig.update_layout( xaxis_title="Group Category", yaxis_title="Measured Value", legend_title="Category", font=dict(size=14), plot_bgcolor="white" ) html = fig.to_html(full_html=False, include_plotlyjs="cdn") display(HTML(html))
copy

Diagrammet ovenfor demonstrerer flere tilgængelighedsfunktioner. Farvepaletten er valgt fra Plotlys Safe-sekvens, som er designet til at kunne skelnes af brugere med farvesynsforstyrrelser. Hver søjle er tydeligt mærket med både kategori og værdi, og tekstetiketterne er placeret uden for søjlerne for nem aflæsning. Diagrammet indeholder en beskrivende titel og eksplicitte aksetitler, så seerne straks forstår, hvad der vises. Signaturforklaringen anvender de samme tilgængelige farver og har en tydelig titel. Baggrunden er sat til hvid for at maksimere kontrasten, og skrifttypestørrelsen er øget for bedre læsbarhed.

Anvendelse af disse bedste praksisser på alle dine Plotly-diagrammer sikrer, at dine visualiseringer forbliver tilgængelige og effektive, uanset publikum. Når du tilpasser layouts, farver eller stilarter — som i tidligere kapitler — bør du altid vælge farvepaletter, der er venlige for farveblinde, give tydelig og beskrivende mærkning og undgå unødvendig rod. Disse tiltag hjælper dine data med at fortælle deres historie klart og inkluderende, hvilket gør dine visualiseringer til værdifulde værktøjer for kommunikation og beslutningstagning.

question mark

Hvilken bedste praksis forbedrer tilgængeligheden i datavisualiseringer for seere med farvesynsforstyrrelser?

Select the correct answer

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 1. Kapitel 9
some-alt