Bauhaus Pattern Creator

Table of Contents

• Explanation
• Example
• Live Version
• Compatibility
• Testing
• File Descriptions
• Technologies
• Validation

Explanation

An interactive webpage for creating images in the Bauhaus pattern style. You can change the size, colours, shapes, etc. The generated images can be download as PNGs or SVGs.

Example

Live Version

https://robson.plus/bauhaus-pattern-creator/

Compatibility

The output for this project is designed for desktop, with mobile compliance being planned.

Platform	OS	Browser	Version	Status
Desktop	Windows	Firefox	121	Working
Desktop	Windows	Opera	106	Working
Desktop	Windows	Chrome	120	Working
Desktop	Windows	Edge	120	Working

Last tested on 14 January 2024.

Testing

To run this on your computer:

• Download the repository.
• Unzip anywhere.
• Open index.html in your browser.

File Descriptions

index.html

This is the webpage with the creator, the input form and the output.

style.css

All formatting and layout information is contained in this file. The webpage colours are specified here, but the colour schemes are in the JavaScript.

Technologies

This is built using:

• HTML
• CSS
• JavaScript
  • D3.js

Validation