Til Plotly naar een hoger niveau met Dash. Na een korte opfrissing van Plotly ga je direct aan de slag met je eerste Dash-app. Vervolgens maak je kennis met HTML en hoe Dash deze essentiële webtaal inzet om grotere Dash-apps te structureren. Tot slot breng je alles samen in je eerste dashboard met meerdere grafieken voor een wereldwijd e-commercebedrijf.

Plotly-grafieken en figuren

Lijngrafiek van omzet per land

Staafdiagram van omzet per land

Van Plotly naar Dash

De kerncode van een Dash-app

Verkoopcijfers in een Dash-app

Dash-componenten positioneren

HTML en Dash combineren

Een conceptverkoopdashboard

Neem met HTML en CSS de controle over de elementen in je Dash-apps. Leer wat deze precies zijn en hoe ze de kern vormen van moderne webontwikkeling, en gebruik vervolgens hun krachtige mogelijkheden in je Dash-apps om de grootte, kleur en plaatsing van je objecten aan te passen.

HTML in Dash

Logo's en notities toevoegen

Een HTML-lijst toevoegen aan Dash

CSS-basics in Dash

Een Dash-app stylen met CSS

Overschakelen naar dark mode

Geavanceerde CSS in Dash

Plaatsing oefenen

Een verfijnd salesdashboard

De lay-out van objecten bepalen

Dash-apps stijlen

Maak van je Dash-apps gebruikersturende ervaringen door interactieve componenten te beheersen. Leer hoe je dropdowns, datumkiezers en vrije-tekstvelden opneemt om elementen in je Dash-apps aan te passen en echt selfservice-dashboards te bouwen die je gebruikers kunnen verkennen.

Callbacks in Dash

Een dropdown voor verkoop per land

Een kapot dashboard repareren

Interactieve componenten

Datumkiezer voor verkoopgegevens

Een callback met een datumkiezer

Schuifregelaar voor verkoopgegevens

Herbruikbare Dash-componenten

Dash-componenten hergebruiken

DRY-styling van Dash-componenten

Gebruikersinvoer in Dash-componenten

Een plottitel bijwerken

Locaties van topklanten analyseren

Interactiviteit met Callbacks en Components

Ontketen de volledige kracht van interactiviteit in Dash-apps door wijzigingen in de ene grafiek te activeren wanneer een gebruiker op een andere grafiek klikt of erover hovert. Daarnaast leer je de basis van Dash's AG Grid-module voor het maken van tabellen die je eenvoudig kunt filteren, sorteren en pagineren; en die ook veranderingen in andere grafieken kunnen triggeren.

Interactiviteit tussen elementen

Genereer kerncijfers bij hoveren

Hover om een andere plot bij te werken

Klik om een andere plot bij te werken

Geketende callbacks

Voorwaardelijke dropdown-opties

De keten uitbreiden

Introductie tot Dash AG Grid

Interactieve tabel met kerncijfers

Pagineren van een tabel met kernstatistieken

Het verkoopdashboard uitbreiden

Interactiviteit met Dash AG Grid

Een key stats-tabel stijlen

Interactieve verkooptabellen in het dashboard

Afsluitende video

Geavanceerde Dash-apps

2011 Global e-commerce data

2011 Global e-commerce data (Complete)

Je hebt geen dure vendorsoftware nodig om dashboards vol inzichten te maken—dat kan gewoon met Plotly en Dash. Ga mee op pad en leer hoe je je Plotly-visualisaties omzet in interactieve dashboards met wereldwijde e-commercedata. Je leert de basis van webapplicaties en ontdekt hoe je dashboards structureert en opmaakt met HTML en CSS—en bouwt zo een portfolio aan dashboards die je kunt aanpassen aan jouw data en projecten. Ben je klaar om je grafieken tot leven te brengen?

Interactiviteit tussen elementen

Create Your Free Account