allofphysicsgraph / proofofconcept

Physics Derivation Graph: mathematical connections among equations
https://derivationmap.net/
Other
20 stars 6 forks source link

animated derivation steps #190

Open bhpayne opened 4 years ago

bhpayne commented 4 years ago

Currently a derivation is displayed all at once -- in a PDF, in table format, as a static PNG from graphviz, and as an interactive d3js graph.

An alternative presentation method would be to grow the graph sequentially, one step at a time. An interface that allows the user to move forward and backward through the steps might be easier to digest.

marekyggdrasil commented 4 years ago

I think the most universal way to handle animated graphs would be to implement them as animated SVG files, it also is possible to make them interactive. Some examples in the README of drawSvg library: https://github.com/cduck/drawSvg

This is Python library, but the whole advantage of SVG is actually we do not rely on any particular programming language.

bhpayne commented 4 years ago

Awesome! I hadn't investigated how to implement the animation, so I appreciate the suggestion.

I've been thinking about how to convert the structured steps into a narrative that is distinct from a PDF and leverages the graph representation. While videos are one method, I want to ensure users can go at their own pace.