Plotly

Interactive charts that tell a clear story. Express for speed, Graph Objects for control. 14 modules of 10 minutes each, with questions that check your answers in the browser.

Start the track

Foundations

• 1. Plotly Express vs Graph Objects: when to use whichFree
  Understand Plotly's two layers, what a figure really is, and the tidy data shape that makes Express charts one-liners.
• 2. Your first chart: line and scatter with pxFree
  Draw a line chart for trends and a scatter plot for relationships, each in one line of Plotly Express.
• 3. Bar charts and histogramsFree
  Compare categories with sorted, labelled bars, choose grouped or stacked bars, and show distributions with histograms.
• 4. Axis titles, labels, and hover textFree
  Replace raw column names with human labels, format numbers as Rupiah and percentages, and make hover boxes say exactly what matters.

Intermediate

• 5. Color, size, and symbol encodingFree
  Add a third or fourth variable to a chart with colour, marker size and symbols, and use colour to highlight instead of decorate.
• 6. Faceting (small multiples)Free
  Split one crowded chart into a grid of small, comparable charts with facet_col and facet_row, and control shared axes and panel titles.
• 7. Box, violin, and distribution plotsFree
  Compare how values are spread across groups with box, violin and strip plots, read a box plot properly, and add marginal distributions.
• 8. Customizing layout (titles, legends, margins)Free
  Control titles and subtitles, legend placement, size and margins, unified hover, and annotate the point of the chart with lines and notes.
• 9. Templates and consistent stylingPro
  Use Plotly's built-in templates, build your own with brand colours and fonts, and make it the default so every chart matches.

Advanced

• 10. Graph Objects: building figures from tracesPro
  Build charts trace by trace with go.Figure, style each trace, combine chart types, and update traces selectively.
• 11. Subplots with make_subplotsPro
  Arrange several charts in one figure, share axes between panels, and give a second series its own y-axis when the units differ.
• 12. Adding interactivity (dropdowns, sliders)Pro
  Add range sliders, dropdown menus and animation to charts, so one figure can answer several questions without any server.

Expert

• 13. Choosing the right chart (clean data-viz principles)Pro
  Match the chart to the question, remove clutter, use colour and annotation with purpose, and avoid the classic ways charts mislead.
• 14. Reusable chart functions and a personal style templatePro
  Package your chart style into a registered template and a few small, tested functions, so every chart in every report looks right with one call.

Track project

• Plotly Project: Toko Kita's monthly review chartsPro
  Three graded charts for the shop's half-year review. A sorted bar chart of revenue by category, a monthly trend measured against a target, and two panels that share one time axis.

Pro modules unlock with one payment of Rp 149.000, yours to keep.