canvas

Generate interactive HTML5 documents for data visualization and presentations.

313|53|Updated Jan 11, 2023
One-click install
npx skills add https://github.com/microsoft/vscode-dotnettools --skill canvas-microsoft
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: canvas
Source: https://github.com/microsoft/vscode-dotnettools/tree/main/.github/skills/canvas
Command: npx skills add https://github.com/microsoft/vscode-dotnettools --skill canvas-microsoft

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill enables quick visualization and presentation of data using Canvas, turning complex information into interactive slides or one-pager reports that are easily shared.

Core Features & Use Cases

  • Data Visualization: Transform numeric data and tables into easy-to-digest visual elements like charts, tables, and layouts.
  • Shareable Presentations: Generate a custom HTML file that opens as a standalone, browserless app, suitable for presentations.
  • Use Case: Use the Skill to create an at-a-glance org chart for team reviews, a one-pager to summarize meeting notes, or a quick comparison chart for decision-making sessions.

Quick Start

Use the canvas skill to visualize your data for the upcoming meeting. Generate a chart comparing the year-to-date vs. target figures and save it as 'meeting-charts-2026.html'.

Frequently Asked Questions about canvas

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

FAQPage Schema
How do I generate interactive HTML5 presentation slides from data?

Generate interactive HTML5 presentation slides by converting numeric data and tables into standalone HTML documents with visual elements like charts and layouts. The output is a browserless app file that opens directly in your environment for real-time meeting presentations.

What is the best way to visualize data for a quick meeting presentation?

The best way to visualize data for a quick meeting presentation is to generate an HTML5 document containing interactive components and charts. This approach creates a shareable, standalone file that requires no external libraries to execute and display your data.

Can I create a shareable data visualization without using external libraries?

Yes, you can create shareable data visualization without external libraries by generating a standalone HTML5 file. The document contains basic formatting and minimal interactive features, executing directly in the user's environment as a browserless app.

Does this HTML5 presentation approach support interactive components for real-time data analysis?

Yes, this HTML5 presentation approach supports interactive components for real-time data analysis. It transforms complex information into visual elements like charts and tables, generating a custom HTML file tailored for decision-making sessions and informative slide decks.

What are the limitations of generating data visualization with basic HTML5?

Limitations of generating data visualization with basic HTML5 include support for only basic formatting and minimal interactive features. It is designed for quick one-pager reports and at-a-glance charts rather than highly complex, deeply interactive analytical dashboards.