Quiz: Theming and Branding

Q: What is the chapter's threshold concept? A) Every chart should be styled individually B) Style is a system, not a one-off C) Color is the only thing that matters in branding D) Matplotlib has no style support

B. A visualization brand is a codified system that makes consistency automatic. The professional builds a system and applies it, not restyles each chart individually.

Q: Which file extension is used for matplotlib style sheets? A) `.mplstyle` B) `.style` C) `.mplrc` D) `.pystyle`

A. Files with `.mplstyle` extension contain matplotlib style sheet configuration. Apply with `plt.style.use("path/to/file.mplstyle")`.

Q: Which three palette types should a brand color system typically include? A) Primary, secondary, accent B) Categorical, sequential, diverging C) Bright, dark, neutral D) Hot, cold, warm

B. Categorical (for unordered groups), sequential (for ordered quantities), and diverging (for values with a meaningful midpoint). Different data types require different palettes.

Q: In Plotly, where do you register a custom template? A) `plt.style.use(template)` B) `pio.templates["name"] = template` C) `px.apply(template)` D) `go.Template.register(template)`

B. `pio.templates["mybrand"] = template` registers the template globally. Set as default with `pio.templates.default = "plotly_white+mybrand"`.

Q: Which open-source R library by the BBC is a reference implementation of a data journalism brand? A) bbplot B) bbcplot C) bbtheme D) bbstyle

A. bbplot is the BBC's R/ggplot2 library that applies the BBC style. It demonstrates how a brand can be codified as a library.

Q: Which publication has a matplotlib style approximation built into matplotlib? A) BBC B) Wall Street Journal C) FiveThirtyEight D) Nature

C. `plt.style.use("fivethirtyeight")` applies a FiveThirtyEight-inspired look. Other built-in styles include `"ggplot"`, `"seaborn"`, `"dark_background"`.

Q: What does `pio.templates.default = "plotly_white+mybrand"` do? A) Errors because templates cannot be combined B) Composes the two templates, with `mybrand` overriding `plotly_white` C) Chooses randomly between the two D) Creates a new template combining both names

B. The `+` operator composes templates in Plotly. The first provides the base; the second overrides matching properties.

Q: Why is colorblind safety important for brand palettes? A) It's a legal requirement B) About 8% of men have some form of color blindness and cannot distinguish all colors C) It's unnecessary with modern displays D) Only for scientific publications

B. Colorblind readers are a significant audience. A brand palette that is not colorblind-safe excludes them. Tools like the Wong palette provide distinguishable colors for all common forms of color blindness.

Q: What are the main components of a helper module for a brand system? A) Only colors B) Colors, style-sheet apply function, figure creation helpers, save helpers C) Only fonts D) Only layout rules

B. A complete helper module typically includes named colors, a function to apply the style sheet, functions for creating figures with brand defaults, title/subtitle helpers, source attribution helpers, and save functions with brand export settings.

Q: When is it appropriate to deviate from the brand? A) Never B) Whenever you feel like it C) When the data demands it, the audience needs it, or convention requires it D) Only on weekends

C. The brand is a default, not a cage. Legitimate reasons to deviate include: the data has natural colors, the audience is external, chart-type conventions transcend brand rules, the context is somber, or innovation requires it. Document the reasons in the style guide.

Quiz: Theming and Branding

Part I: Multiple Choice (10 questions)

Q1. What is the chapter's threshold concept?

A) Every chart should be styled individually B) Style is a system, not a one-off C) Color is the only thing that matters in branding D) Matplotlib has no style support

Answer

**B.** A visualization brand is a codified system that makes consistency automatic. The professional builds a system and applies it, not restyles each chart individually.

Q2. Which file extension is used for matplotlib style sheets?

A) .mplstyle B) .style C) .mplrc D) .pystyle

Answer

**A.** Files with `.mplstyle` extension contain matplotlib style sheet configuration. Apply with `plt.style.use("path/to/file.mplstyle")`.

Q3. Which three palette types should a brand color system typically include?

A) Primary, secondary, accent B) Categorical, sequential, diverging C) Bright, dark, neutral D) Hot, cold, warm

Answer

**B.** Categorical (for unordered groups), sequential (for ordered quantities), and diverging (for values with a meaningful midpoint). Different data types require different palettes.

Q4. In Plotly, where do you register a custom template?

A) plt.style.use(template) B) pio.templates["name"] = template C) px.apply(template) D) go.Template.register(template)

Answer

**B.** `pio.templates["mybrand"] = template` registers the template globally. Set as default with `pio.templates.default = "plotly_white+mybrand"`.

Q5. Which open-source R library by the BBC is a reference implementation of a data journalism brand?

A) bbplot B) bbcplot C) bbtheme D) bbstyle

Answer

**A.** bbplot is the BBC's R/ggplot2 library that applies the BBC style. It demonstrates how a brand can be codified as a library.

Q6. Which publication has a matplotlib style approximation built into matplotlib?

A) BBC B) Wall Street Journal C) FiveThirtyEight D) Nature

Answer

**C.** `plt.style.use("fivethirtyeight")` applies a FiveThirtyEight-inspired look. Other built-in styles include `"ggplot"`, `"seaborn"`, `"dark_background"`.

Q7. What does pio.templates.default = "plotly_white+mybrand" do?

A) Errors because templates cannot be combined B) Composes the two templates, with mybrand overriding plotly_white C) Chooses randomly between the two D) Creates a new template combining both names

Answer

**B.** The `+` operator composes templates in Plotly. The first provides the base; the second overrides matching properties.

Q8. Why is colorblind safety important for brand palettes?

A) It's a legal requirement B) About 8% of men have some form of color blindness and cannot distinguish all colors C) It's unnecessary with modern displays D) Only for scientific publications

Answer

**B.** Colorblind readers are a significant audience. A brand palette that is not colorblind-safe excludes them. Tools like the Wong palette provide distinguishable colors for all common forms of color blindness.

Q9. What are the main components of a helper module for a brand system?

A) Only colors B) Colors, style-sheet apply function, figure creation helpers, save helpers C) Only fonts D) Only layout rules

Answer

**B.** A complete helper module typically includes named colors, a function to apply the style sheet, functions for creating figures with brand defaults, title/subtitle helpers, source attribution helpers, and save functions with brand export settings.

Q10. When is it appropriate to deviate from the brand?

A) Never B) Whenever you feel like it C) When the data demands it, the audience needs it, or convention requires it D) Only on weekends

Answer

**C.** The brand is a default, not a cage. Legitimate reasons to deviate include: the data has natural colors, the audience is external, chart-type conventions transcend brand rules, the context is somber, or innovation requires it. Document the reasons in the style guide.

Part II: Short Answer (10 questions)

Q11. List five components of a visualization style guide.

Answer

Color system, typography, chart anatomy rules, data encoding conventions, annotation style, layout rules, accessibility requirements, example galleries, do's and don'ts, implementation details for specific tools (matplotlib, Plotly, Tableau).

Q12. Write a minimal matplotlib style sheet.

Answer

# minimal.mplstyle
font.family: sans-serif
font.sans-serif: Helvetica, Arial
font.size: 11
axes.spines.top: False
axes.spines.right: False
axes.grid: True
grid.color: E0E0E0
axes.prop_cycle: cycler('color', ['1F77B4', 'FF7F0E', '2CA02C'])
figure.facecolor: white

Q13. Explain why a team should build a helper module in addition to a style sheet.

Answer

A style sheet sets rcParams but does not provide functions for common branded operations (adding titles, source attribution, saving with brand defaults). A helper module wraps these operations so that an author can write `branded_axes()` and `save_branded(fig, filename)` rather than remembering every brand rule. The helper module encodes the brand's conventions as reusable Python functions.

Q14. How do you adapt a corporate brand guide for data visualization?

Answer

(1) Extract the color palette. (2) Test colorblind safety. (3) Identify fonts and check availability in matplotlib. (4) Fill in chart-specific rules that the corporate guide doesn't cover (grid, spines, sizes). (5) Build the matplotlib style sheet and Plotly template. (6) Test on representative chart types. (7) Get design approval from the corporate design team. (8) Document as an extension of the corporate brand.

Q15. Describe the Wong palette and why it matters.

Answer

The Wong palette (Bang Wong, Nature Methods 2011) is 8 colors designed to be distinguishable by all major forms of color blindness. Colors: #000000, #E69F00, #56B4E9, #009E73, #F0E442, #0072B2, #D55E00, #CC79A7. Use for categorical encoding in any chart that needs to be accessible. Usually colorblind-safe brand palettes start with Wong or a similar research-backed choice.

Q16. What is the difference between a personal brand and an organizational brand?

Answer

Organizational brands apply to a team or company — multiple people produce charts that all look consistent. Personal brands apply to an individual — their signature aesthetic that appears across all their work. Both use similar tools (style sheets, templates, helpers) but organizational brands need more formal documentation and compliance, while personal brands can be more fluid.

Q17. Why should a brand system accommodate evolution over time?

Answer

Brands don't stay static. Tastes change, tools improve, corporate identities update. A brittle brand that cannot evolve leads to either stagnation (outdated style) or chaotic re-brands that confuse users. A good brand system uses versioning, gradual migration, deprecation cycles, and change logs to accommodate updates without breaking existing content.

Q18. How does a brand system reduce cognitive load for chart authors?

Answer

Without a brand system, every chart author makes individual styling decisions: what font, what colors, what title position, what grid style. With a system, these decisions are made once by the system designer and applied automatically. Authors focus on content (data, metrics, narrative) rather than style. The freed cognitive capacity goes to the analytical work that matters.

Q19. Describe the FiveThirtyEight style in terms of specific rcParams values.

Answer

Light gray background (`axes.facecolor: F0F0F0`, `figure.facecolor: F0F0F0`). Muted axis colors (`axes.edgecolor: F0F0F0`). Large default font size (`font.size: 16.0`). Distinctive color cycle (blue, red, yellow, green, gray, purple). Fancy rounded legends (`legend.fancybox: True`). Muted grays for axis labels (`axes.labelcolor: 555555`).

Q20. Explain why a brand system is a good ROI investment for teams producing many charts.

Answer

Initial setup is 1-3 days. Ongoing maintenance is a few hours per month. Per-chart savings are 10-30% of styling time. Break-even is typically 20-30 charts. For teams producing 100+ charts per year, the system is a clear win. Additional benefits: consistent output (professional appearance), accessibility by default, brand recognition over time, reduced onboarding effort for new team members. The system is infrastructure that pays back over every subsequent chart.

Scoring Rubric

Score	Level	Meaning
18–20	Mastery	You can design and implement a complete brand system.
14–17	Proficient	You know the main tools; review helper module design.
10–13	Developing	You grasp the basics; re-read Sections 32.4-32.7 and work all Part B exercises.
< 10	Review	Re-read the full chapter.

Chapter 33 integrates everything into an 8-step workflow from question to published chart.