Use ChatGPT to Create SVG Art

Contributed by: Jon Van Ost

Difficulty level: Intermediate

Here is a fun prompt that outputs SVG art. In this case, the story ChatGPT tells about its artistic choices is entertaining in itself:

Prompt: Create an SVG which represents Albuquerque. Use no text. Should be asymmetrical and use only paths.

ChatGPT: In this example, several different paths are used to create a representation of Albuquerque. The blue mountain range, yellow sun, red hot air balloon, green cactus, and brown mesa all come together to create a visually interesting and asymmetrical design.

<?xml version="1.0" encoding="UTF-8" standalone="no"?>

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300
300">
  <!-- Blue mountain range -->
  <path fill="#2196F3" d="M20,180 C60,150 100,180 140,140
  C180,180 220,120 260,180 L260,300 L20,300 Z"/>
  <!-- Yellow sun -->
  <path fill="#FFEB3B" d="M200,100 C200,50 250,50 250,100
  C250,150 200,150 200,100 Z M200,100 A50,50 0 1,0 200,101
  Z"/>
  <!-- Red hot air balloon -->
  <path fill="#F44336" d="M70,50 C60,80 90,100 120,120
  C140,100 170,80 160,50 L140,60 C145,70 140,80 130,80
  C120,80 115,70 120,60 L140,50 L140,10 C120,5 100,20 90,35
  C80,20 60,5 40,10 L40,50 Z M90,40 A10,10 0 1,0 90,41 Z"/>
  <!-- Green cactus -->
  <path fill="#4CAF50" d="M230,250 L210,240 L200,250
  L190,260 L210,270 L230,280 C240,280 240,270 230,270
  C250,270 250,250 230,250 Z M220,250 L220,220 C210,210
  210,230 220,240 Z"/>
  <!-- Brown mesa -->
  <path fill="#795548"