Bar Chart

Codice a barre

Base Colors

Bellinzona Market Stall

pin, compose, rotate, empty_graphic, triangle

Captain America Shield

rectangle, triangle, circular_sector, rotate

Chessboard

Circle Wave Pattern

Circles

Clover

Cogwheel

Farben-Blume

Color Flower

Color Wheel

Compass

Margritli

Double Black Diamond

ellipse, rectangle, beside, above, overlay

Double Circle

circular_sector, triangle, above, overlay, pin, compose

Eyes

Fibonacci

Four Petal Flower

French Flag

Deutsche Flagge

German Flag

Ghosts

Hammer

Heart

House

HSV Cylinder

Hue Bar

Hue Ring

Isometric Bars

Bandiera dell'Italia

Italian Flag

Japanese Flag

Labeled Color Bar Chart

Lugano Market Stall

Mandala Flower

Market Stall

rectangle, circular_sector, rotate, above, beside

Nested Flower

Pac-Man

Pac-Man Animation

circular_sector, rotate, beside, empty_graphic

Pacman Film

rectangle, above, beside, circular_sector, ellipse

Pac-Man Maze

Pac-Man Maze Tiles

Rectangles

Reuleaux Triangle

RGB Cube

Rhombus

Rolling Eyes

pin, compose, empty_graphic, circular_sector, rectangle

Rounded Rectangle

Rugby Ball

Sector Font

rgb_color, transparent, rectangle, triangle, empty_graphic, rotate, above, beside

Seven Segment Display

Sierpinski Triangle

Simple Snowman

Sliced Citrus

Sliced Kiwi

Sliced Pitaya

Sliced Watermelon

ellipse, circular_sector, pin, compose, overlay, beside, above

Smile and Frown

South Korean Flag

Squares

Star

Strassenplatten

Striped Watermelon

Swiss Flag

Schweizerfahne

triangle, rectangle, rotate, above, beside

Swiss Hiking Confirmations

Swiss Hiking Direction Pointers

Swiss Hiking Marks

Swiss Hiking Signposts

pin, compose, rgb_color, rectangle, triangle, beside, above

Tangram

Target

rgb_color, pin, compose, rotate, rectangle, circular_sector

Ticino Coat of Arms

Top Hat

Traffic light

Triangles

Truchet Tiles

hsv_color, circular_sector, pin, compose, rotate

Tulip

Warming Stripes

Watermelon

Yin e Yang

Yin Yang

Use import statements to import names from libraries.

Import Names

Access the value bound to a name by using the name in an expression.

Use Names

Represent numbers in code using numeric literals.

Numeric Literals

Write pieces of code that compute a value.

Compose Expressions

Compute numeric values by composing expressions with arithmetic operators.

Arithmetic Operators

Compare two values to determine whether one is equal to, less than, or greater than the other.

Comparison Operators

Ask a function to do its computation and to return the result.

Call Functions

Call a function to output a given textual or graphical value.

Perform Output

Introduce a name for something, so you can then refer to that thing by using that name.

Define Names

Create functions that can be called to do specific computations.

Define Functions

Specify which types of values function parameters can accept, and which type of values a function will return.

Specify Types

Specify assertions to check that the values a function receives are acceptable.

Assert Preconditions

Exploit the freedom how exactly you nest expressions thanks to associative operators and functions.

Exploit Associativity

Change code to make it more readable, without changing what it does.

Refactor Code

Use predefined colors like red, green, and blue.

Use Colors

Create any color you like by describing it as a point in some color space.

Create Colors

Create primitive graphics like rectangles, ellipses, triangles, circular sectors, and texts.

Decompose GraphicsCreate Programs

Decompose Graphics
Create Programs