Published
Edited
Sep 27, 2022
Insert cell
# Mapping an alternate view of "time"
Similar to your working process last week, use SVG in an Observable notebook to create a rough prototype of an "alternate" view of time. You may not use a linear timeline or a calendar-based view. But any non-conventional expression of "time" (choose any unit(s) of time and any abstraction to represent it). The more "out there," the better; your abstraction should be more "Picasso" than Bob Ross. Your representation should make clear what the time represents and how to interpret it, but everything else is on the table.

prompts: clock, calendar, timeline, reminders, nagging, spacetime, circadian rhythm, alarms, sundials, the light of the sun, lateness, travel time, bells, overtime, apps, planners, Alexa, pets, playing hooky, time travel, being stoned, the state of ‘flow’, solitary confinement, ‘wine o’clock’, wormholes, trauma, music/rhythm, “me” time, the time of your life
Insert cell
Insert cell
<svg viewBox= "0 0 90 90" xmins= "http://www.w3.org/2000.svg" style = "background : black">
<circle cx="50" cy="50" r=".3" fill= "aliceblue"/>
<circle cx="20" cy="30" r=".6" fill= "aliceblue"/>
<circle cx="40" cy="10" r=".8" fill= "aliceblue"/>
<circle cx="10" cy="70" r=".1" fill= "aliceblue"/>
<circle cx="30" cy="80" r=".1" fill= "white"/>
<circle cx="20" cy="20" r=".7" fill= "white"/>
<circle cx="80" cy="30" r=".3" fill= "white"/>
<circle cx="70" cy="70" r=".3" fill= "white"/>
<circle cx="90" cy="60" r=".2" fill= "white"/>
<circle cx="34" cy="39" r=".2" fill= "white"/>
<circle cx="28" cy="50" r=".2" fill= "white"/>
<circle cx="73" cy="34" r=".2" fill= "white"/>
<circle cx="12" cy="13" r=".2" fill= "white"/>
<circle cx="9" cy="74" r=".2" fill= "white"/>
<circle cx="33" cy="61" r=".2" fill= "white"/>
<circle cx="85" cy="59" r=".2" fill= "white"/>
<circle cx="30" cy="70" r=".2" fill= "white"/>
<circle cx="80" cy="20" r=".2" fill= "white"/>
<circle cx="28" cy="30" r=".5" fill= "white"/>
<circle cx="28" cy="29" r=".2" fill= "white"/>
<circle cx="28" cy="28" r=".2" fill= "white"/>
<circle cx="28" cy="27" r=".2" fill= "white"/>
<circle cx="28" cy="31" r=".2" fill= "white"/>
<circle cx="28" cy="32" r=".2" fill= "white"/>
<circle cx="28" cy="33" r=".2" fill= "white"/>
<circle cx="29" cy="30" r=".2" fill= "white"/>
<circle cx="30" cy="30" r=".2" fill= "white"/>
<circle cx="31" cy="30" r=".2" fill= "white"/>
<circle cx="27" cy="30" r=".2" fill= "white"/>
<circle cx="26" cy="30" r=".2" fill= "white"/>
<circle cx="25" cy="30" r=".2" fill= "white"/>
<circle cx="66" cy="37" r=".2" fill= "gold"/>
<circle cx="73" cy="11" r=".2" fill= "gold"/>
<circle cx="25" cy="62" r=".1" fill= "gold"/>
<circle cx="4" cy="23" r=".1 fill= "gold"/>
<circle cx="8" cy="31" r=".2" fill= "gold"/>
<circle cx="1" cy="12" r=".2" fill= "gold"/>
<circle cx="05" cy="52" r=".2" fill= "gold"/>
<circle cx="90" cy="64" r=".2" fill= "gold"/>
<circle cx="82" cy="34" r=".2" fill= "gold"/>
<circle cx="45" cy="45" r=".1" fill= "gold"/>
<circle cx="45" cy="11" r=".6" fill= "gold"/>
<circle cx="40" cy="88" r=".3" fill= "gold"/>
<circle cx="20" cy="67" r=".5" fill= "gold"/>
<circle cx="90" cy="78" r=".2" fill= "gold"/>
<circle cx="88" cy="67" r=".2" fill= "gold"/>
<circle cx="74" cy="56" r=".2" fill= "aliceblue"/>
<circle cx="64" cy="58" r=".2" fill= "aliceblue"/>
<circle cx="48" cy="8" r=".2" fill= "aliceblue"/>
<circle cx="45" cy="35" r=".2" fill= "aliceblue"/>
<circle cx="67" cy="20" r=".2" fill= "aliceblue"/>
<circle cx="78" cy="90" r=".4" fill= "aliceblue"/>
<circle cx="67" cy="88" r=".4" fill= "aliceblue"/>
<circle cx="56" cy="74" r=".4" fill= "aliceblue"/>
<circle cx="58" cy="64" r=".8" fill= "aliceblue"/>
<circle cx="8" cy="48" r=".3" fill= "aliceblue"/>
</svg>

Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more