How To Insert an Interactive Figure

Authorea Help

Authorea allows you to embed interactive, dynamic, data-driven figures directly into your articles. These could be diagrams from external services like CartoDB or even your own diagrams using a javascript library like d3.jsflotchart, or bokeh.

To begin, open the figure dropdown that shows on hover below any text block and click on Interactive Figure
This will open a popup. Insert the HTML source code for your diagram in the text box, and click on the submit button when it's ready.

Please note that the code you paste here can be an embedded snippet that loads external resources (an iframe, as in the example below), but you can also type in any HTML you want, with external libraries, and load your diagram natively in Authorea.
Assuming your figure is error-free, it should now appear in your article - like the CartoDB map below.