Developing User Interfaces with GitHub Copilot
Developing User Interfaces with GitHub Copilot, Part 3 by John Miller | April 30, 2025 This post is the third installment in the series on AI assisted UI development. While this post is largely stand-alone, consider reading parts 1 and 2 before reading this post. Have AI Add a Data Visualization We've looked at using AI to create and add UI components in prior posts. In this post I'll add a data visualization to a page. This figure shows a rendered Sales Funnel Summary page before making any changes: The goal in this post is to have AI add a data visualization of the sales funnel to the page. Prompt: Using css, add a Sales Funnel graphic from the data in the detail-table. Include the total value and the average age. Don't include ‘unknown’ or ‘closed lost’. Below is the response from the Claude 3.7 Sonnet Thinking model. Begin Response I'll add a CSS-based Sales Funnel visualization between your summary table and the details table. Here's how t...