Uptown Abbey — GSAPP 2018Fall Datamining the City through Processing
Sep 6, 2018 · 2 min read
- image — of original sketch

- text — what were the “rules” in your plan
Firstly,building roads in the Uptown Abbey (represented in the shape of five-pointed star), which ensures the greatest connectivity and accessibility within the community. Then there will be a main commercial&community center in the middle of the neighborhood, surrounded by other four sub-commercial centers that meet people’s daily needs. Then parks and buildings are filled in the map to ensure people every building would have equal opportunities to access to the parks and commercial&community centers.
- image or gif — your Processing canvas showing your neighborhood

- code
def setup():
#this is your canvas size
size(800,800)
background(255)
noStroke()
def draw():
#this is road patterns
stroke(87)
line(200,300,600,300)
line(200,300,400,646)
line(400,646,600,300)
line(200,500,600,500)
line(200,500,400,154)
line(400,154,600,500)
#this is park
ellipseMode(CENTER)
fill(34,139,34)
noStroke()
ellipse (400,247,70,70)
ellipse (260,335,60,60)
ellipse (540,335,60,60)
ellipse (260,465,60,60)
ellipse (540,465,60,60)
ellipse (400,547,70,70)
#this is commercial/community center
ellipseMode(CENTER)
fill(228,165,32)
noStroke()
ellipse (400,400,150,150)
ellipse(250,200,100,100)
ellipse(550,200,100,100)
ellipse(250,600,100,100)
ellipse(550,600,100,100)
#this is building
rectMode(CENTER)
fill(0,0,0)
noStroke()
rect(250,280,100,20)
rect(250,520,100,20)
rect(550,280,100,20)
rect(550,520,100,20)
rect(400,310,100,20)
rect(400,490,100,20)
rectMode(CORNERS)
fill(0,0,0)
noStroke()
rect(180,310,200,470)
rect(300,330,320,460)
rect(480,330,500,460)
rect(600,320,620,470)
rect(600,320,620,470)
#this is legend
rectMode(CENTER)
fill(0,0,0)
noStroke()
rect(50,50,30,20)#building
ellipseMode(CENTER)
fill(34,139,34)
noStroke()
ellipse (50,90,20,20)#park
ellipseMode(CENTER)
fill(228,165,32)
noStroke()
ellipse (50,130,20,20)#commercial
stroke(87)
line(40,170,60,170)#road#Add legend description
noStroke()
fill(0)
text("Buildings", 100,50)
text("Parks", 100,90)
text("Commercial/Community Centers", 100,130)
text("Roads", 100,170)
noStroke()
fill(255,0,0)
text("Planning of the Uptown Abbey",30,20)
