This is a rework of <a href="/plots/1353">plots/1353</a> 
<hr>
In <a href="/plots/1353">plots/1353</a> experiment, we have made JavaScript code that is &quot;self-plottable&quot;: the code produces a plottable SVG of itself.
When working with pen plotters, we do not have fonts so we need to recreate the strokes to make letters and this code do it in the most minimal way possible: each character are encoded as few strokes on a 0..9 grid. The glyphs are placed on a A4 paper to recreate the code that produces them! 
This initial experiment was entirely made on Twitch, and the replay is available on Youtube: <a href="https://www.youtube.com/watch?v=C1z_4jzMDYk">https://www.youtube.com/watch?v=C1z_4jzMDYk</a> (the glyph editor, drawing the glyphs and making the code itself).
<iframe width="100%" height="360" src="http://www.youtube.com/embed/C1z_4jzMDYk?feature=player_embedded" frameborder="0" allowfullscreen></iframe>

<hr>
for <a href="https://genuary.art">Genuary 2024</a> 15 &quot;Less than 1kb of artwork&quot;. It has been quite challenging to optimize the code to fit in 1007 bytes, but it was a lot of fun! Like &quot;JS1K&quot; kind of JavaScript golfing, you have to hack into the language features to make the worse possible hacks to save bytes. But here, it pushes this to the extreme: I had to consider removing as many characters as possible, so we got rid of these characters (vs the past version): <code>!$&#39;*;?ABCI\bkuz{}</code> !!! You may think some part of the code are verbose but it&#39;s also all about removing these characters!
<ul>
<li>no more <code>!</code> not operation. we wimake checks to be truthy only.</li>
<li>no more <code>$</code> string interpolation. we use <code>+</code> instead.</li>
<li>no more <code>&#39;*</code> string multiplication. we use divisions instead!</li>
<li>no more <code>;</code> statement separator. We don&#39;t use semicolons and otherwise we use <code>,</code> instead.</li>
<li>no more <code>?</code> ternary operator. We use <code>&amp;&amp;</code> and <code>||</code> instead.</li>
<li>no more <code>ABCI</code> string literals. These are due to <code>Array</code>, <code>viewBox</code>,.. we managed without!</li>
<li>no more <code>\</code> escape character. We don&#39;t join on <code>\n</code> anymore, the stroke building is inlined into one path!</li>
<li>no more <code>kuz</code> object literals. this came from <code>black</code> and other keywords, I took some hard decision to not even have <code>fill=&quot;none&quot; stroke=&quot;black&quot;</code> part, so you don&#39;t get a very beautiful preview but it&#39;s still plottable.</li>
<li>no more <code>{}</code> object literals. This was one fun, we removed all blocks, no more <code>if</code> and <code>for</code>, and instead we use only <code>.map</code> and we embraced the <code>(instr1, instr2, ...)</code> synthax of JS <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Comma_operator">https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Comma_operator</a></li>
</ul>

1007 bytes of self-plottable code

Made for <a href="https://genuary.art">Genuary 2024</a> 13 &quot;Wobbly function day&quot;.

Wobbly (1)

Made for <a href="https://genuary.art">Genuary 2024</a> 12 &quot;Lava lamp&quot;, continuation of <a href="/plots/1355">plots/1355</a>.
There are only 3 fountain pen inks used here and it was amazing to be able to have so much color tones thanks to ink blending. There will definitely be more of this!
Coded live on <a href="https://twitch.tv/greweb">https://twitch.tv/greweb</a>