Sign in

el

@elliot.website
1.1K followers 82 following 127 posts

and visual and creativity and computers and math and elliot.website

PostsRepliesMedia
el @elliot.website · 12/12/2025
A sketchbook page. On it there are marker drawings. There are two cards and a math diagram. The first card has italic "T"s in two corners like a playing card. It has three arrows inside. The second card has a lambda in one corner and "y" in the other; it has another card in it with "x"s in each of two corners and in the middle. The math diagram consists of three parts: a set above, a set below, and a labelled arrow between them. The top set consists of an apple and an orange; The arrow is labelled: "x squared plus x plus one" (with math symbols); the bottom set consists of the following: pair of apples, pair of apple and orange, pair of orange and apple, pair of oranges, singleton of apple, singleton of orange, empty tuple.
030
el @elliot.website · 29/09/2025
formation of the mandelbrot fractal
070
el @elliot.website · 18/08/2025
Adding a lil asymptote to sin
0190
el @elliot.website · 28/07/2025
Squarifying each quad in a loop of quads using inverse bilinear transformation
2656
el @elliot.website · 09/07/2025
Here's an old comic I made for elliot.website/editor/
Comic:

First panel is of some code with wingdings equal to an code-inlined image editor with a sketchy fish in it.

Then there is a text-message dialogue:

Left person: Hi Sam. Do you think you could make my fish sprite nicer?
Right person: Okay, I will try! My coding skills are pretty weak though... Could you help me get my sprite into the game code?

Left person: Oh! I inlined a sprite editor into the code, check it out here!

Now there is the first panel again, but the fish drawing is immaculate.

Right person: I edited the sprite IN THE CODE!

Left person: Beautiful :')
070
el @elliot.website · 08/07/2025
040
el @elliot.website · 30/06/2025
abstract explorational sketch of relational layout from a few months ago
A drawing consisting of many overlapping and containing boxes following some rules: boxes in red boxes are vertically juxtaposed, boxes in blue boxes are horizontally juxtaposed, green boxes are for grouping, cyan boxes are either empty or unrelated to any boxes inside or overlapping them.
080
el @elliot.website · 14/06/2025
Typing and snapping things together
0487
el @elliot.website · 14/06/2025
A configuration of orange boxes in rows and columns with gaps. There are arrows between the tops of orange boxes in the same row. There is an outline around the configuration. There is a black box connected to the outline.
040
el @elliot.website · 09/05/2025
It wouldn't be fantastic for graphs in general, but you can make a nice interactive Directed Acyclic Graph (DAG) layout with it. You can lay out a spanning tree of a graph and then add the rest of the non-tree edges in. The layout in the video is almost that, except a little nicer and more DAG-y.
160
el @elliot.website · 09/05/2025
Making progress on my relational layout lib. Did a pass on improving the API and hopefully the code is more readable now.
2533
el @elliot.website · 07/05/2025
Here's the sort of diagram I used while working on this.
A diagram with code on top and a graph on bottom. The code reads `const +(2,-(3,x)) = 3`. The graph has four "leaf nodes": 2, 3, 3, and x. One 3 and x are connected to a minus symbol node, and the other 3 and the 2 are connected to a plus symbol. The minus symbol has an equals sign shaped edge coming out of it that turns into and edge into the plus node.
100
el @elliot.website · 29/04/2025
Here's a cut of some of my interactive and visual work from the past year. I'm looking for work! I'm looking for remote work developing, prototyping and/or researching on editors, custom interactive things, or visualizations. I mostly work in JS/TS. Let me know if you know something pls ty :)
59024
el @elliot.website · 15/04/2025
030
el @elliot.website · 11/04/2025
A diagram showing two large node-and-wire mechanism above and to the left of a smaller diagram showing boxes stacked in a tree configuration.
1100
el @elliot.website · 11/04/2025
2 Mechanism
1140
el @elliot.website · 09/04/2025
Mechanism
050
el @elliot.website · 03/04/2025
A graph with nodes and edges. Some edges have a green outline, some have an orange outline, others have no outline. The nodes have numbers on them from 0 through 12. Two nodes don't have a number. The edges out of those nodes aren't colored. The strongly connected components (SCCs) of the graph have a light purple background around them. All the SCCs are a single node except for the SCC with nodes 0, 1, 2, 3, and 4 which have edges going both ways between nodes with successive numbers.
060
el @elliot.website · 03/04/2025
A person on mathstodon gave the feedback that it is too fast to understand. Here's a slowed down version. It also includes low values at each node in the algorithm, to help make it more clear what is happening.
061
el @elliot.website · 03/04/2025
Finding strongly connected components using Tarjan's algorithm
1110
el @elliot.website · 02/04/2025
finding an acyclic sub-graph inside a graph using depth first traversal.
1101
el @elliot.website · 14/03/2025
small harmonics
1171
el @elliot.website · 07/03/2025
en.m.wikipedia.org/wiki/String_...
A diagram showing a pentagonal commutative diagram on the left, and its associated string diagram on the right
130
el @elliot.website · 28/02/2025
I've been working on and using a tool for canvas program sketches. I've been trying to get the text editing experience to be nice in Polytope; this tool has made me deal with the bugs. It has an interactive program history tree.
0101
el @elliot.website · 25/02/2025
How do I add this matrax with the numbins?
A bizarre piece of pseudo-mathematical notation. There is something that looks like a few matrices stuck together added to (with the plus sign) something that resembles the symbol for the natural numbers.
3191
el @elliot.website · 25/02/2025
Canvas program history
A sequence of small outlined images of arrangements of colorful boxes. Each image is connected to the next by a line.
2276
el @elliot.website · 22/02/2025
A strange mixture of warped grid patterns in black sand on a white background.
0193
el @elliot.website · 21/02/2025
a digram consisting of three colored boxes and arrows. One arrow points between corners of the boxes, another arrow points from a corner of a box to the middle of the other arrow, and the last arrow points between the previously mentioned arrows. It doesn't depict anything in particular. Its funky to have arrows pointing at eachother like this.
052
el @elliot.website · 21/02/2025
A screenshot of a two pane page: in the left pain is a code editor containing code relationally describing a diagram consisting of boxes placed above and beside eachother; in the right pane is an instance of that diagram. There are four boxes, each a different color; two of the boxes are placed next to eachother; those two are grouped and the group has a dotted outline around it; one box is centered below the group ; another is only below it, and its x position is explicitely set in the code.
260
el @elliot.website · 20/02/2025
A screenshot of a two pane page: in the left pain is a code editor with a for loop that repeatedly draws an image that is (notably) inlined in the code; in the right pane is the drawn image.
0191
el @elliot.website · 27/01/2025
Chaos game Sierpinski triangle
080
el @elliot.website · 21/01/2025
If we define a discrete plane curve by giving a starting position, an edge length, and a list of nth order curvatures, can we somehow smooth out that curve e.g. come up with a d.p. curve with the same curvatures that passes through the same points but with shorter edge length? A failed attempt:
150
el @elliot.website · 14/01/2025
sand letters
The alphabet, formed by black sand scattered on a white surface
0151
el @elliot.website · 23/12/2024
090
el @elliot.website · 22/12/2024
4548
el @elliot.website · 10/12/2024
visualizing the nth derivative using an osculating curve. inspired by @freya.bsky.social's "Continuity of Splines" and @keenancrane.bsky.social's "Discrete Differential Geometry".
1559
el @elliot.website · 03/12/2024
@sharons.site and I lost. We made a local-only potato image sharing application a while ago. It shared your potato via a hash in the url.
131
el @elliot.website · 20/11/2024
000
el @elliot.website · 20/11/2024
karesansui with pixel sort rake
1115
el @elliot.website · 19/11/2024
copy and paste is working!
4130
el @elliot.website · 14/11/2024
1263
el @elliot.website · 12/11/2024
1398
el @elliot.website · 09/11/2024
Half of a relevant old drawing of mine
A charcoal drawing depicting a butterfly, a hand drawing, a dancer, an eye looking at itself
140
el @elliot.website · 05/11/2024
Math helps me make visual things
1249
el @elliot.website · 01/11/2024
The infinitely zoomable number line I previously made (vezwork.github.io/polylab/dist...) wasn't actually infinitely zoomable because it used floating point numbers to represent the position and zoom. So I made my own numbers to make an actually* infinitely zoomable number line. Debug view
110
el @elliot.website · 31/10/2024
010
el @elliot.website · 10/10/2024
Experimenting with recursive structures
0101
el @elliot.website · 09/10/2024
driving around a Poincaré disk
0233
el @elliot.website · 27/09/2024
nicer edge coloring
040
el @elliot.website · 26/09/2024
Not all edges light up
010