greenelab / meta-review

Manuscript describing open collaborative writing with Manubot
https://greenelab.github.io/meta-review
Other
48 stars 21 forks source link

Explorable Multiverse Analyses #173

Open agitter opened 5 years ago

agitter commented 5 years ago

Not only does this project look interesting, but their related work section also cites other efforts that be may relevant for our "paper of the future" Discussion section.

https://explorablemultiverse.github.io/

dhimmel commented 5 years ago

From the publication:

We combined a set of existing web frameworks to render academic papers in the browser. We use distill.js2 as a base framework to provide support for transforming BibTEX references into hyperlinks and adding a list of numbered references at the end of the document. The css styling for the acm sigchi format is taken from the Pubcss project3 which enables writing of acm style compliant articles using html and css. Pubcss requires a compilation step to transform the html sources into a pdf which is not desirable for our purposes. We thus developed our own conversion scripts in JavaScript which takes an html document written to be compliant with the distill format as well as the css file from Pubcss and transforms the layout of the distill format such that it appears in the browser window like a paginated pdf in the sigchi format. This custom script also takes care of handling differences between the distill.js format and the acm format to enable restyling for the two template styles.

For handling interaction, we use a customized version of the Tangle4 JavaScript library developed by Bret Victor for his essay on explorable explanations [94]. This library enables in-text widgets, as illustrated in our examples. In addition to updating text, we use Tangle callbacks that update figures by changing their source url. We extended the Tangle library to support additional widgets, such as the choice lists from the example Dataverse. In the Likert example, interaction with figures is enabled using html image-maps.

Source code for their webpage is here.

agitter commented 5 years ago

Cross referencing #47.