Skip to content

Instantly share code, notes, and snippets.

@simonw
Created March 19, 2025 23:49
Show Gist options
  • Save simonw/0439d0255360c68b8f621133860710b1 to your computer and use it in GitHub Desktop.
Save simonw/0439d0255360c68b8f621133860710b1 to your computer and use it in GitHub Desktop.
{
"id": "resp_67db5768a46c81928c57f2b7a1693a54040c78503f27d0ca",
"object": "response",
"created_at": 1742428008,
"status": "completed",
"error": null,
"incomplete_details": null,
"instructions": null,
"max_output_tokens": null,
"model": "o1-pro-2025-03-19",
"output": [
{
"type": "reasoning",
"id": "rs_67db579882c8819295ed16fd4ff064b9040c78503f27d0ca",
"summary": []
},
{
"type": "message",
"id": "msg_67db579883d081928866e38c9c65f118040c78503f27d0ca",
"status": "completed",
"role": "assistant",
"content": [
{
"type": "output_text",
"text": "Below is a simple, stylized SVG illustration of a pelican riding a bicycle. You can copy and save this code as an .svg file:\n\n--------------------------------------------------------------------------------\n<svg\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"300\"\n height=\"300\"\n viewBox=\"0 0 300 300\"\n>\n <title>Pelican Riding a Bicycle</title>\n \n <!-- Background rectangle (optional) -->\n <rect x=\"0\" y=\"0\" width=\"300\" height=\"300\" fill=\"#ffffff\" />\n\n <!-- Bicycle wheels -->\n <circle cx=\"90\" cy=\"200\" r=\"30\" stroke=\"#333333\" stroke-width=\"3\" fill=\"none\" />\n <circle cx=\"210\" cy=\"200\" r=\"30\" stroke=\"#333333\" stroke-width=\"3\" fill=\"none\" />\n \n <!-- Bicycle frame -->\n <g stroke=\"#333333\" stroke-width=\"3\" fill=\"none\">\n <!-- Top bar -->\n <line x1=\"90\" y1=\"200\" x2=\"160\" y2=\"140\" />\n <!-- Seat bar and seat -->\n <line x1=\"120\" y1=\"170\" x2=\"90\" y2=\"200\" />\n <circle cx=\"120\" cy=\"170\" r=\"5\" fill=\"#333333\" stroke=\"none\" />\n <!-- Down tube -->\n <line x1=\"160\" y1=\"140\" x2=\"210\" y2=\"200\" />\n <!-- Handlebar tube -->\n <line x1=\"160\" y1=\"140\" x2=\"140\" y2=\"110\" />\n <!-- Handlebar -->\n <line x1=\"130\" y1=\"110\" x2=\"150\" y2=\"110\" />\n <!-- Crank and pedals -->\n <circle cx=\"140\" cy=\"180\" r=\"4\" fill=\"#333333\" stroke=\"none\" />\n <line x1=\"140\" y1=\"180\" x2=\"130\" y2=\"190\" />\n <line x1=\"140\" y1=\"180\" x2=\"150\" y2=\"170\" />\n </g>\n \n <!-- Pelican group -->\n <g transform=\"translate(130, 90)\">\n <!-- Wing -->\n <path\n d=\"M -10 25 C -30 0, -30 50, -10 35 C -15 28, -8 20, -10 25 Z\"\n fill=\"#efefef\"\n stroke=\"#333333\"\n stroke-width=\"1.5\"\n />\n <!-- Body -->\n <ellipse\n cx=\"0\"\n cy=\"30\"\n rx=\"16\"\n ry=\"22\"\n fill=\"#ffffff\"\n stroke=\"#333333\"\n stroke-width=\"1.5\"\n />\n <!-- Neck -->\n <path\n d=\"M 0 12 Q 10 0, 10 -8\"\n fill=\"none\"\n stroke=\"#333333\"\n stroke-width=\"2\"\n />\n <!-- Head -->\n <circle\n cx=\"10\"\n cy=\"-10\"\n r=\"10\"\n fill=\"#ffffff\"\n stroke=\"#333333\"\n stroke-width=\"1.5\"\n />\n <!-- Eye -->\n <circle cx=\"13\" cy=\"-12\" r=\"2\" fill=\"#333333\" />\n <!-- Beak -->\n <path\n d=\"M 10 -10 L 25 -5 Q 22 -2, 10 -3 Z\"\n fill=\"#ffa600\"\n stroke=\"#333333\"\n stroke-width=\"1.5\"\n />\n </g>\n \n</svg>\n--------------------------------------------------------------------------------\n\nYou can adjust the width, height, colors, or any other attributes to suit your needs. Save the above text as \"pelican_bike.svg\" (or any filename ending with “.svg”) and open it in a browser or an SVG-compatible viewer/editor to see the illustration.",
"annotations": []
}
]
}
],
"parallel_tool_calls": true,
"previous_response_id": null,
"reasoning": {
"effort": "medium",
"generate_summary": null
},
"store": true,
"temperature": 1,
"text": {
"format": {
"type": "text"
}
},
"tool_choice": "auto",
"tools": [],
"top_p": 1,
"truncation": "disabled",
"usage": {
"input_tokens": 81,
"input_tokens_details": {
"cached_tokens": 0
},
"output_tokens": 1552,
"output_tokens_details": {
"reasoning_tokens": 704
},
"total_tokens": 1633
},
"user": null,
"metadata": {}
}
@simonw
Copy link
Author

simonw commented Mar 19, 2025

Decoded:

Below is a simple, stylized SVG illustration of a pelican riding a bicycle. You can copy and save this code as an .svg file:


<svg
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    width="300"
    height="300"
    viewBox="0 0 300 300"
>
  <title>Pelican Riding a Bicycle</title>
  
  <!-- Background rectangle (optional) -->
  <rect x="0" y="0" width="300" height="300" fill="#ffffff" />

  <!-- Bicycle wheels -->
  <circle cx="90" cy="200" r="30" stroke="#333333" stroke-width="3" fill="none" />
  <circle cx="210" cy="200" r="30" stroke="#333333" stroke-width="3" fill="none" />
  
  <!-- Bicycle frame -->
  <g stroke="#333333" stroke-width="3" fill="none">
    <!-- Top bar -->
    <line x1="90" y1="200" x2="160" y2="140" />
    <!-- Seat bar and seat -->
    <line x1="120" y1="170" x2="90" y2="200" />
    <circle cx="120" cy="170" r="5" fill="#333333" stroke="none" />
    <!-- Down tube -->
    <line x1="160" y1="140" x2="210" y2="200" />
    <!-- Handlebar tube -->
    <line x1="160" y1="140" x2="140" y2="110" />
    <!-- Handlebar -->
    <line x1="130" y1="110" x2="150" y2="110" />
    <!-- Crank and pedals -->
    <circle cx="140" cy="180" r="4" fill="#333333" stroke="none" />
    <line x1="140" y1="180" x2="130" y2="190" />
    <line x1="140" y1="180" x2="150" y2="170" />
  </g>
  
  <!-- Pelican group -->
  <g transform="translate(130, 90)">
    <!-- Wing -->
    <path
      d="M -10 25 C -30 0, -30 50, -10 35 C -15 28, -8 20, -10 25 Z"
      fill="#efefef"
      stroke="#333333"
      stroke-width="1.5"
    />
    <!-- Body -->
    <ellipse
      cx="0"
      cy="30"
      rx="16"
      ry="22"
      fill="#ffffff"
      stroke="#333333"
      stroke-width="1.5"
    />
    <!-- Neck -->
    <path
      d="M 0 12 Q 10 0, 10 -8"
      fill="none"
      stroke="#333333"
      stroke-width="2"
    />
    <!-- Head -->
    <circle
      cx="10"
      cy="-10"
      r="10"
      fill="#ffffff"
      stroke="#333333"
      stroke-width="1.5"
    />
    <!-- Eye -->
    <circle cx="13" cy="-12" r="2" fill="#333333" />
    <!-- Beak -->
    <path
      d="M 10 -10 L 25 -5 Q 22 -2, 10 -3 Z"
      fill="#ffa600"
      stroke="#333333"
      stroke-width="1.5"
    />
  </g>
  
</svg>

You can adjust the width, height, colors, or any other attributes to suit your needs. Save the above text as "pelican_bike.svg" (or any filename ending with “.svg”) and open it in a browser or an SVG-compatible viewer/editor to see the illustration.

@simonw
Copy link
Author

simonw commented Mar 19, 2025

Actually pretty good!

CleanShot 2025-03-19 at 16 51 21@2x

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment