File:Countless squares - an example of Pythagorean tiling.svg

Original file(SVG file, nominally 600 × 600 pixels, file size: 2 KB)

Captions

Captions

Add a one-line explanation of what this file represents

Summary edit

Description
English:
Five drawings of tilings are overlaid.  Out of the five, three tilings are similar.  Their lines are all inclined at 22.5 or 67.5 degrees.  In the last table, below, the first rows give codes of these three colors in CSS.  This language is valid here, in the source code of this description, or elsewhere in the SVG code of the image.  Here are these line colors in a first table.
CSS codeEdge color
   #200   brown
   #FFF   white
   #94a   violet

Each tiling covers entirely the Euclidean plane by squares of two different sizes.  By any edge, any of its tiles adjoins exactly one tile of the other size.  Called "Pythagorean tiling" on Wikipedia, such a tiling is necessarily periodic.  More precisely, the group of all translations that transform the tiling into itself is generated by a pair of translations through equal distances in perpendicular directions.  This pair determines the dimension and orientation of any minimal repetitive pattern of the tiling.  You will see such minimal patterns in other images:
"A pattern of Pythagorean tiling"
"A pattern Two explanatory grids"

To make more accessible the SVG code
Edge color  Relative coordinates of 'lineTo'  Size ratio   Minimal patterns
             A small edge  A large edge                      Slope   Size
 #fff          58,-24        58,140             √2 – 1         0      164
 #200        -116,-48      -116,280             √2 – 1         0      328
 #94a          82, 34       -82,198             √2 – 1         1     164 √2
 #f42          52, 30      -112,194             2 – √3         1     164 √2
 #24f          20, 16      -144,180              1 / 9         1     164 √2
Français :
Cinq dessins de pavages sont superposés.  Sur les cinq, trois pavages sont semblables.  Leurs lignes sont toutes inclinées à 22.5 ou 67.5 degrés.  Dans le dernier tableau, ci-dessous, les premières lignes donnent les codes de ces trois couleurs en CSS.  Ce langage est valable ici, dans le code source de cette description, ou ailleurs dans le code source de l’image SVG.  Voici ces couleurs de ligne dans un premier tableau.
CSS codeCouleur d’un côté
   #200   brun
   #FFF   blanc
   #94a   violet

Chaque pavage couvre entièrement le plan euclidien par des carrés de deux tailles différentes.  De n’importe quel côté, n’importe quel carreau jouxte exactement un carreau de l’autre taille.  Appelé "pavage de Pythagore" dans Wikipedia en anglais, un tel pavage est nécessairement périodique.  Plus précisément, le groupe de toutes les translations qui transforment le pavage en lui-même est engendré par une paire de translations sur des distances égales dans des directions perpendiculaires.  Cette paire détermine la dimension et l’orientation de n’importe quel motif répétitif minimal du pavage.  Vous verrez de tels motifs minimaux dans d’autres images :
"A pattern of Pythagorean tiling"
"A pattern Two explanatory grids"

Afin de rendre plus accessible le code SVG
Couleur     Coordonnées relatives de 'lineTo'   Rapport         Motifs minimaux
d’un côté    Un petit côté  Un grand côté      des tailles     Pente   Dimension
 #fff          58,-24          58,140             √2 – 1         0      164
 #200        -116,-48        -116,280             √2 – 1         0      328
 #94a          82, 34         -82,198             √2 – 1         1     164 √2
 #f42          52, 30        -112,194             2 – √3         1     164 √2
 #24f          20, 16        -144,180              1 / 9         1     164 √2
Date
Source Own work
Author Baelde
Other versions
SVG development
InfoField
 
The SVG code is valid.
 
This /Baelde was created with a text editor.

Licensing edit

Arthur Baelde, the copyright holder of this work, hereby publishes it under the following license:
w:en:Creative Commons
attribution share alike
This file is licensed under the Creative Commons Attribution-Share Alike 3.0 Unported license.
Attribution: Arthur Baelde
You are free:
  • to share – to copy, distribute and transmit the work
  • to remix – to adapt the work
Under the following conditions:
  • attribution – You must give appropriate credit, provide a link to the license, and indicate if changes were made. You may do so in any reasonable manner, but not in any way that suggests the licensor endorses you or your use.
  • share alike – If you remix, transform, or build upon the material, you must distribute your contributions under the same or compatible license as the original.

File history

Click on a date/time to view the file as it appeared at that time.

Date/TimeThumbnailDimensionsUserComment
current10:52, 11 March 2013Thumbnail for version as of 10:52, 11 March 2013600 × 600 (2 KB)Baelde (talk | contribs)User created page with UploadWizard

Metadata