void setup () { size 400,400);}
void draw() { stroke(0,0,200); line(20,200,120,200); }

void setup () { size 400,400);}
void draw() {}

CODE SETUP
Below is the code that we will be basing our own code on to create the image

In my experiment with processing I am going to show how many bowls of cereal I eat per month. The size of the circles will enlarge or become smaller depending on how much I have eaten per month. As this is a simple example of what processing can be I am simply showing what the possibilities Processing can visualise.

So to show the categories I will first write
String Cereal [] = {"Kellogs","Cinnamon Grahams", "Shreddies", "Museli","Cheerios", "Porrige", "Coco pops", "Crunchy Nut", "Lion Cereals", "Cookie Crisp"}; "String" is the starter point of what is going to pick up the data on the image. It is then followed by the different categories of cereals. It is then followed by the months. The months are represented by the numbers, for example January = 10, February = 20, and so forth. Within the month is the amount of bowls of cereal we have eaten.
int Month[] = {5,6,3,15,20,5,20,16,2,8}; = Bowls of cereals eaten.
int remaining [] = {20,10,50,50,80,90,100,110,120,30}; = These are the months which will be represented by the circles.

void setup (){
size(800,800);
background(80);
stroke(0,0,0);
strokeweight(2); }

void draw{} { for (int i=0; i < Remaining. length; i++) {
ellipse(Month[i]*75, height/2,Remaining[i], Remaining[i] ); }}

Void draw is the finale that put the whole drawing together. The parenthesis is including the month and the amount of bowls of cereal eaten per month. The ellipse represents the circle and includes the months and the remaining which is above void setup.

OTHER PEOPLES EXAMPLES

PI VISUALIZED AS A PUBLIC URBAN ART MURAL
By Ellie Bank
"By focusing on the single, transcendental concept of Pi across courses, the mathematics department plans to not only deepen student understanding of shape and irrational number, but more importantly, connect these foundational mental schema for students while dealing with the concrete issues of neighborhood beautification and how proportion can inform aesthetic which can in turn improve quality of life."

A WORLD OF TERROR: THE IMPACT OF TERROR IN THE WORLD

The visualization exists of 25 smartly organized pixel plots that are displayed as ordered small multiples. Ranging from Al-Qa'ida and the Taliban to less known organizations like Boko Haram, the plots reveal which ones are more deadly, are more recently active, or have been historically more active. In addition, all data can be filtered over time.
The data is based on the Global Terrorism Database (GTD), the most comprehensive and open-source collection of terrorism data available.

CANVAS

LINE ON CANVAS

MY WORK USING CODING ABOVE AND BELOW