Mariano Guerra11/18/2022, 9:15 AM
Diagrams are crucial for communication and learning in STEM fields. Creating them involves repeated patterns, consistent components, exact positioning, and, ideally, user interaction. A programming language has right the tools to do all of the above, but much of its power is only available to career programmers, gated behind the complexity of things like SVG, CSS, JS, and handling user input.
Diagrammar is a tool for creating interactive diagrams, that aims to be much simpler, while retaining the power of a full programming language (Elm). It was designed for making online STEM courses at Brilliant, and we make full use of this power: parametric reusable diagrams, authors sharing toolkits and styles, precise positioning -- and any diagram can be interactive!
In this talk, I will give you a quick tour of Diagrammar and its primitives, share ideas for designing simple, learnable tools, and tell you what we've learned from authors creating thousands of diagrams across dozens of courses.
Ivan Reese11/18/2022, 3:25 PM
Lorand Kedves11/18/2022, 6:01 PM
Ivan Reese11/18/2022, 6:03 PM
Lorand Kedves11/18/2022, 6:06 PM
Ivan Reese11/18/2022, 6:13 PM
Lorand Kedves11/18/2022, 6:16 PM
Giskard Reventlov11/20/2022, 7:49 AM
Kartik Agaram11/20/2022, 11:45 PM
Lorand Kedves11/21/2022, 1:06 PM