skills.rest
mckinsey
mckinseyOFFICIAL
Explore all skills by this author →
Website𝕏@McKinseyGitHub

dashboard-design

Guide a 3-step Vizro dashboard design process with YAML spec files.

3.8k|294|Updated Sep 4, 2023
Search Tags:#data visualization#requirements gathering#ux design#dashboard design#layout planning#vizro
One-click install
npx skills add https://github.com/mckinsey/vizro --skill dashboard-design-mckinsey
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: dashboard-design
Source: https://github.com/mckinsey/vizro/tree/main/vizro-e2e-flow/skills/dashboard-design
Command: npx skills add https://github.com/mckinsey/vizro --skill dashboard-design-mckinsey

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a structured, step-by-step process for designing data visualization dashboards, ensuring all critical aspects from requirements to visualization are considered before implementation.

Core Features & Use Cases

  • Guided Workflow: Enforces a 3-step process: Requirements Gathering, Layout & Interaction Design, and Visualization Selection.
  • Spec File Generation: Creates YAML files at each step to document decisions and enable collaboration.
  • Best Practice Enforcement: Guides users on Vizro layout constraints, filter placement, and chart selection.
  • Use Case: A business analyst needs to create a new sales performance dashboard. They use this skill to first define the target audience and key questions, then design the layout and filter interactions, and finally select the most appropriate chart types for each metric, ensuring a well-structured and effective final product.

Quick Start

Use the dashboard-design skill to start designing a new dashboard by following the three-step process outlined in the documentation.

Frequently Asked Questions about dashboard-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What is the best way to design a data visualization dashboard?▼

The best way to design a data visualization dashboard is to follow a structured 3-step process: gather requirements, plan layout and interactions, and select appropriate charts to ensure all critical aspects are addressed before implementation.

How do I gather requirements for a new dashboard layout?▼

To gather requirements for a dashboard layout, first define your target audience and key questions. This structured approach ensures the design addresses user needs before moving to interaction planning and visualization selection.

How does spec file generation work for dashboard design?▼

Spec file generation for dashboard design works by creating YAML files at each step of the process. These files document design decisions to enable collaboration and track layout and visualization choices.

Does this dashboard design process work with Vizro?▼

Yes, this dashboard design process works with Vizro. It enforces Vizro-specific best practices, including adherence to layout constraints, proper filter placement, and appropriate chart selection for your metrics.

How do I select the right charts for my dashboard metrics?▼

To select the right charts for dashboard metrics, follow the final step of the structured design process. This phase guides you in choosing the most appropriate visualization types based on the defined requirements and layout.

Why should I plan dashboard interactions before implementation?▼

You should plan dashboard interactions before implementation to ensure filter placement and layout constraints are properly addressed. This prevents structural issues and ensures a well-structured final product.

Related Skills

Explore More Data & Analytics Skills→
X-School-AcademyX-School-Academy
19

dev-swarm-stage-init-ideas

Transform raw ideas into structured business requirements with problem, solution, and target users.

Official
Intermediate
mckinseymckinsey
3.8k

dashboard-build

Generate Vizro dashboard code from design specifications and run validation tests.

Official
Advanced
Wike-CHIWike-CHI
2

data-automation-service

Automate data cleaning and transformation for raw datasets.

Community
Intermediate
ncsound919ncsound919

charts

Create publication-ready charts and diagrams from data using deterministic templates.

Community
Advanced