Garden of Words
An interactive website for encoding text in typographic flowers.
Final project for Interactive Design and the Internet: Software for People with Will Denton.
Interactive Website
Garden of Words is an interactive, collaborative website that converts users’ words into typographic flowers. A p5.js script renders words to form legible, flower-like shapes with a stem and a bud.
Depending on the length of the user’s input, the flower bud’s shape adjusts for legibility.
“This is a very long sentence that will become a flower with five distinct petals”
“This is a moderate sentence”
“Short!”
“When I type a message into this field, that message turns into its own unique typographic flower!”
“Tiny!”
Users can choose whether to generate a bouquet, where flowers all originate from the same point, or a garden, where flowers grow from random points throughout the viewport.
If dissatisfied or feeling experimental, users can regenerate the bouquet for another random array, or reset the canvas entirely.
Users can alter the background color and flower color, and then export their typographic botanical for personal use.
Made using Garden of Words
Made using Garden of Words
Made using Garden of Words
This project was inspired by my previous calligraphic work, to which I owe much of my interest in graphic design. While studying, I learned to make calligrams, or works where words come together to form shapes and images.
Ink on paper