Generative Tarot

This is an interactive three-card spread that pulls randomly from the 22 Major Arcana cards.

Generative Tarot was created using p5.js by the class of Design 2B at Rutgers Mason Gross School of the Arts.

Taught by Melanie Hoff.
Rutgers Mason Gross School of the Arts
Design 2B: Experimental Computation
Spring 2019


Tarot is a divination system that uses a set of cards to gain insight and guidance over varied aspects of life.
Together we will create an interactive tarot deck of the 22 Major Arcana cards using p5.js that will be part of an online reader.


Select one of the 22 Major Arcana cards to redesign

Create a Tarot Card generator that generates a new result every time you run it, or is constantly in flux

Consider the meaning of your Tarot card and how it translates to the design choices of your generator. What kind of parameters will be in place to define the results? How much variation are you hoping to achieve? How will the generator change? Will your card be responsive to time or generate a new result every time you refresh the page? Maybe your card will shift with the movement of the mouse, by clicking, or pressing keys.

Card Generator

  • Make using the p5.js online editor
  • Include the name of your card in your design
  • Canvas size of 800 x 1245

Tarot Website

A simple website to to showcase your card design that includes:
  • A description of what your card signifies and how your design relates to it's meaning.
  • Displays 6 screenshots of your generated tarot card in 6 different variations of the design.
  • A link to your p5 generator code on the online p5.js editor



Code for the online tarot reader on Github Channel of Tarot design research


Tarot as Collaborative Storytelling by Allison Parrish (Recommended!)
Origins of Cartomancy by Mary K. Greer
Three-Card Spreads: The Essentials by Mary K. Greer