visuals Skill
Use when user wants to incorporate charts, graphs, data grid, or other visual representations of data into their project. Use VegaVisual and DataGrid components to create these visuals, utilizing the shared DataTable input, formatting, theme, and interactivity. Covers the onInteraction selection/click events host apps Published by microsoft in fabric-apps-analytic-templates.
What is visuals Skill?
Use when user wants to incorporate charts, graphs, data grid, or other visual representations of data into their project. Use VegaVisual and DataGrid components to create these visuals, utilizing the shared DataTable input, formatting, theme, and interactivity. Covers the onInteraction selection/click events host apps Published by microsoft in fabric-apps-analytic-templates. This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.
Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Data analysis
- Data analysis use cases
Technical details
- Install or run with Copy skill directory
When to use visuals Skill
- Use it for data analysis.
Built with
Editorial notes
Source
- Creator: microsoft
- Repository: microsoft/fabric-apps-analytic-templates
- Skill file: .agents/skills/visuals/SKILL.md
What it does
Use when user wants to incorporate charts, graphs, data grid, or other visual representations of data into their project. Use VegaVisual and DataGrid components to create these visuals, utilizing the shared DataTable input, formatting, theme, and interactivity. Covers the onInteraction selection/click events host apps
Skill instructions
Visuals Types of visuals There are 2 different types of visuals that can be used in a project: 1. Charts and Graphs: These are used to represent data in a visual format, such as bar charts, line charts, pie charts, etc. These are built using vega-lite, see references/vega-lite-visual.md for more details. 2. Data Grids: These are used to display tabular data in a structured format, allowing for sorting, filtering, and pagination. See references/data-grid-visual.md for more details. Packages & Imports The visual components are provided by three packages. Always use these package imports when creating visuals. | Package | Primary exports | Example import | |---|---|---| | @microsoft/fabric-visuals | VegaVisual, types: VisualizationSpec, VegaLiteConfig, VegaVisualProps | import { VegaVisual } from "@microsoft/fabric-visuals" | | @microsoft/fabric-datagrid | DataGrid, types: GridColumnDef, Row, CellValue, DataGridProps, DataGridTheme, SortConfig | import { DataGrid } from "@microsoft/fabric
Explore related resources
Frequently asked questions
What is visuals?
visuals is a open-source AI agent skill with Copy skill directory. Use when user wants to incorporate charts, graphs, data grid, or other visual representations of data into their project.
Who is visuals best for?
visuals is best for reusing agent instructions, scripts, and references, data analysis workflows.
How do I install visuals?
Install or run visuals using Copy skill directory. Check visuals for the latest setup command.
Is visuals actively maintained?
visuals may need a closer maintenance check before production use.
Auto-fetched from GitHub.
