ROUGH DRAFT authorea.com/17515
Main Data History
Export
Show Index Toggle 2 comments
  •  Quick Edit
  • How to include d3.js visualizations in your articles

    D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life. Authorea fully supports D3.js so that you can include fancy, dynamic, interactive visualizations in your Authorea documents.

    Adding a D3.js figure in your document could not be simpler: open the figure dropdown that shows on hover below any text block and click on Interactive Figure.

    A popup opens. Insert in the text box the HTML source code for your diagram, and click on the submit button when it’s ready. Done! Your d3.js should now magically appear, as in the figure below (click inside the image to play with it).

    Note: for security reasons, you have to include all your data and CSS in the JS file or load it from URLs on https. Also- please load all d3 and related resources from CDNs on secure sites (https), such as https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.3/d3.min.js .