Fiz uma série de experimentos, envolvendo padrões listrados. Utilizei a excelente biblioteca D3 do Javascript.

Para mexer, entre em https://asgunzi.github.io/Padrao-Listrado/PadraoListrado.html

Padrões Listrados – Círculos

Video do padrão círculo:

Na essência, são apenas retângulos com cores alternadas (que formam as listras), e o círculo no meio. Aqui, tem um truque especial. Existe um atributo no D3, o “clip-path”, que funciona como um “cortador”. Gerei exatamente as mesmas listras, mas com cores trocadas, e cortei no formato do círculo.

Padrões Listrados – Losango

Aqui é mesma coisa, mas com um losango dentro do outro.

Padrões Listrados – Losango com listras verticais

Padrões Listrados – Círculos Aleatórios

Aqui é com círculos aleatórios.

Padrões Listrados – Polígonos

Podemos aplicar a mesma lógica com outros polígonos.

Outro link possível para mexer é aqui: https://asgunzi.neocities.org/PadraoListrado/PadraoListrado.html

Vide também:

https://ideiasesquecidas.com/

Laboratório de Matemática