Generate IMAGE with ChatGPT

3 min read Original article ↗

Technocrat

Yes it is not typo, here is my latest realizatdion

Press enter or click to view image in full size

do you know svg?

Yes, SVG stands for Scalable Vector Graphics. It is a vector image format used for displaying two-dimensional graphics and animations on the web. SVG images can be created and edited with tools like Adobe Illustrator and Inkscape, and they can be embedded directly into HTML code using the <svg> element. …

can you imagine a logo for TDD and give svg code for it

Sure, here’s an example logo for TDD:

<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<rect x="5" y="5" width="90" height="90" fill="#2c3e50"/>
<circle cx="50" cy="50" r="35" fill="#27ae60"/>
<circle cx="50" cy="50" r="25" fill="#fff"/>
<circle cx="50" cy="50" r="15" fill="#27ae60"/>
<text x="50" y="80" text-anchor="middle" font-size="20" fill="#fff">TDD</text>
</svg>

This logo consists of a blue square with rounded corners, a green circle, and the letters “TDD” in white. The logo is designed to be simple, clean, and easy to recognize. …

Press enter or click to view image in full size

After couple of tweaking with prompts like

can you depict the cycle of 3 actions in the logo?

arrange those 3 tasks in circle and draw arrow to indicate its cycle of 3 actions

can you make the circle on left red?

Press enter or click to view image in full size

Final logo for TDD

And Little strech :)

can you write svg code with a person on beach in the image

Sure! Here’s some SVG code that shows a person on a beach:

<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<rect x="0" y="0" width="100" height="100" fill="#87CEEB"/> <!-- Background blue color -->
<rect x="0" y="75" width="100" height="25" fill="#F5DEB3"/> <!-- Sand color -->
<path d="M 50 75 L 75 25 L 25 25 Z" fill="#8FBC8F"/> <!-- Green beach umbrella -->
<line x1="50" y1="75" x2="50" y2="25" stroke="#000" stroke-width="2"/> <!-- Umbrella pole -->
<circle cx="50" cy="50" r="15" fill="#FFD700"/> <!-- Yellow sun -->
<circle cx="70" cy="60" r="5" fill="#fff"/> <!-- Eye whites -->
<circle cx="70" cy="60" r="2" fill="#000"/> <!-- Pupils -->
<path d="M 65 70 L 75 70 Q 80 75 75 80 L 65 80 Q 60 75 65 70 Z" fill="#F08080"/> <!-- Red swimsuit -->
<rect x="55" y="75" width="10" height="5" fill="#000"/> <!-- Left leg -->
<rect x="65" y="75" width="10" height="5" fill="#000"/> <!-- Right leg -->
</svg>

The SVG shows a blue background with a rectangle at the bottom representing sand. There’s a green beach umbrella with a pole, a yellow sun, and a person wearing a red swimsuit with two legs. The person also has two white circles for eyes with black pupils.

.

.

.

.

.

Press enter or click to view image in full size

Person on the beach 😆