create beautiful diagrams just by typing mathematical notation in plain text

Pittsburgh
Joined April 2021
Penrose is an open-source tool for making beautiful diagrams from any domain of knowledge. Want help using it? Want to help us build it? Or just want to talk about diagramming in general? Come chat with us on @Discord at discord.gg/a7VXJU4dfR. Anyone & everyone is welcome!
1
39
4
259
47,750
Replying to @OpenAI
@OpenAI's new 4o image generation is pretty amazing. It also fails on some utterly basic tasks. Maybe a good metaphor for how easily we can be misled by algorithms based largely on fitting empirical data (i.e., machine learning) rather than deductive reasoning. @UsePenrose
1
9
2
68
5,091
talked about diagrams and defended my thing today 🎓 thanks for friends who joined in person & on zoom!
7
6
106
7,419
took the idea of “run the layout optimizer again when interacting with the diagram” pretty far this summer. Bloom is a React library for interactive diagrams. It lets you reuse the diagram styling just like Penrose, but in a general-purpose programming language.
3
13
74
5,938
Great work by the @UsePenrose team building Bloom: a lightweight way to make interactive diagrams: penrose.cs.cmu.edu/blog/bloo… All coordinates are automatically figured out by the Penrose layout engine, and diagram specifications can be re-used for different content (like HTML/CSS).
8
195
5
1,328
107,692
A standard way to draw planar graphs is to draw nodes as dots and edges as line segments. But the Koebe–Andreev–Thurston theorem also shows that any planar graph can be visualized by drawing nodes as circular disks, which are tangent if they share an edge:
9
78
10
503
39,256
Q: How do you quickly multiply multi-digit numbers? A: Draw a diagram! Just draw a line for each 10's and 1's digit of the two factors, and count the number of crossings to get the 100's (yellow), 10's (blue), and 1's (red) digits of the product! Drawn here using @UsePenrose.
The Japanese multiplication method makes everybody feel "I wish they taught math like this in school." It's not just a cute visual tool: it illuminates how and why long multiplication works. Here is the full story.
Readers added context they thought people might want to know
現行の日本教育では、この掛け算の方法は教えていません。以前この方法が日本でもインド式掛け算と話題になっていました。実際はどこの国で教えられているのでしょうか? nlab.itmedia.co.jp/nl/articles/14… Current Japanese education does not teach this method of multiplication. This method was once talked about as Indian-style multiplication in Japan. Where is it actually taught? nlab.itmedia.co.jp/nl/articles/14…
1
8
2
33
5,387
In a moment nobody was waiting for, I've released meshes from Mark Kilgard's classic OpenGL / GLUT demo "dinoshade.c": cs.cmu.edu/~kmcrane/Projects… The image below re-imagines this example as a vectorized SVG generated in @UsePenrose—read how it was done here! github.com/penrose/penrose/t…
1
9
1
92
12,216
penrose.cs.cmu.edu/ Penrose (now released) is promising looking domain-specific language for scientific figures that isn't bogged down by decades of tech-debt (cf Tikz/tex) Esp like the .style/.substance/.domain division, makes iteration easy (e.g. shape in 2, 'Pipe' in 3)
1
15
2
90
13,323
Tired of making the same kind of diagrams over and over by hand (e.g., in PowerPoint)? The @UsePenrose team has been working away on Penrose 3.0, an automated notation-to-diagram tool, finally released today! Check it out here: penrose.cs.cmu.edu/blog/v3
4
72
2
381
45,621
The winding number of a polygon is, quite literally, the number of times a polygon "winds" around a given point x. It can be used for inside/outside tests by just summing the angles made by each (oriented) edge: zero if x is outside, ±2π if x is inside. [Made with @UsePenrose.]
2
21
1
141
36,137
Animation of how the winding number changes as the center point x moves inside/outside a shape. Notice how the signed angle of an edge suddenly jumps from +π to -π (or vice versa) as x crosses an edge, changing the total signed angle by ±2π. [Made with @UsePenrose]
The winding number of a polygon is, quite literally, the number of times a polygon "winds" around a given point x. It can be used for inside/outside tests by just summing the angles made by each (oriented) edge: zero if x is outside, ±2π if x is inside. [Made with @UsePenrose.]
2
21
1
152
24,843
Thanks to @sgestep, we squashed a 4+ year old bug in @UsePenrose that makes it *asymptotically* faster! 🪲 Pro tip: if you're using L-BFGS to avoid building a dense matrix… don't build the dense matrix!! Try the new, way faster version of Penrose here: penrose.cs.cmu.edu/try/
2
11
118
12,604
What's the best way to pack N circles into a square? Using less than 20 lines of code in @UsePenrose, we can reproduce the best-known solutions ever found: en.wikipedia.org/wiki/Circle… Try it out for yourself! penrose.cs.cmu.edu/try/?gist…
5
69
2
412
66,472
You can perfectly pack 16 unit squares into a larger 4x4 square. But what’s the smallest square that can contain 17 squares? Check out this thread for an interactive exploration, via @UsePenrose!
Replying to @keenanisalive
[19/n] And keep on going—how low can we go? Warning: if you make it too small, the optimization may go on forever and freeze your tab! Sorry about that. You can also slow down the optimization to a step size of 1 to see how it works:
1
3
31
9,340
[1/n] There's been a lot of hubbub lately about the best known packing of 17 unit squares into a larger square, owing to this post: xitter.cf/KangarooPhysics/status… I realized this can be coded up in < 5 minutes in the browser via @UsePenrose, and gave it a try. Pretty darn close! 🧵
The optimal known packing of 17 equal squares into a larger square - i.e. the arrangement which minimises the size of the large square.
7
64
4
449
147,747
Happy birthday to Don Knuth! Knuth received the 1974 #ACMTuringAward for his major contributions to the analysis of #algorithms and the design of #programming languages. Watch this video where Knuth discusses the origins & motivations of the TeX project: bit.ly/3IVls6D
2
73
8
282
27,173
A pool player who works on @UsePenrose must do Made with Penrose™ pool diagrams. Gave a talk about pool yesterday in the @S3DatCMU weekly seminar to show how a pool player plans their shots.
2
3
3
25
Little experiment with direct editing in @UsePenrose. The beauty of Penrose is that it automatically generates diagrams for you, from simple CSS-like code. But what if you want to make some small tweaks—while respecting constraints? We're working on it… penrose.cs.cmu.edu/siggraph2…
1
17
1
103