4 ms·

Glisp: Graphical Lisp

246 points by lioeters 2y ago

jll29 2y ago
The project's GitHub page has a few more details about GLisp: https://github.com/baku89/glisp https://github.com/baku89/glisp
- WillAdams 2y ago
  Should this work in Microsoft Edge? Could it possibly be extended to have support for METAFONT style pens?
lioeters 2y ago
More info here, mostly in Japanese with auto-translate option: https://scrapbox.io/glisp/ https://scrapbox.io/glisp/ What is Glisp? https://scrapbox.io/glisp/Glisp%E3%81%A8%E3%81%AF%3F https://scrapbox.io/glisp/Glisp%E3%81%A8%E3%81%AF%3F
- lproven 2y ago
  I tried to put both of these through Google Translate, both in-page (via the Chrome extension and "Translate this page") and by posting the URLs into `translate.google.com`. Neither worked. If anyone has links to working methods, I'd love to see them.
fuzzy_biscuit 2y ago
If not already taken, GRAphical liSP (grasp) would also have been a fun name!
- DonaldFisk 2y ago
  It's been already taken: https://en.wikipedia.org/wiki/Graphics_Animation_System_for_Professionals https://en.wikipedia.org/wiki/Graphics_Animation_System_for_... Glisp is impressive stuff though: similar to the programs shown in Bret Victor's Inventing on Principle talk.
eterps 2y ago
Reminds me of: https://docs.racket-lang.org/quick/index.html https://docs.racket-lang.org/quick/index.html
chaosprint 2y ago
Great project. I am mostly impressed that Glisp provides a great experience of reversely modifying code by dragging the ui. Personally, I really agree with the philosophy of code for design. I often feel that code is more useful than gui in many cases. I developed Glicol (https://glicol.org https://glicol.org) for live composition and sound design so that I don't need to open DAW for music improvisation. In addition, I have always thought that there should be a better way to make slides. I have tried revealjs and now use remark, but I hope there will be a simpler way to achieve programmatic specification like keynote magic move. Btw, I am also very curious about the philosophical comparison between Glisp and the LOGO language https://en.wikipedia.org/wiki/Logo_(programming_language) https://en.wikipedia.org/wiki/Logo_(programming_language)
- convolvatron 2y ago
  this looks alot more like an SVG in s-expressions
- montyanderson 2y ago
  wow, <3 your livecoding language!
- chaosprint 2y ago
  forget to mention, the new logo of glicol is also designed with js code: https://github.com/glicol/glicol-logo/blob/main/index.html https://github.com/glicol/glicol-logo/blob/main/index.html perhaps it can be even cleaner with lisp
- williamcotton 2y ago
  I think there is room for textual code and visual code to co-exist. I've also been working on a project recently that works as a bidirectional binding between textual shell pipelines and GUI representations of those commands, allowing for text and settings from either the text or the GUI to update one another. It also features output after each command to aid in debugging and with various formats depending on the output type, eg JSON vs CSV. I'd love any and all feedback! https://github.com/williamcotton/guish https://github.com/williamcotton/guish
frogulis 2y ago
Very similar to https://100r.co/site/ronin.html https://100r.co/site/ronin.html Has anybody used both in anger?
notarobot123 2y ago
I love to see this kind of design environment where the written language is alongside interactive elements but also accessible. It creates the basis for intuitive and self-directed discovery of the code's meaning and capabilities. These screenshots do a good job of showing more of what's possible[0] [0] -https://scrapbox.io/glisp/%E3%82%BF%E3%82%A4%E3%83%A0%E3%83%A9%E3%82%A4%E3%83%B3%E6%A9%9F%E8%83%BD https://scrapbox.io/glisp/%E3%82%BF%E3%82%A4%E3%83%A0%E3%83%...
- lioeters 2y ago
  The timeline feature looks great. As another person mentioned, it reminds me of Bret Victor's demos. Here's another feature, user-defined shapes, with nice screen captures to demonstrate the possibilities. https://scrapbox.io/glisp/%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%E5%AE%9A%E7%BE%A9%E3%82%B7%E3%82%A7%E3%82%A4%E3%83%97 https://scrapbox.io/glisp/%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%...
paddy_m 2y ago
I built something somewhat similar where I manipulate pandas dataframes through a gui [1]. The gui emits json-flavored lisp [2] (replaced parens with json square braces) which is then interpreted through two interpreters which have the same functions loaded in. One interpreter modifies the dataframe, the other emits python code that performs the exact same manipulation, so you can copy and paste the python code. The user never sees JLisp, but it is there under the covers. This works hand in hand with autocleaning that looks at a dataframe and suggests jlisp cleaning commands. [1] https://youtu.be/GPl6_9n31NE?si=JJPtk6K6FNX0sboi&t=603 https://youtu.be/GPl6_9n31NE?si=JJPtk6K6FNX0sboi&t=603 [2] jlisp.py, based on Peter Norvig's lispy with a reader modified to accept JSON

246 points by lioeters 2y ago

The project's GitHub page has a few more details about GLisp: https://github.com/baku89/glisp https://github.com/baku89/glisp

WillAdams 2y ago
Should this work in Microsoft Edge? Could it possibly be extended to have support for METAFONT style pens?

lioeters 2y ago

More info here, mostly in Japanese with auto-translate option: https://scrapbox.io/glisp/ https://scrapbox.io/glisp/ What is Glisp? https://scrapbox.io/glisp/Glisp%E3%81%A8%E3%81%AF%3F https://scrapbox.io/glisp/Glisp%E3%81%A8%E3%81%AF%3F

lproven 2y ago
I tried to put both of these through Google Translate, both in-page (via the Chrome extension and "Translate this page") and by posting the URLs into `translate.google.com`. Neither worked. If anyone has links to working methods, I'd love to see them.

fuzzy_biscuit 2y ago

If not already taken, GRAphical liSP (grasp) would also have been a fun name!

DonaldFisk 2y ago
It's been already taken: https://en.wikipedia.org/wiki/Graphics_Animation_System_for_Professionals https://en.wikipedia.org/wiki/Graphics_Animation_System_for_... Glisp is impressive stuff though: similar to the programs shown in Bret Victor's Inventing on Principle talk.

eterps 2y ago

Reminds me of: https://docs.racket-lang.org/quick/index.html https://docs.racket-lang.org/quick/index.html

chaosprint 2y ago

Great project. I am mostly impressed that Glisp provides a great experience of reversely modifying code by dragging the ui. Personally, I really agree with the philosophy of code for design. I often feel that code is more useful than gui in many cases. I developed Glicol (https://glicol.org https://glicol.org) for live composition and sound design so that I don't need to open DAW for music improvisation. In addition, I have always thought that there should be a better way to make slides. I have tried revealjs and now use remark, but I hope there will be a simpler way to achieve programmatic specification like keynote magic move. Btw, I am also very curious about the philosophical comparison between Glisp and the LOGO language https://en.wikipedia.org/wiki/Logo_(programming_language) https://en.wikipedia.org/wiki/Logo_(programming_language)

convolvatron 2y ago
this looks alot more like an SVG in s-expressions
montyanderson 2y ago
wow, <3 your livecoding language!
chaosprint 2y ago
forget to mention, the new logo of glicol is also designed with js code: https://github.com/glicol/glicol-logo/blob/main/index.html https://github.com/glicol/glicol-logo/blob/main/index.html perhaps it can be even cleaner with lisp
williamcotton 2y ago
I think there is room for textual code and visual code to co-exist. I've also been working on a project recently that works as a bidirectional binding between textual shell pipelines and GUI representations of those commands, allowing for text and settings from either the text or the GUI to update one another. It also features output after each command to aid in debugging and with various formats depending on the output type, eg JSON vs CSV. I'd love any and all feedback! https://github.com/williamcotton/guish https://github.com/williamcotton/guish

frogulis 2y ago

Very similar to https://100r.co/site/ronin.html https://100r.co/site/ronin.html Has anybody used both in anger?

notarobot123 2y ago

I love to see this kind of design environment where the written language is alongside interactive elements but also accessible. It creates the basis for intuitive and self-directed discovery of the code's meaning and capabilities. These screenshots do a good job of showing more of what's possible[0] [0] -https://scrapbox.io/glisp/%E3%82%BF%E3%82%A4%E3%83%A0%E3%83%A9%E3%82%A4%E3%83%B3%E6%A9%9F%E8%83%BD https://scrapbox.io/glisp/%E3%82%BF%E3%82%A4%E3%83%A0%E3%83%...

lioeters 2y ago
The timeline feature looks great. As another person mentioned, it reminds me of Bret Victor's demos. Here's another feature, user-defined shapes, with nice screen captures to demonstrate the possibilities. https://scrapbox.io/glisp/%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%E5%AE%9A%E7%BE%A9%E3%82%B7%E3%82%A7%E3%82%A4%E3%83%97 https://scrapbox.io/glisp/%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%...

paddy_m 2y ago

I built something somewhat similar where I manipulate pandas dataframes through a gui [1]. The gui emits json-flavored lisp [2] (replaced parens with json square braces) which is then interpreted through two interpreters which have the same functions loaded in. One interpreter modifies the dataframe, the other emits python code that performs the exact same manipulation, so you can copy and paste the python code. The user never sees JLisp, but it is there under the covers. This works hand in hand with autocleaning that looks at a dataframe and suggests jlisp cleaning commands. [1] https://youtu.be/GPl6_9n31NE?si=JJPtk6K6FNX0sboi&t=603 https://youtu.be/GPl6_9n31NE?si=JJPtk6K6FNX0sboi&t=603 [2] jlisp.py, based on Peter Norvig's lispy with a reader modified to accept JSON