{"id":4839,"date":"2025-10-25T09:21:55","date_gmt":"2025-10-25T06:21:55","guid":{"rendered":"https:\/\/www.coding-dude.com\/wp\/?page_id=4839"},"modified":"2026-03-11T11:26:14","modified_gmt":"2026-03-11T08:26:14","slug":"spiral","status":"publish","type":"page","link":"https:\/\/www.coding-dude.com\/wp\/spiral\/","title":{"rendered":"Spiral"},"content":{"rendered":"<div class=\"9db0862b9cf2e44f8d962262c5a80491\" data-index=\"1\" style=\"float: none; margin:10px 0 10px 0; text-align:center;\">\n<script type=\"text\/javascript\"><!--\r\ngoogle_ad_client = \"ca-pub-3421619882899259\";\r\n\/* Coding Dude Medium Banner *\/\r\ngoogle_ad_slot = \"2969896483\";\r\ngoogle_ad_width = 468;\r\ngoogle_ad_height = 60;\r\n\/\/-->\r\n<\/script>\r\n<script type=\"text\/javascript\"\r\nsrc=\"\/\/pagead2.googlesyndication.com\/pagead\/show_ads.js\">\r\n<\/script>\n<\/div>\n\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4839\" class=\"elementor elementor-4839\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-05d807e elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"05d807e\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5171168\" data-id=\"5171168\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9575f10 elementor-widget elementor-widget-heading\" data-id=\"9575f10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Spiral Maker Online Free<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2af0c38 elementor-widget elementor-widget-shortcode\" data-id=\"2af0c38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <main class=\"spiral-generator\">\n        <section>\n            <aside>\n                <form id=\"spiral-form\">\n                    <div class=\"slider-container\">\n                        <label for=\"size\">Size<\/label>\n                        <div class=\"control-value-wrapper\">\n                            <input type=\"range\" id=\"size\" min=\"100\" max=\"800\" value=\"400\" step=\"10\">\n                            <span id=\"size-value\">400<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"input-row\">\n                        <div class=\"slider-container\">\n                            <label for=\"gap\">Gap<\/label>\n                            <div class=\"control-value-wrapper\">\n                                <input type=\"range\" id=\"gap\" min=\"1\" max=\"50\" value=\"10\" step=\"1\">\n                                <span id=\"gap-value\">10<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"slider-container\">\n                            <label for=\"gap-gain\">Gap Gain<\/label>\n                            <div class=\"control-value-wrapper\">\n                                <input type=\"range\" id=\"gap-gain\" min=\"0\" max=\"10\" value=\"1\" step=\"0.1\">\n                                <span id=\"gap-gain-value\">1<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"input-row\">\n                        <div>\n                            <label for=\"color\">Color<\/label>\n                            <div class=\"color-picker-wrapper\">\n                                <input type=\"color\" id=\"color\" value=\"#000000\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"slider-container\">\n                            <label for=\"line-thickness\">Line Thickness<\/label>\n                            <div class=\"control-value-wrapper\">\n                                <input type=\"range\" id=\"line-thickness\" min=\"1\" max=\"20\" value=\"2\" step=\"1\">\n                                <span id=\"line-thickness-value\">2<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"input-row\">\n                        <div class=\"slider-container\">\n                            <label for=\"sides\">Sides<\/label>\n                            <div class=\"control-value-wrapper\">\n                                <input type=\"range\" id=\"sides\" min=\"0\" max=\"12\" value=\"0\" step=\"1\">\n                                <span id=\"sides-value\">0<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"slider-container\">\n                            <label for=\"rotation\">Rotation<\/label>\n                            <div class=\"control-value-wrapper\">\n                                <input type=\"range\" id=\"rotation\" min=\"0\" max=\"360\" value=\"0\" step=\"1\">\n                                <span id=\"rotation-value\">0<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/form>\n                <br>\n\n            <\/aside>\n            <article>\n                <canvas id=\"spiral-canvas\"><\/canvas>\n            <\/article>\n            <div class=\"bar\">\n                <button id=\"download-jpg\">Download as JPG<\/button>\n                <button id=\"download-png\">Download as PNG<\/button>\n                <button id=\"download-svg\">Download as SVG<\/button>\n            <\/div> \n        <\/section>\n    <\/main>\n    \n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e8bf24f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e8bf24f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6ddb682\" data-id=\"6ddb682\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3026693 elementor-widget elementor-widget-text-editor\" data-id=\"3026693\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><b>Spiral drawing<\/b> can be difficult, especially if you want to draw the perfect spiral. Use the <b>Spiral Maker<\/b> from Coding Dude to draw pixel perfect spirals. Adjust the controls to get the spiral you want then download as JPG, PNG or SVG spiral.<\/p><p>Spiral designs are a great asset to have and I often like to use them with the <a href=\"https:\/\/www.coding-dude.com\/wp\/wavy-text-generator\/\">wavy text generator<\/a> to create very cool social media posts.<\/p><p>There is no need to search for a certain\u00a0<b>spiral template<\/b>. No need to create a spiral in Illustrator. You can create these cool swirl shapes online and download the result for web or for print.\u00a0<\/p><p>The spiral generator allows you to create a cool spiral design that can be easily transformed into spiral art using tools like<b> Photoshop<\/b> or <b>MockoFun<\/b>. Did you know that it is quite difficult to draw a spiral with AI? Actually the AI has trouble creating geometric shapes accurately.\u00a0\u00a0<\/p><p>Our\u00a0<b>spiral generator online free<\/b> makes all easy and the customizations are all you need to make all kinds of spirals.\u00a0<\/p><ul><li>Circle spiral\u00a0<\/li><li>Triangle spiral<\/li><li>Rectangle spiral<\/li><li>Hexagon spiral<\/li><\/ul><p>If you&#8217;re interested about how this generator was created, you can check out my beginner tutorial <a href=\"https:\/\/www.coding-dude.com\/wp\/javascript\/drawing-simple-line-patterns-using-html5-canvas\/\">HTML5 canvas drawing guide<\/a> which explains how to draw using the canvas.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-767eabd elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"767eabd\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-63a5577\" data-id=\"63a5577\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-25d690f elementor-widget elementor-widget-image\" data-id=\"25d690f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"850\" height=\"593\" src=\"https:\/\/www.coding-dude.com\/wp\/wp-content\/uploads\/2025\/10\/spiral-generator.jpg\" class=\"attachment-large size-large wp-image-4855\" alt=\"Spiral Generator\" srcset=\"https:\/\/www.coding-dude.com\/wp\/wp-content\/uploads\/2025\/10\/spiral-generator.jpg 850w, https:\/\/www.coding-dude.com\/wp\/wp-content\/uploads\/2025\/10\/spiral-generator-300x209.jpg 300w, https:\/\/www.coding-dude.com\/wp\/wp-content\/uploads\/2025\/10\/spiral-generator-768x536.jpg 768w\" sizes=\"(max-width: 850px) 100vw, 850px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f43a75b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f43a75b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-31cf871\" data-id=\"31cf871\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f17e8dc elementor-widget elementor-widget-text-editor\" data-id=\"f17e8dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2>How to Use the Spiral Maker<\/h2><p>This guide will walk you through the different controls of the Spiral Maker tool to help you create unique and interesting spiral designs.<\/p><h3>Controls (Custom Spiral)<\/h3><ol><li><b>Size.\u00a0<\/b> The Size slider adjusts the overall size of the spiral canvas. You can create spirals from 100&#215;100 pixels up to 800&#215;800 pixels.<\/li><li><b>Gap.<\/b> The Gap slider controls the distance between the arms of the spiral. A smaller gap will result in a tighter spiral, while a larger gap will create a more open spiral.<\/li><li><b>Gap Gain.\u00a0<\/b>The Gap Gain slider determines how much the gap between the spiral&#8217;s arms increases with each full rotation. A value of 0 means the gap is constant. A higher value will make the spiral expand faster.<\/li><li><b>Color.\u00a0<\/b>The Color picker allows you to choose the color of the spiral line. Click on the color swatch to open your system&#8217;s color picker. If you want to pair this with a nice text effect, check out the <a href=\"https:\/\/www.coding-dude.com\/wp\/css\/gradient-text\/\">CSS gradient text effects<\/a> article on how to make beautiful text.<\/li><li><b>Line Thickness.\u00a0<\/b>The Line Thickness slider adjusts the thickness of the line used to draw the spiral.<\/li><li><b>Rotation. <\/b>The Rotation slider rotates the entire spiral within the canvas. You can rotate it a full 360 degrees.<\/li><li><b>Sides.\u00a0<\/b>The Sides slider changes the shape of the spiral.\u00a0<\/li><\/ol><ul><li>A value of\u00a0<strong>0<\/strong>\u00a0creates a standard, continuous (round) spiral.<\/li><li>A value of\u00a0<strong>3<\/strong>\u00a0will create a triangular spiral.<\/li><li>A value of\u00a0<strong>4<\/strong>\u00a0will create a square spiral.<\/li><li>A value of <b>6<\/b> will create a hexagonal spiral.<\/li><li>And so on, up to <b>12 sides<\/b>.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-7593bea elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7593bea\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-c362bfb\" data-id=\"c362bfb\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-18adcb5 elementor-widget elementor-widget-image\" data-id=\"18adcb5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"400\" height=\"400\" src=\"https:\/\/www.coding-dude.com\/wp\/wp-content\/uploads\/2025\/10\/spiral.jpeg\" class=\"attachment-large size-large wp-image-4858\" alt=\"\" srcset=\"https:\/\/www.coding-dude.com\/wp\/wp-content\/uploads\/2025\/10\/spiral.jpeg 400w, https:\/\/www.coding-dude.com\/wp\/wp-content\/uploads\/2025\/10\/spiral-300x300.jpeg 300w, https:\/\/www.coding-dude.com\/wp\/wp-content\/uploads\/2025\/10\/spiral-150x150.jpeg 150w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-4fa378b\" data-id=\"4fa378b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8505bc3 elementor-widget elementor-widget-image\" data-id=\"8505bc3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"400\" height=\"400\" src=\"https:\/\/www.coding-dude.com\/wp\/wp-content\/uploads\/2025\/10\/spiral-1.jpeg\" class=\"attachment-large size-large wp-image-4857\" alt=\"Spiral\" srcset=\"https:\/\/www.coding-dude.com\/wp\/wp-content\/uploads\/2025\/10\/spiral-1.jpeg 400w, https:\/\/www.coding-dude.com\/wp\/wp-content\/uploads\/2025\/10\/spiral-1-300x300.jpeg 300w, https:\/\/www.coding-dude.com\/wp\/wp-content\/uploads\/2025\/10\/spiral-1-150x150.jpeg 150w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7367446 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7367446\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-925fbcc\" data-id=\"925fbcc\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d9afb07 elementor-widget elementor-widget-text-editor\" data-id=\"d9afb07\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2>Spiral Download Options<\/h2><p>Once you are happy with your creation, you can download it in one of three formats:<\/p><ul><li><strong>Download as JPG<\/strong>: Downloads the <b>spiral JPG<\/b> image with a white background.<\/li><li><strong>Download as PNG<\/strong>: Downloads the <b>spiral PNG<\/b> image with a transparent background.<\/li><li><strong>Download as SVG<\/strong>: Downloads the <b>spiral SVG<\/b> file as a scalable vector graphics. This is ideal for resizing without loss of quality.<\/li><\/ul><div><p>You can create some really awesome effects using the spiral images if you animate them. Check out the <a href=\"https:\/\/www.coding-dude.com\/wp\/css\/5-min-css-animation-beginner-tutorial\/\">CSS animation effects<\/a> tutorial and see how you can do that.<\/p><h2>Spiral Text Generator<\/h2><p><span style=\"color: #333333; font-family: artifakt-element, Arial, sans-serif;\"><span style=\"font-size: 20px; background-color: #ffffff;\">If you want to write text on the spiral path, use this <a href=\"https:\/\/www.mockofun.com\/template\/spiral-text\/\">spiral text generator<\/a> online free.\u00a0<\/span><\/span><\/p><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t<!--CusAds0-->\n<div style=\"font-size: 0px; height: 0px; line-height: 0px; margin: 0; padding: 0; clear: both;\"><\/div>","protected":false},"excerpt":{"rendered":"<p>Spiral Maker Online Free Spiral drawing can be difficult, especially if you want to draw the perfect spiral. Use the Spiral Maker from Coding Dude to draw pixel perfect spirals. Adjust the controls to get the spiral you want then download as JPG, PNG or SVG spiral. Spiral designs are a great asset to have [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4840,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-4839","page","type-page","status-publish","has-post-thumbnail","hentry","post"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Spiral Maker - Coding Dude<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.coding-dude.com\/wp\/spiral\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Spiral Maker - Coding Dude\" \/>\n<meta property=\"og:description\" content=\"Spiral Maker Online Free Spiral drawing can be difficult, especially if you want to draw the perfect spiral. Use the Spiral Maker from Coding Dude to draw pixel perfect spirals. Adjust the controls to get the spiral you want then download as JPG, PNG or SVG spiral. Spiral designs are a great asset to have [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.coding-dude.com\/wp\/spiral\/\" \/>\n<meta property=\"og:site_name\" content=\"Coding Dude\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-11T08:26:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.coding-dude.com\/wp\/wp-content\/uploads\/2025\/10\/spiral.png\" \/>\n\t<meta property=\"og:image:width\" content=\"980\" \/>\n\t<meta property=\"og:image:height\" content=\"711\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@codingdudecom\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/spiral\\\/\",\"url\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/spiral\\\/\",\"name\":\"Spiral Maker - Coding Dude\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/spiral\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/spiral\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/spiral.png\",\"datePublished\":\"2025-10-25T06:21:55+00:00\",\"dateModified\":\"2026-03-11T08:26:14+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/spiral\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/spiral\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/spiral\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/spiral.png\",\"contentUrl\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/spiral.png\",\"width\":980,\"height\":711,\"caption\":\"Spiral\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/spiral\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Spiral\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/#website\",\"url\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/\",\"name\":\"Coding Dude\",\"description\":\"Coding tutorials, tips and tricks\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/#organization\",\"name\":\"Coding Dude\",\"url\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/wp-content\\\/uploads\\\/2018\\\/05\\\/codingdude-logo-wide.jpg\",\"contentUrl\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/wp-content\\\/uploads\\\/2018\\\/05\\\/codingdude-logo-wide.jpg\",\"width\":226,\"height\":60,\"caption\":\"Coding Dude\"},\"image\":{\"@id\":\"https:\\\/\\\/www.coding-dude.com\\\/wp\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/codingdudecom\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Spiral Maker - Coding Dude","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.coding-dude.com\/wp\/spiral\/","og_locale":"en_US","og_type":"article","og_title":"Spiral Maker - Coding Dude","og_description":"Spiral Maker Online Free Spiral drawing can be difficult, especially if you want to draw the perfect spiral. Use the Spiral Maker from Coding Dude to draw pixel perfect spirals. Adjust the controls to get the spiral you want then download as JPG, PNG or SVG spiral. Spiral designs are a great asset to have [&hellip;]","og_url":"https:\/\/www.coding-dude.com\/wp\/spiral\/","og_site_name":"Coding Dude","article_modified_time":"2026-03-11T08:26:14+00:00","og_image":[{"width":980,"height":711,"url":"https:\/\/www.coding-dude.com\/wp\/wp-content\/uploads\/2025\/10\/spiral.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@codingdudecom","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.coding-dude.com\/wp\/spiral\/","url":"https:\/\/www.coding-dude.com\/wp\/spiral\/","name":"Spiral Maker - Coding Dude","isPartOf":{"@id":"https:\/\/www.coding-dude.com\/wp\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.coding-dude.com\/wp\/spiral\/#primaryimage"},"image":{"@id":"https:\/\/www.coding-dude.com\/wp\/spiral\/#primaryimage"},"thumbnailUrl":"https:\/\/www.coding-dude.com\/wp\/wp-content\/uploads\/2025\/10\/spiral.png","datePublished":"2025-10-25T06:21:55+00:00","dateModified":"2026-03-11T08:26:14+00:00","breadcrumb":{"@id":"https:\/\/www.coding-dude.com\/wp\/spiral\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.coding-dude.com\/wp\/spiral\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.coding-dude.com\/wp\/spiral\/#primaryimage","url":"https:\/\/www.coding-dude.com\/wp\/wp-content\/uploads\/2025\/10\/spiral.png","contentUrl":"https:\/\/www.coding-dude.com\/wp\/wp-content\/uploads\/2025\/10\/spiral.png","width":980,"height":711,"caption":"Spiral"},{"@type":"BreadcrumbList","@id":"https:\/\/www.coding-dude.com\/wp\/spiral\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.coding-dude.com\/wp\/"},{"@type":"ListItem","position":2,"name":"Spiral"}]},{"@type":"WebSite","@id":"https:\/\/www.coding-dude.com\/wp\/#website","url":"https:\/\/www.coding-dude.com\/wp\/","name":"Coding Dude","description":"Coding tutorials, tips and tricks","publisher":{"@id":"https:\/\/www.coding-dude.com\/wp\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.coding-dude.com\/wp\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.coding-dude.com\/wp\/#organization","name":"Coding Dude","url":"https:\/\/www.coding-dude.com\/wp\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.coding-dude.com\/wp\/#\/schema\/logo\/image\/","url":"https:\/\/www.coding-dude.com\/wp\/wp-content\/uploads\/2018\/05\/codingdude-logo-wide.jpg","contentUrl":"https:\/\/www.coding-dude.com\/wp\/wp-content\/uploads\/2018\/05\/codingdude-logo-wide.jpg","width":226,"height":60,"caption":"Coding Dude"},"image":{"@id":"https:\/\/www.coding-dude.com\/wp\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/codingdudecom"]}]}},"_links":{"self":[{"href":"https:\/\/www.coding-dude.com\/wp\/wp-json\/wp\/v2\/pages\/4839","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.coding-dude.com\/wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.coding-dude.com\/wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.coding-dude.com\/wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.coding-dude.com\/wp\/wp-json\/wp\/v2\/comments?post=4839"}],"version-history":[{"count":25,"href":"https:\/\/www.coding-dude.com\/wp\/wp-json\/wp\/v2\/pages\/4839\/revisions"}],"predecessor-version":[{"id":4893,"href":"https:\/\/www.coding-dude.com\/wp\/wp-json\/wp\/v2\/pages\/4839\/revisions\/4893"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.coding-dude.com\/wp\/wp-json\/wp\/v2\/media\/4840"}],"wp:attachment":[{"href":"https:\/\/www.coding-dude.com\/wp\/wp-json\/wp\/v2\/media?parent=4839"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}