forked from scrippscollege/MS_139_S24
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathassignment-6.html
92 lines (82 loc) · 3.74 KB
/
assignment-6.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Coded Poetry 2024 – Assignment 6</title>
<link rel="stylesheet" href="style.css" />
<script src="/script.js" defer></script>
</head>
<!-- this page looks at nav, background image/video -->
<header>
<h1>
<a href="index.html">Coded Poetry</a>
</h1>
</header>
<nav>
<ul>
<li>
<a
href="syllabus.html"
>Syllabus</a
>
</li>
<li id="selected">
<a href="assignments.html">Assignments</a>
</li>
<li>
<a href="tutorials.html">Tutorials</a>
</li>
<li>
<a href="people.html">People</a>
</li>
</ul>
</nav>
<main>
<img
src="https://images.squarespace-cdn.com/content/v1/54eec73ee4b0ae0904da0e94/1469459145010-6JB78NK8W94205NYCMBH/ke17ZwdGBToddI8pDm48kP9kbw7u83We3zdlhO4wu2p7gQa3H78H3Y0txjaiv_0faShnVfr-ySw9qgw5FxrvM5QQqCM9w82lPHqXEyFQjFa2KUe96QVoMtiPuBj3aBORrCLSIWAQvdC7iWmC9HNtRUD6Ec8Uq9YczfrzwR7e2MhRYSg5nMOrIIhdmaFo6yIuYk2vTHwCUL4lmQEySH_IBg/image-asset.jpeg?format=2500w"
style="width:70%"
alt="A split screen of two postal mail drops. There is a hand in front of each mail drops holding a postcard. The postcards are covered in hand-drawn illustrations with intricate and colorful details." />
<p>
<a href="https://www.dear-data.com/theproject">Dear Data</a> (2016) by Georgia Lupi & Stefanie Posavec
</p>
<h2>Data Portrait</h2>
<h3>Objective</h3>
<p>
Create a data portrait out of a personal habit of yours.
</p>
<h3>Description</h3>
<p>
For Assignment 6, you will spend a week tracking a personal habit of yours to create a data-self portrait. Choose the personal habit mindfully — you will need to collect 20+ data points for this assignment. Record the data onto a numbered list every time it happens, and translate the list into array(s) in p5.js. Visualize your data intentionally so that it tells a meaningful story of your habit.
</p>
<h3>Design Constraint</h3>
<p>Canvas Size: 600 x 600</p>
<h3>Timeline</h3>
<h4>Due Date: 10/19</h4>
<ol>
<li> Decide what kind of data you’d like to track, and collect seven days worth of data (20+ data points) in the form of a numbered list.</li>
<li> Visualize your data using arrays and any other programming concepts you have learned in this class. How does your visualization tells a story of your data?</li>
<ul> On your portfolio page, please include the following: <li> A description of your Data Portrait.
What was the personal habit you were trying to track? </li>
<li> An instruction for the viewers on how to read your data portrait. </li>
<li> Describe your design process. Include your numbered list and any other sketches or images that
would help us better understand your process. </li>
</ul>
<ul> Your overall reflection on the assignment: <li> What did you learn about yourself through the
process of self-tracking? </li>
<li> What was gained / lost through the process of data visualization? </li>
</ul>
</ol>
<h3>Submission Guidelines</h3>
<p>Please submit your sketch to two places:</p>
<ol>
<li>Submit the sketch to Canvas Assignment 6</li>
<li>Add the sketch to your Coded Poetry portfolio</li>
</ol>
<h3>Tutorials</h3>
<ul>
<li> Array (<a href="https://www.youtube.com/watch?v=VIQoUghHSxU">YouTube</a>), Coding Train </li>
<li>Array + for Loop (<a href="https://www.youtube.com/watch?v=RXWO3mFuW-I">YouTube</a>), Coding Train </li>
</ul>
</main>
</html>