NOTES.md

Next Steps

To click automatically on the first chunk

d3.selectAll("rect").filter(function(d){
    return d.book==1 && d.chunk == "1-50"
    }).each(function(d,i){
var onClickFunc = d3.select(this).on("click");
onClickFunc.apply(this, [d, i]);
})

Home section

http://www.kodingmadesimple.com/2015/09/twitter-bootstrap-jumbotron-background-image-responsive.html

About section

• author + context (online conversation with...)
• point to to code also for bug reporting
• acknowledge the text of the Aeneid by Perseus and thank JSTOR for the data

Old stuff

• install and try the template engine mustache https://github.com/janl/mustache.js

• do grouping/sorting in the notebook:

  • group by line and then by article
  • sort the articles by year (ascending)
  • sort lines (ascending)

• test Bootstrap accordion and turn it into a Mustache template

• listen to the shown event of the accordion (as explained here http://getbootstrap.com/javascript/#collapse-events) to call the ScrollTo.

• change orientation of tooltip according to position in the heatmap

• https://github.com/flesler/jquery.scrollTo

• use bootstrap notifications for key events in the interface

• work on the display of results

• get text of Aeneid from .xml file instead of CTS API

• implement click-event on heatmap => highlights text on middle column

• get dropdown filter to work (re-draw index)

• add scroll to columns

how the visualisation should work

main functions:

1. create index (heatmap, left column); allow for filtering the type of counts to be displayed ("all"|"quotations"|"references")
2. load text from json (middle column)
3. display results (right column)

Text display:

• text divided into chunks (can then be mapped to divs); each chunk/div has a URN-like id
• (IDEA): colour the lines of text based on the number of references/quotations they have. Need to group them by line

Results display:

• use one or more accordions to let the user dig into the results
• group by quoted/referenced line, then group by papers
• use bootstrap badges to indicate the number of elements in a given accordion

Useful links/resources

• for tooltips in d3.js see => http://labratrevenge.com/d3-tip/
• for the implementation of heatmaps in d3 follow => http://bl.ocks.org/tjdecke/5558084