{"id":792,"date":"2024-07-06T01:41:21","date_gmt":"2024-07-06T01:41:21","guid":{"rendered":"https:\/\/david.bookstaber.com\/?p=792"},"modified":"2024-07-06T01:45:07","modified_gmt":"2024-07-06T01:45:07","slug":"todays-llm-challenge-create-a-diagram","status":"publish","type":"post","link":"https:\/\/david.bookstaber.com\/?p=792","title":{"rendered":"Today&#8217;s LLM Challenge: Create a diagram"},"content":{"rendered":"\n<p>Ask an LLM to create a technical diagram and they&#8217;ll use a diffusion generator, which produces funny but mostly nonsensical results.  But they tend to be pretty good at writing code, so I thought I&#8217;d see how they can do with the following prompt:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Describe a diagram suitable for a textbook that illustrates the definition of &#8220;cross-sectional area&#8221;. Then create SVG code to render that.<\/p>\n<\/blockquote>\n\n\n\n<p>The description is easy, so I&#8217;m only going to show the SVG images they produced.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"400\" src=\"https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/CrossSectionalAreaChatGPT.svg\" alt=\"\" class=\"wp-image-795\"\/><figcaption class=\"wp-element-caption\">ChatGPT 4o<\/figcaption><\/figure>\n<\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"300\" src=\"https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/CrossSectionalAreaClaude.svg\" alt=\"\" class=\"wp-image-796\"\/><figcaption class=\"wp-element-caption\">Claude 3.5 Sonnet<\/figcaption><\/figure>\n<\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" data-id=\"798\" src=\"https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/CrossSectionalArea1.svg\" alt=\"\" class=\"wp-image-798\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" data-id=\"797\" src=\"https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/CrossSectionalArea2.svg\" alt=\"\" class=\"wp-image-797\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" data-id=\"800\" src=\"https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/CrossSectionalArea3.svg\" alt=\"\" class=\"wp-image-800\"\/><\/figure>\n<figcaption class=\"blocks-gallery-caption wp-element-caption\">Gemini Advanced (prodded to keep trying&#8230;)<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"300\" src=\"https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/CSAPerplexity.svg\" alt=\"\" class=\"wp-image-801\"\/><figcaption class=\"wp-element-caption\">Perplexity<\/figcaption><\/figure>\n<\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"200\" height=\"200\" src=\"https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/CSABing2.svg\" alt=\"\" class=\"wp-image-802\"\/><figcaption class=\"wp-element-caption\">Bing<\/figcaption><\/figure>\n<\/div>\n\n\n<p>Bing also volunteered four diffusion images, first of trees like this:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Tree.jpg\" alt=\"\" class=\"wp-image-803\" srcset=\"https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Tree.jpg 1024w, https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Tree-300x300.jpg 300w, https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Tree-150x150.jpg 150w, https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Tree-768x768.jpg 768w, https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Tree-250x250.jpg 250w, https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Tree-640x640.jpg 640w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Then I asked it to try again using a simple cylinder and got these cool but not usable results:<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-4 is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Cyl4.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" data-id=\"805\" src=\"https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Cyl4.jpg\" alt=\"\" class=\"wp-image-805\" srcset=\"https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Cyl4.jpg 1024w, https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Cyl4-300x300.jpg 300w, https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Cyl4-150x150.jpg 150w, https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Cyl4-768x768.jpg 768w, https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Cyl4-250x250.jpg 250w, https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Cyl4-640x640.jpg 640w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Cyl3.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" data-id=\"804\" src=\"https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Cyl3.jpg\" alt=\"\" class=\"wp-image-804\" srcset=\"https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Cyl3.jpg 1024w, https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Cyl3-300x300.jpg 300w, https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Cyl3-150x150.jpg 150w, https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Cyl3-768x768.jpg 768w, https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Cyl3-250x250.jpg 250w, https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Cyl3-640x640.jpg 640w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Cyl2.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" data-id=\"806\" src=\"https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Cyl2.jpg\" alt=\"\" class=\"wp-image-806\" srcset=\"https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Cyl2.jpg 1024w, https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Cyl2-300x300.jpg 300w, https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Cyl2-150x150.jpg 150w, https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Cyl2-768x768.jpg 768w, https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Cyl2-250x250.jpg 250w, https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Cyl2-640x640.jpg 640w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Cyl1.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" data-id=\"807\" src=\"https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Cyl1.jpg\" alt=\"\" class=\"wp-image-807\" srcset=\"https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Cyl1.jpg 1024w, https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Cyl1-300x300.jpg 300w, https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Cyl1-150x150.jpg 150w, https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Cyl1-768x768.jpg 768w, https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Cyl1-250x250.jpg 250w, https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Cyl1-640x640.jpg 640w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>The smaller models available through HuggingChat were worse, and Cohere didn&#8217;t even get the SVG namespace into the XML.  Here&#8217;s what I got from the top three:<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"200\" height=\"250\" data-id=\"808\" src=\"https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Llama.svg\" alt=\"\" class=\"wp-image-808\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"250\" data-id=\"809\" src=\"https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Mixtral.svg\" alt=\"\" class=\"wp-image-809\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"300\" data-id=\"810\" src=\"https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Hug.svg\" alt=\"\" class=\"wp-image-810\"\/><\/figure>\n<\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Ask an LLM to create a technical diagram and they&#8217;ll use a diffusion generator, which produces funny but mostly nonsensical&#8230;<\/p>\n","protected":false},"author":1,"featured_media":804,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[14],"tags":[],"class_list":["post-792","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technology","post-archive"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/david.bookstaber.com\/WP\/wp-content\/uploads\/2024\/07\/Cyl3.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/david.bookstaber.com\/index.php?rest_route=\/wp\/v2\/posts\/792","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/david.bookstaber.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/david.bookstaber.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/david.bookstaber.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/david.bookstaber.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=792"}],"version-history":[{"count":3,"href":"https:\/\/david.bookstaber.com\/index.php?rest_route=\/wp\/v2\/posts\/792\/revisions"}],"predecessor-version":[{"id":812,"href":"https:\/\/david.bookstaber.com\/index.php?rest_route=\/wp\/v2\/posts\/792\/revisions\/812"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/david.bookstaber.com\/index.php?rest_route=\/wp\/v2\/media\/804"}],"wp:attachment":[{"href":"https:\/\/david.bookstaber.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=792"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/david.bookstaber.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=792"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/david.bookstaber.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=792"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}