数式を入力するだけで美しいダイアグラムを作ってくれる、Penrose…とは？

こんにちは、Choimirai School のサンミンです。

0  はじめに

カーネギーメロン大学の研究チームから新しいツールの紹介です。その名は、Penrose。

数式を入力するだけで美しいダイアグラムを作成してくれる、Penrose↓。まだ一般には公開されてないけど、数学や物理を含め、色んな概念を理解するのに大変役立つと思う。Early Access に申し込んだ📝。pic.twitter.com/muS5WAAqpG

— Sangmin @ChoimiraiSchool (@gijigae) June 4, 2020

まだ一般には公開してないようですが、とても面白いコンセプトですので今回の note で紹介させていただきます。

1  Penrose とは？

Penrose

開発チームのメンバーがツイートで呟いたように、ダイアグラムが作れるツールは既にたくさんあります。しかし、自分のテイストにあうダイアグラムを作るのは手間のかかる作業です。

There are a ton of great tools for making diagrams, but we found ourselves always either spending a long time drawing them in a graphical interface, or meticulously tweaking coordinates in code. (This timelapse from Adobe Illustrator is sped up 100x.) pic.twitter.com/DxKNjPumrd

— Katherine Ye (@hypotext) June 3, 2020

一方で、Penrose は数式を書いてダイアグラムの関係を指定するだけで、綺麗なダイアグラムを全部描いてくれるという優れものです。

As a simple example, let's make a Venn diagram. In Penrose, we can just write some code like this:

Set A, B
Intersecting(A, B)
Set C := Intersection(A, B)
Label A $\text{Circles}$
Label B $\text{Diagrams}$
Label C $\text{Venn Diagrams}$

Hit go, and we get this picture. pic.twitter.com/y5eGYp9TcS

— Katherine Ye (@hypotext) June 3, 2020

HTML のようなコードを書くことで必要なダイアグラムを簡単に手に入れることが出来る。IDEも提供するということですので、楽しみです。

What we’ve written here is sort of like the “HTML” for our diagram, which specifies the content. If we want to tweak the way it looks—or even its visual representation—we can also edit some CSS-like code. pic.twitter.com/F74HpplJTX

— Katherine Ye (@hypotext) June 3, 2020

2  SIGGRAPH2020での発表

Penrose は SIGGRAPH2020 でも発表されるようです。論文の詳細はこちらのページ↓を参考にしてください。

Penrose: from mathematical notation to beautiful diagrams

3  ソースコード（Github）

Penrose のソースコードは Github で確認することが出来ます。

penrose/penrose

4  Early Access

まだ一般向けの公開はしてないようです。Early Access への申し込みを受け付け▼ていますので、ご興味のある方はぜひ。

5  まとめ

コードを書いてダイアグラムを作るのは、数学や物理だけでなく様々なごとを可視化するのに大変役立つと思っています。ご興味のある方は、ぜひ Early Access へ申し込んでください。