Penrose – Create diagrams by typing notation in plain text

How do I see the notation? The diagrams sure look beautiful, but I must be missing something obvious… Thanks!

My MetaPost-ed head hurts a bit while looking at three different files to generate one drawing - can't help it, MetaPost feels like writing in prose. Can't tell if they share the same syntax, but it's interesting that most of it looks like CSS with superpowers

great look, decent code.

examples at https://penrose.cs.cmu.edu/try/?examples each example has three tabs:

    .substance => data
    .style => low level 2d vector art
    .domain => data ranges

heavy lifting done by .style, random fragment:

    forall repeatable Element a; Element b; Element c
    where IsProduct( a, b, c )
    {
       shape productShape = Rectangle {
          center: ( b.u, c.v )
          width: a.width - global.boxPadding
          height: a.height - global.boxPadding
          cornerRadius: 2.0
          fillColor: a.boxColor
       }

       shape productText = Equation {
          string: a.label
          center: productShape.center
          fontSize: "8px"
          fillColor: a.labelColor
       }
    }

Another approach may be https://google.github.io/typograms/

Anyway, I think that mermaid.js have an advantage there in a lot of environments as it is supported by a lot of markdown renderers, I would like that ChatGPT one does that too.

What's wrong with Pic? Been around for decades.