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...
Aims to provide an impeccable, unique, and creative website that suits your brand image and requirements.