Monorepo for Aesthetic.Computer
aesthetic.computer
Add whistlegraph scores to paper and platter
- Symlink 10 graphic score PNGs into papers/arxiv-whistlegraph/figures/
- Add butterfly-cosplayer figure to Form section of whistlegraph.tex
- Add 5x2 grid of all 10 Feral File scores to Institutional Reception
- Add figures to cards .tex (butterfly + 4-score grid)
- New Whistlegraph section on platter with scores, videos, TikTok
compilations, album, pieces, and contextual notes
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
+134
-2
+1
papers/arxiv-whistlegraph/figures/butterfly-cosplayer-score.png
+1
papers/arxiv-whistlegraph/figures/butterfly-cosplayer-score.png
···
1
+
/workspaces/aesthetic-computer/system/public/assets/whistlegraph/butterfly-cosplayer//butterfly-cosplayer-score.png
+1
papers/arxiv-whistlegraph/figures/i-dont-need-an-iphone-score.png
+1
papers/arxiv-whistlegraph/figures/i-dont-need-an-iphone-score.png
···
1
+
/workspaces/aesthetic-computer/system/public/assets/whistlegraph/i-dont-need-an-iphone//i-dont-need-an-iphone-score.png
+1
papers/arxiv-whistlegraph/figures/lately-when-i-fly-score.png
+1
papers/arxiv-whistlegraph/figures/lately-when-i-fly-score.png
···
1
+
/workspaces/aesthetic-computer/system/public/assets/whistlegraph/lately-when-i-fly//lately-when-i-fly-score.png
+1
papers/arxiv-whistlegraph/figures/loner-score.png
+1
papers/arxiv-whistlegraph/figures/loner-score.png
···
1
+
/workspaces/aesthetic-computer/system/public/assets/whistlegraph/loner//loner-score.png
+1
papers/arxiv-whistlegraph/figures/mommy-wow-score.png
+1
papers/arxiv-whistlegraph/figures/mommy-wow-score.png
···
1
+
/workspaces/aesthetic-computer/system/public/assets/whistlegraph/mommy-wow//mommy-wow-score.png
+1
papers/arxiv-whistlegraph/figures/people-pleaser-score.png
+1
papers/arxiv-whistlegraph/figures/people-pleaser-score.png
···
1
+
/workspaces/aesthetic-computer/system/public/assets/whistlegraph/people-pleaser//people-pleaser-score.png
+1
papers/arxiv-whistlegraph/figures/puzzle-score.png
+1
papers/arxiv-whistlegraph/figures/puzzle-score.png
···
1
+
/workspaces/aesthetic-computer/system/public/assets/whistlegraph/puzzle//puzzle-score.png
+1
papers/arxiv-whistlegraph/figures/slinky-dog-score.png
+1
papers/arxiv-whistlegraph/figures/slinky-dog-score.png
···
1
+
/workspaces/aesthetic-computer/system/public/assets/whistlegraph/slinky-dog//slinky-dog-score.png
+1
papers/arxiv-whistlegraph/figures/time-to-grow-score.png
+1
papers/arxiv-whistlegraph/figures/time-to-grow-score.png
···
1
+
/workspaces/aesthetic-computer/system/public/assets/whistlegraph/time-to-grow//time-to-grow-score.png
+1
papers/arxiv-whistlegraph/figures/whats-inside-your-heart-score.png
+1
papers/arxiv-whistlegraph/figures/whats-inside-your-heart-score.png
···
1
+
/workspaces/aesthetic-computer/system/public/assets/whistlegraph/whats-inside-your-heart//whats-inside-your-heart-score.png
+19
-1
papers/arxiv-whistlegraph/whistlegraph-cards.tex
+19
-1
papers/arxiv-whistlegraph/whistlegraph-cards.tex
···
89
89
90
90
The finished drawing serves as a \emph{graphic score}---a visual document that encodes all the information needed to reproduce the performance. Anyone who can see the drawing and recall the melody can perform the whistlegraph. The score teaches you how to play it.
91
91
92
+
93
+
\begin{figure}[h]
94
+
\centering
95
+
\includegraphics[width=0.85\linewidth]{butterfly-cosplayer-score}
96
+
\caption{``I'm a Butterfly (Cosplayer)''---the graphic score that launched the viral cycle.}
97
+
\label{fig:butterfly}
98
+
\end{figure}
99
+
92
100
This self-documenting property distinguishes the whistlegraph from other graphic scores in experimental music~\citep{magnusson2010designing}. Cage's or Cardew's graphic scores require interpretation---a performer must decide what the visual marks mean musically. A whistlegraph requires no interpretation. The relationship between mark and sound is one-to-one, established during the original performance and preserved in the recording. The score is not a prompt for improvisation; it is a set of precise instructions disguised as a picture.
93
101
94
102
\subsection{Duration and Constraint}
···
151
159
152
160
The institutional trajectory is notable for its speed: from TikTok tutorials to a Rhizome/New Museum commission in under two years. The Rhizome commission~\citep{rhizome2022longest}---part of the First Look series co-presented with the New Museum---included a live chalk performance, a 22-minute 4K video, token-gated manuscripts and recordings on IPFS, and workshops for ages 13--18 in Queens (supported by Deutsche Bank Americas Foundation). The work was accessioned into Rhizome's ArtBase, placing a TikTok-native art form in the same collection as net art by Olia Lialina and JODI.
153
161
154
-
The Feral File exhibition~\citep{feralfile2022ten}---ten whistlegraphs as ERC-721 tokens, each including video performance, graphic score, and curated TikTok selections---sold 45 editions. It was also shown at Taipei Dangdai alongside Art Blocks and Outland.
162
+
The Feral File exhibition~\citep{feralfile2022ten}---ten whistlegraphs as ERC-721 tokens, each including video performance, graphic score, and curated TikTok selections---sold 45 editions.
163
+
164
+
\begin{figure}[h]
165
+
\centering
166
+
\includegraphics[width=0.45\linewidth]{butterfly-cosplayer-score}
167
+
\includegraphics[width=0.45\linewidth]{time-to-grow-score}\\[0.2em]
168
+
\includegraphics[width=0.45\linewidth]{loner-score}
169
+
\includegraphics[width=0.45\linewidth]{puzzle-score}
170
+
\caption{Four of the ten Feral File scores. Top: Butterfly Cosplayer, Time to Grow. Bottom: Loner, Puzzle.}
171
+
\label{fig:feral-scores}
172
+
\end{figure} It was also shown at Taipei Dangdai alongside Art Blocks and Outland.
155
173
156
174
A 60-page zine, edited by Asher Penn (\emph{Sex Magazine}), was published in an edition of 750 copies in June 2023. It included interviews with all three trio members and an essay by Jacob Ciocci (Paper Rad) titled ``The Butterfly Effect / Rules Set You Free''~\citep{ciocci2023butterfly}, connecting the whistlegraph to Paper Rad's legacy of rule-based, community-generated art.
157
175
+25
-1
papers/arxiv-whistlegraph/whistlegraph.tex
+25
-1
papers/arxiv-whistlegraph/whistlegraph.tex
···
126
126
127
127
The finished drawing serves as a \emph{graphic score}---a visual document that encodes all the information needed to reproduce the performance. Anyone who can see the drawing and recall the melody can perform the whistlegraph. The score teaches you how to play it.
128
128
129
+
130
+
\begin{figure}[h]
131
+
\centering
132
+
\includegraphics[width=0.9\linewidth]{butterfly-cosplayer-score}
133
+
\caption{``I'm a Butterfly (Cosplayer)''---the graphic score that launched the viral cycle. Four strokes, four sung lines, one memorizable image.}
134
+
\label{fig:butterfly}
135
+
\end{figure}
136
+
129
137
This self-documenting property distinguishes the whistlegraph from other graphic scores in experimental music~\citep{magnusson2010designing}. Cage's or Cardew's graphic scores require interpretation---a performer must decide what the visual marks mean musically. A whistlegraph requires no interpretation. The relationship between mark and sound is one-to-one, established during the original performance and preserved in the recording. The score is not a prompt for improvisation; it is a set of precise instructions disguised as a picture.
130
138
131
139
\subsection{Duration and Constraint}
···
188
196
189
197
The institutional trajectory is notable for its speed: from TikTok tutorials to a Rhizome/New Museum commission in under two years. The Rhizome commission~\citep{rhizome2022longest}---part of the First Look series co-presented with the New Museum---included a live chalk performance, a 22-minute 4K video, token-gated manuscripts and recordings on IPFS, and workshops for ages 13--18 in Queens (supported by Deutsche Bank Americas Foundation). The work was accessioned into Rhizome's ArtBase, placing a TikTok-native art form in the same collection as net art by Olia Lialina and JODI.
190
198
191
-
The Feral File exhibition~\citep{feralfile2022ten}---ten whistlegraphs as ERC-721 tokens, each including video performance, graphic score, and curated TikTok selections---sold 45 editions. It was also shown at Taipei Dangdai alongside Art Blocks and Outland.
199
+
The Feral File exhibition~\citep{feralfile2022ten}---ten whistlegraphs as ERC-721 tokens, each including video performance, graphic score, and curated TikTok selections---sold 45 editions.
200
+
201
+
\begin{figure*}[t]
202
+
\centering
203
+
\includegraphics[width=0.19\textwidth]{butterfly-cosplayer-score}
204
+
\includegraphics[width=0.19\textwidth]{time-to-grow-score}
205
+
\includegraphics[width=0.19\textwidth]{i-dont-need-an-iphone-score}
206
+
\includegraphics[width=0.19\textwidth]{lately-when-i-fly-score}
207
+
\includegraphics[width=0.19\textwidth]{loner-score}\\[0.3em]
208
+
\includegraphics[width=0.19\textwidth]{mommy-wow-score}
209
+
\includegraphics[width=0.19\textwidth]{people-pleaser-score}
210
+
\includegraphics[width=0.19\textwidth]{slinky-dog-score}
211
+
\includegraphics[width=0.19\textwidth]{puzzle-score}
212
+
\includegraphics[width=0.19\textwidth]{whats-inside-your-heart-score}
213
+
\caption{The ten graphic scores from the Feral File exhibition \emph{Ten Whistlegraphs} (2022). Each score encodes a complete performance: drawing, melody, and lyrics. Top row, left to right: Butterfly Cosplayer, Time to Grow, I Don't Need an iPhone, Lately When I Fly, Loner. Bottom row: Mommy Wow, People Pleaser, Slinky Dog, Puzzle, What's Inside Your Heart.}
214
+
\label{fig:ten-scores}
215
+
\end{figure*} It was also shown at Taipei Dangdai alongside Art Blocks and Outland.
192
216
193
217
A 60-page zine, edited by Asher Penn (\emph{Sex Magazine}), was published in an edition of 750 copies in June 2023. It included interviews with all three trio members and an essay by Jacob Ciocci (Paper Rad) titled ``The Butterfly Effect / Rules Set You Free''~\citep{ciocci2023butterfly}, connecting the whistlegraph to Paper Rad's legacy of rule-based, community-generated art.
194
218
+80
system/public/papers.aesthetic.computer/platter.html
+80
system/public/papers.aesthetic.computer/platter.html
···
315
315
</div>
316
316
</div>
317
317
318
+
<!-- WHISTLEGRAPH -->
319
+
<div class="section" data-section="whistlegraph">
320
+
<div class="section-header" data-color="purple" onclick="toggleSection(this)">
321
+
<span class="toggle">▼</span>
322
+
<h2>Whistlegraph</h2>
323
+
<span class="count">10 scores · pieces · album · zine · paper</span>
324
+
</div>
325
+
<div class="section-items">
326
+
<div class="item-group">
327
+
<div class="item-group-label">Paper & Cards</div>
328
+
<a class="item" href="/whistlegraph-26-arxiv.pdf">Whistlegraph '26 — Drawing, Singing, and the Graphic Score as Viral Form (arXiv, 4pp)</a>
329
+
<a class="item" href="/whistlegraph-26-arxiv-cards.pdf">Whistlegraph '26 — Cards format</a>
330
+
<a class="item" href="/whistlegraph-26-arxiv-da.pdf">Dansk</a>
331
+
<a class="item" href="/whistlegraph-26-arxiv-es.pdf">Español</a>
332
+
<a class="item" href="/whistlegraph-26-arxiv-zh.pdf">中文</a>
333
+
</div>
334
+
<div class="item-group">
335
+
<div class="item-group-label">Graphic Scores (10 — Feral File edition, 2022)</div>
336
+
<a class="item" href="https://aesthetic.computer/assets/whistlegraph/butterfly-cosplayer/butterfly-cosplayer-score.png">Butterfly Cosplayer <span class="file">png</span></a>
337
+
<a class="item" href="https://aesthetic.computer/assets/whistlegraph/time-to-grow/time-to-grow-score.png">Time to Grow <span class="file">png</span></a>
338
+
<a class="item" href="https://aesthetic.computer/assets/whistlegraph/i-dont-need-an-iphone/i-dont-need-an-iphone-score.png">I Don't Need an iPhone <span class="file">png</span></a>
339
+
<a class="item" href="https://aesthetic.computer/assets/whistlegraph/lately-when-i-fly/lately-when-i-fly-score.png">Lately When I Fly <span class="file">png</span></a>
340
+
<a class="item" href="https://aesthetic.computer/assets/whistlegraph/loner/loner-score.png">Loner <span class="file">png</span></a>
341
+
<a class="item" href="https://aesthetic.computer/assets/whistlegraph/mommy-wow/mommy-wow-score.png">Mommy Wow <span class="file">png</span></a>
342
+
<a class="item" href="https://aesthetic.computer/assets/whistlegraph/people-pleaser/people-pleaser-score.png">People Pleaser <span class="file">png</span></a>
343
+
<a class="item" href="https://aesthetic.computer/assets/whistlegraph/slinky-dog/slinky-dog-score.png">Slinky Dog <span class="file">png</span></a>
344
+
<a class="item" href="https://aesthetic.computer/assets/whistlegraph/puzzle/puzzle-score.png">Puzzle <span class="file">png</span></a>
345
+
<a class="item" href="https://aesthetic.computer/assets/whistlegraph/whats-inside-your-heart/whats-inside-your-heart-score.png">What's Inside Your Heart <span class="file">png</span></a>
346
+
</div>
347
+
<div class="item-group">
348
+
<div class="item-group-label">Performance Videos</div>
349
+
<a class="item" href="https://aesthetic.computer/assets/whistlegraph/butterfly-cosplayer/butterfly-cosplayer-web.mp4">Butterfly Cosplayer <span class="file">mp4</span></a>
350
+
<a class="item" href="https://aesthetic.computer/assets/whistlegraph/time-to-grow/time-to-grow-web.mp4">Time to Grow <span class="file">mp4</span></a>
351
+
<a class="item" href="https://aesthetic.computer/assets/whistlegraph/i-dont-need-an-iphone/i-dont-need-an-iphone-web.mp4">I Don't Need an iPhone <span class="file">mp4</span></a>
352
+
<a class="item" href="https://aesthetic.computer/assets/whistlegraph/lately-when-i-fly/lately-when-i-fly-web.mp4">Lately When I Fly <span class="file">mp4</span></a>
353
+
<a class="item" href="https://aesthetic.computer/assets/whistlegraph/loner/loner-web.mp4">Loner <span class="file">mp4</span></a>
354
+
<a class="item" href="https://aesthetic.computer/assets/whistlegraph/mommy-wow/mommy-wow-web.mp4">Mommy Wow <span class="file">mp4</span></a>
355
+
<a class="item" href="https://aesthetic.computer/assets/whistlegraph/people-pleaser/people-pleaser-web.mp4">People Pleaser <span class="file">mp4</span></a>
356
+
<a class="item" href="https://aesthetic.computer/assets/whistlegraph/slinky-dog/slinky-dog-web.mp4">Slinky Dog <span class="file">mp4</span></a>
357
+
<a class="item" href="https://aesthetic.computer/assets/whistlegraph/puzzle/puzzle-web.mp4">Puzzle <span class="file">mp4</span></a>
358
+
<a class="item" href="https://aesthetic.computer/assets/whistlegraph/whats-inside-your-heart/whats-inside-your-heart-web.mp4">What's Inside Your Heart <span class="file">mp4</span></a>
359
+
</div>
360
+
<div class="item-group">
361
+
<div class="item-group-label">TikTok Compilations</div>
362
+
<a class="item" href="https://aesthetic.computer/assets/whistlegraph/butterfly-cosplayer/butterfly-cosplayer-tt-compilation.mp4">Butterfly Cosplayer compilation <span class="file">mp4</span></a>
363
+
<a class="item" href="https://aesthetic.computer/assets/whistlegraph/time-to-grow/time-to-grow-tt-compilation.mp4">Time to Grow compilation <span class="file">mp4</span></a>
364
+
<a class="item" href="https://aesthetic.computer/assets/whistlegraph/i-dont-need-an-iphone/i-dont-need-an-iphone-tt-compilation.mp4">I Don't Need an iPhone compilation <span class="file">mp4</span></a>
365
+
<a class="item" href="https://aesthetic.computer/assets/whistlegraph/lately-when-i-fly/lately-when-i-fly-tt-compilation.mp4">Lately When I Fly compilation <span class="file">mp4</span></a>
366
+
<a class="item" href="https://aesthetic.computer/assets/whistlegraph/loner/loner-tt-compilation.mp4">Loner compilation <span class="file">mp4</span></a>
367
+
<a class="item" href="https://aesthetic.computer/assets/whistlegraph/mommy-wow/mommy-wow-tt-compilation.mp4">Mommy Wow compilation <span class="file">mp4</span></a>
368
+
<a class="item" href="https://aesthetic.computer/assets/whistlegraph/people-pleaser/people-pleaser-tt-compilation.mp4">People Pleaser compilation <span class="file">mp4</span></a>
369
+
<a class="item" href="https://aesthetic.computer/assets/whistlegraph/slinky-dog/slinky-dog-tt-compilation.mp4">Slinky Dog compilation <span class="file">mp4</span></a>
370
+
<a class="item" href="https://aesthetic.computer/assets/whistlegraph/puzzle/puzzle-tt-compilation.mp4">Puzzle compilation <span class="file">mp4</span></a>
371
+
<a class="item" href="https://aesthetic.computer/assets/whistlegraph/whats-inside-your-heart/whats-inside-your-heart-tt-compilation.mp4">What's Inside Your Heart compilation <span class="file">mp4</span></a>
372
+
</div>
373
+
<div class="item-group">
374
+
<div class="item-group-label">Album</div>
375
+
<a class="item" href="https://aesthetic.computer/assets/whistlegraph/music-2-whistlegraph-2/music-2-whistlegraph-2-intro.mp4"><em>Music 2 Whistlegraph 2</em> — intro video <span class="file">mp4</span></a>
376
+
<a class="item" href="https://aesthetic.computer/assets/whistlegraph/music-2-whistlegraph-2/music-2-whistlegraph-2.webp"><em>Music 2 Whistlegraph 2</em> — cover <span class="file">webp</span></a>
377
+
<a class="item" href="https://aesthetic.computer/assets/whistlegraph/music-2-whistlegraph-2/music-2-whistlegraph-2-spines.webp"><em>Music 2 Whistlegraph 2</em> — spines <span class="file">webp</span></a>
378
+
</div>
379
+
<div class="item-group">
380
+
<div class="item-group-label">Pieces (AC Runtime)</div>
381
+
<a class="item" href="https://github.com/whistlegraph/aesthetic-computer/blob/main/system/public/aesthetic.computer/disks/wg.mjs"><span class="file">wg.mjs</span> Hub — practice, record, learn</a>
382
+
<a class="item" href="https://github.com/whistlegraph/aesthetic-computer/blob/main/system/public/aesthetic.computer/disks/wgr.mjs"><span class="file">wgr.mjs</span> Recorder — real-time stroke drawing + audio capture</a>
383
+
<a class="item" href="https://github.com/whistlegraph/aesthetic-computer/blob/main/system/public/aesthetic.computer/disks/whistlegraph.mjs"><span class="file">whistlegraph.mjs</span> Launcher/router</a>
384
+
<a class="item" href="https://github.com/whistlegraph/aesthetic-computer/blob/main/system/public/aesthetic.computer/disks/whistlegraph/whistlegraph-cards.js"><span class="file">whistlegraph-cards.js</span> Interactive card viewer (Feral File edition)</a>
385
+
</div>
386
+
<div class="item-group">
387
+
<div class="item-group-label">Context</div>
388
+
<span class="item">Form invented 2019 · Trio: Jeffrey Alan Scudder, Alex Freundlich, Camille Klein (2020–2023)</span>
389
+
<span class="item">2.6M TikTok followers · Rhizome / New Museum commission (2022) · Feral File exhibition (2022, 45 ed.)</span>
390
+
<span class="item">Zine: 60pp, ed. Asher Penn (<em>Sex Magazine</em>), essay by Jacob Ciocci (Paper Rad), 750 copies (2023)</span>
391
+
<span class="item">Studio album: <em>Music 2 Whistlegraph 2</em> (Dec 2022, prod. Charlie Kamin-Allen)</span>
392
+
<span class="item">Trio separated Nov 2023 · Form feeds directly into AC's piece model and prompt-as-instrument metaphor</span>
393
+
<a class="item" href="https://aesthetic.computer/assets/papers/readings/text/merle-nunneley-whistlegraphs.txt">Merle Nunneley — article on Whistlegraphs (UCL London) <span class="file">txt</span></a>
394
+
</div>
395
+
</div>
396
+
</div>
397
+
318
398
<!-- RUNTIME SOURCE -->
319
399
<div class="section" data-section="runtime">
320
400
<div class="section-header" data-color="cyan" onclick="toggleSection(this)">