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

dashboard-build

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires vizro, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the process of building and testing data visualization dashboards, streamlining the creation of interactive data applications.

Core Features & Use Cases

  • Dashboard Implementation: Generates Python code for Vizro dashboards based on design specifications.
  • Schema Integration: Fetches and utilizes Vizro model schemas for accurate configuration.
  • Testing & Validation: Includes basic and advanced testing flows to ensure dashboard functionality and visual fidelity.
  • Use Case: After designing a dashboard layout and selecting visualizations, use this Skill to translate those designs into a functional Vizro application and verify its correctness.

Quick Start

Use the dashboard-build skill to implement the dashboard defined in the spec files.

Frequently Asked Questions about dashboard-build

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

FAQPage Schema
How do I build a data visualization dashboard from a design specification in Python?▼

This Skill automates building data visualization dashboards from design specifications by generating Python code using the Vizro toolkit. It translates your layout designs into a functional application by fetching and integrating with Vizro model schemas for accurate configuration.

How do I test data visualization apps to ensure visual fidelity and functionality?▼

To test data visualization apps, this Skill provides validation flows that perform automated navigation and screenshot tests. This verifies dashboard functionality and visual fidelity against the original design specifications.

Does Vizro support integrating custom model schemas for dashboard app development?▼

Yes, Vizro supports integrating custom model schemas for dashboard app development. This Skill fetches and utilizes Vizro model schemas to ensure accurate configuration and adherence to spec files during implementation.

What is the best way to automate implementing interactive data applications without manual coding?▼

Automating interactive data application implementation is achieved by using this Skill with the Vizro toolkit. It generates Python code directly from design specifications, streamlining creation without manual coding.

Do I need spec files to use this automated dashboard generation process?▼

Yes, spec files are required for automated dashboard generation. This Skill requires adherence to spec files for accurate development and verification, translating those designs into a functional Vizro application.

Related Skills

Explore More Software Engineering Skills→
mckinseymckinsey
3.8k

dashboard-design

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

Official
Intermediate
hotaqhotaq

visual-verdict

Compare generated UI screenshots against reference images and return a strict JSON verdict.

Community
Intermediate
Kirankumar2604Kirankumar2604

streamlit

Develop interactive data-driven web applications with Streamlit.

Community
Basic
KaranKathur06KaranKathur06

streamlit

Build interactive data dashboards and machine-learning demos from Python code.

Community
Basic