Questions tagged [graphical-output]

This challenge involves drawing pictures on a screen or generating image files. For pure ASCII art contests, use [ascii-art] instead. If participants can choose between graphics and ASCII art, use both tags. For images as input, use [image-processing].

Filter by
Sorted by
Tagged with
17 votes
4 answers
2k views

Draw a Fibonacci Swoosh

Title courtesy of Greg Martin For this challenge, I'll define an arc of size \$k\$ as a single piece of a sine wave with a length of \$k\$ units and an height of \$\frac{k}{4}\$ units: And I'll ...
emanresu A's user avatar
  • 37.8k
6 votes
7 answers
729 views

Displaying Inky the ghost from Pac-Man using ANSI escape codes

Challenge Display Inky the ghost from Pac-Man using only ANSI escape codes. Here's a text representation of the image ...
vengy's user avatar
  • 2,163
7 votes
3 answers
195 views

Inscribe a maximal regular polygon into a square image

You want to draw a regular polygon but you have limited space! In this challenge, you should draw a polygon with n sides which is as big as possible for a given square container image. I found ...
anatolyg's user avatar
  • 13.6k
15 votes
19 answers
2k views

Output an image

Interestingly, although there are challenges that work with images, there is no challenge to simply output an image. This is that challenge Goal: output an image in the shortest possible code. Output: ...
Jakav's user avatar
  • 335
16 votes
3 answers
437 views

Convert numbers to dice patterns

The way points are assigned on a dice follows a regular pattern, the center dot is present if and only if the number is odd. To represent the even numbers, pairs of dots on opposite sides of the ...
bsoelch's user avatar
  • 6,015
5 votes
2 answers
318 views

My eight braille pattern progressive snake spinner

Introduction I would like to drawn a nice spinner by using eight braille patterns on two lines, drawing a square of 8x8 pixel, for showing a kind of snake growing and reducing: ...
F. Hauri  - Give Up GitHub's user avatar
19 votes
7 answers
1k views

Draw the GKMS aperiodic tile

Chaim Goodman-Strauss, Craig Kaplan, Joseph Myers and David Smith found the following simple (both objectively and subjectively) polygon that tiles the plane, but only aperiodically: Indeed they ...
Parcly Taxel's user avatar
  • 3,737
9 votes
6 answers
2k views

Draw Parcly Taxel's cutie mark

I've been a fan of My Little Pony: Friendship Is Magic for a long time, and very early on I created a pony version of myself also called Parcly Taxel (warning: may be too cute to look at). The symbol ...
Parcly Taxel's user avatar
  • 3,737
27 votes
25 answers
4k views

Draw a Gameboy Tile

Description The Gameboy stores tiles as 2 bit-per-pixel 8x8 images, thus 16 bytes. Every two bytes is a complete row with all of the Low-bits of each pixel in the first byte, and all of the High-bits ...
ATaco's user avatar
  • 10.8k
16 votes
4 answers
1k views

Create a triangle whose colors are determined by the bitsums of coordinates

Write a program that, for any \$n\$, generates a triangle made of hexagons as shown, \$2^n\$ to a side. The colors are to be determined as follows. We may give the triangle barycentric coordinates so ...
Akiva Weinberger's user avatar
21 votes
11 answers
2k views

Create a nibble shorthand

I recently stumbled across this image on wikimedia commons. It's a little bit of an information overload at first, but after examining it a bit it shows an interesting number system for writing ...
Wheat Wizard's user avatar
  • 98.7k
-6 votes
6 answers
625 views

I'm Blue, Da ba dee da ba die

Write a program, which outputs I'm Blue, and then Da, Ba, Dee, Da, Ba, Die, forever, the words must be space-seperated in one ...
3-1-4-One-Five's user avatar
17 votes
11 answers
3k views

Fibonacci word fractal

The Fibonacci word is a sequence of binary strings defined as: \$F_0 = \$ 0 \$F_1 = \$ 01 \$F_n = F_{n-1} F_{n-2}\$ The first ...
alephalpha's user avatar
3 votes
9 answers
2k views

PUT-PIXEL in every language

During work on some project I needed to draw pixels on screen. I found some put-pixel function in JS, but code was quite big and clumsy - so I wonder, how small put-pixel function can be... Challenge ...
Kamil Kiełczewski's user avatar
30 votes
9 answers
6k views

Draw the USA flag

I noticed that it seems nobody has posted a non-ASCII (related) USA flag challenge yet, so what better time than the 4th of July? The Challenge Draw the current (as of 2022) flag of the United States ...
matteo_c's user avatar
  • 6,310
18 votes
6 answers
1k views

Draw this fractal generated by applying Newton's method to cosh(x) - 1

I came across this picture the other day: (Credit to Josep M Batlle I Ferrer) Your job is to generate this picture. This graph is generated by repeatedly applying newton's method to the graph of: $$f(...
mousetail's user avatar
  • 12.5k
10 votes
4 answers
883 views

Draw the Progress Pride flag

Challenge Create the image of a progress pride flag. Output Dimensions Rules Your program must create the image and not just load it from a website The colours can be just your language's default ...
Alice F's user avatar
  • 367
-3 votes
3 answers
231 views

Graphical Hello World [closed]

In this challenge, you will create the shortest graphical program that displays exactly "Hello, world!" You will need no input. You might be asking yourself, "what does he mean by ...
DaCuteRaccoon's user avatar
12 votes
14 answers
2k views

Draw the Archimedean Spiral

Overview I was playing with Desmos and discovered a really cool spiral: Doing some research, I discovered that this spiral was the Archimedian spiral. Every point on the spiral is exactly \$\theta\$ ...
Seggan's user avatar
  • 5,317
8 votes
5 answers
371 views

Random Pixels Image Compression

Challenge: Given an integer \$n\$, guaranteed to be \$\geq2\$ and a power of 2, we are going to draw multiply boards either side-by-side or below one another, where the first has dimensions of \$n\$ ...
Kevin Cruijssen's user avatar
2 votes
2 answers
328 views

Draw New Posts' Profile!

New Posts and New Sandbox Posts are chatbots that occupy CGSE's main chatroom, The Nineteenth Byte. They've been doing their jobs for almost one full year now, so I thought I'd make a challenge to ...
Ginger's user avatar
  • 5,490
17 votes
7 answers
871 views

Translate Text into Matoran

The Matoran Alphabet is the alphabet used by many of the characters in the Bionicle universe. Your challenge is to create a program or function that takes a string as input and creates an image of ...
Matthew Jensen's user avatar
87 votes
84 answers
15k views

Draw the Ukrainian Flag

As you probably know, there is a war going on in Ukraine. I noticed that it seems nobody has posted a Ukrainian flag challenge yet, so I thought I'd do it myself in support of Ukraine. The Challenge ...
Ginger's user avatar
  • 5,490
8 votes
6 answers
618 views

Diagram of the Utmost Extremes

The Mathematica SE question Creating the Yin Yang symbol with minimal code seems to be an out-of-the-box ready-to-go Code Golf SE question! The following code creates the Yin Yang symbol ...
uhoh's user avatar
  • 501
-2 votes
1 answer
785 views

Draw Lines in ASCII [closed]

Challenge Draw lines in ASCII corresponding to given inputs: in the first line there are given size of rows and columns of the view and number of separators between each point in the second line is ...
jixperson's user avatar
  • 195
7 votes
2 answers
315 views

Temporally Dither an Image (Image to PWM Image)

Background I want to display rich, vibrant images on my theoretical fancy custom display, but due to budget constraints, it displays everything in 3-bit colour! Whilst Regular Dithering would work, I ...
ATaco's user avatar
  • 10.8k
14 votes
2 answers
567 views

Draw me a shape

The game shapez.io has a lot of shapes. In my previous challenge, the object was to generate a random code for a shape. Now, your challenge is to render a shape. Specs Shapes Each shape has a unique ...
emanresu A's user avatar
  • 37.8k
-6 votes
3 answers
445 views

Make a GUI window in any language using minimum "different characters" [closed]

I want you to make a gui window like this: * if you're thinking, the [quit] button closes the window in any language using minimum "different" characters.. AND remember that the gui window ...
Whirlpool-Programmer's user avatar
19 votes
10 answers
1k views

Ploughed fields via moduli

Let \$R, C\$ be positive integers and let \$0 < s \leq 1\$. Consider the \$R \times C\$ matrix \$\mathbf M\$ defined as \begin{equation} M(i,j) = \frac{\mathrm{mod}\,(j, i^s)}{R^s}, \quad i = 1, \...
Luis Mendo's user avatar
  • 104k
26 votes
41 answers
2k views

Create a Pride Flag

Challenge Create the image of a pride flag (rainbow flag), i.e. a six coloured striped flag (from top to bottom): red, orange, yellow, green, blue, and violet. Output Example (R) ...
vonjd's user avatar
  • 379
28 votes
13 answers
3k views

Collatz's ice cream cone factory

The Collatz sequence Given a positive integer \$a_1\$, the Collatz sequence with starting value \$a_1\$ is defined as \begin{equation} a_{n+1} = \begin{cases} a_n/2 & \mathrm{if}\ a_n\ \mathrm{is}\...
Luis Mendo's user avatar
  • 104k
11 votes
8 answers
1k views

Recreate the Stack Overflow logo

In response to here. Unlike the previous one, this focuses on code-golf and a new logo, no longer consisting of 6 sticks and the graying-effect as the position of the sticks go deeper. Make the Stack ...
Derrick Williams's user avatar
38 votes
33 answers
7k views

Draw the flag of Bangladesh

The flag of Bangladesh is very simple. It looks like below: The flag will be in bottle green (#006a4e) and rectangular in size in the proportion of length to width of 10:6, with a red circle in near ...
Wasif's user avatar
  • 12.3k
-4 votes
1 answer
298 views

Fill the screen in 6502asm.com [closed]

Introduction I've always liked the idea of finding the most possible bang-for-your-buck squeezed out of a tiny chip, like the 6502. Of course, I'll need to start small. Filling the screen on 6502asm....
Tux1's user avatar
  • 59
2 votes
0 answers
511 views

Make a QR quine [closed]

A "qruine" if you will :) Design a QR code that legibly spells with its pixels (or the space between them) the text that it scans to. For example, this QR code scans to the letter A, and ...
Purple P's user avatar
  • 1,657
16 votes
32 answers
2k views

Plot a centered circle

Intro Given radius \$r\$, draw a circle in the center of the screen. Sandbox. The Challenge Here is a simple challenge. Plot a circle using the formula \$x^2+y^2=r^2\$, or any other formula that will ...
Razetime's user avatar
  • 27.1k
16 votes
7 answers
1k views

Draw the "{🏅} CODE GOLF & coding challenges" logo!

Wow, time really flies! It's already been one year since the debut of the Code Golf Stack Exchange site design. Let's celebrate this milestone with a code golf challenge... to imitate the site logo! ...
darrylyeo's user avatar
  • 7,897
18 votes
6 answers
4k views

Draw the NASA worm logo

Introduction On 30 May 2020, NASA and SpaceX launched a crewed rocket to the international space station on the SpaceX Demo 2 mission. This is the first time humans have been launched into orbit from ...
Level River St's user avatar
5 votes
3 answers
657 views

Solve the Rook's Round Trip

The riddle In yesterday's newspaper, I found a puzzle in which a Rook should start in the lower-left corner of a 12x12 checkerboard and then, during a round trip, visit each field exactly once except ...
Joe85AC's user avatar
  • 306
25 votes
6 answers
3k views

Tile the plane with squashed hexagons

I came across an interesting tiling of the plane using squashed hexagons in a popular math book. All the six edges of the squashed hexagon are the same length. Two opposite corners are right angles ...
Galen Ivanov's user avatar
15 votes
11 answers
3k views

Create pixel art!

The task Given an image as input, your task is to do the following: Resize the image so it is At least 2 times smaller, but still has the same width/height ratio by taking every second (if resized ...
Dion's user avatar
  • 3,940
19 votes
5 answers
1k views

Generate Green Spray Paint Patterns

This challenge is about creating these neat "green spray paint" patterns: (more pictures below) Loosely explained, they are generated by starting with a black image and a point in the center. ...
Discrete Games's user avatar
9 votes
8 answers
836 views

Produce an image based on an elementary cellular automata ruleset

What is elementary cellular automata? Since I'm not sure I'll be able to explain this so that somebody who has never heard of this is able to understand, I'm giving an explanation from https://...
Dion's user avatar
  • 3,940
27 votes
12 answers
3k views

Any lips images

Introduction The \$n\$-ellipse is a generalization of the ellipse with possibly more than two foci. Specifically, given \$n\$ points on the plane, called foci, the \$n\$-ellipse is the set of points ...
Luis Mendo's user avatar
  • 104k
47 votes
37 answers
8k views

Draw the Ionising Radiation Hazard Symbol

Draw the ionising-radiation-hazard-symbol in an arbitrary colour on a distinctly coloured background. The specific proportions were published in the June 27th 1974 issue of the Federal Register of the ...
flawr's user avatar
  • 43.8k
11 votes
7 answers
1k views

Draw the flag of Tennessee

The flag of Tennessee is specified by chapter 498 of the Public Acts of 1905. An oblong flag or banner in length one and two thirds times its width, the large or principal field of same to be of ...
Purple P's user avatar
  • 1,657
5 votes
4 answers
584 views

Codegolf : the HEX [closed]

INTRODUCTION I like Karma Fields : he's a music producer that creates original music tracks. His artwork also matches up really well his style. He has a logo witch I find really interessing : GOAL ...
The random guy's user avatar
7 votes
6 answers
1k views

Creating a 16x16(NxN) grid [closed]

This is my first question in Code golf I found it in stack-overflow (originally in JavaScript however all languages are acceptable): Render on screen NxN (where N ...
Kamil Kiełczewski's user avatar
76 votes
22 answers
20k views

Draw the ☣ (Biohazard Symbol)

Draw the Biohazard symbol in an arbitrary colour on a distinctly coloured background. The specific proportions were published in the June 27th 1974 issue of the Federal Register of the US Government. ...
flawr's user avatar
  • 43.8k
14 votes
1 answer
1k views

Create the least compressible picture

"A picture is worth a thousand words"—so the old saying goes. The average word is about four characters long, so a picture conveys 4kB of information. But how much entropy, rather than information, ...
Purple P's user avatar
  • 1,657

1
2 3 4 5
7