Store users' comments to data points in d3js graphs

Question

We need to find or build from scratch a tool, that will collect users' feedback on graphs they look at. Scientists commenting some obtained distributions is a typical example. Generally speaking, this should be some kind of collective discussion layer for d3js

I guess, that this idea is not new, and I even saw kind of prototype a couple of years ago. Can anyone point to possible existing solutions or maybe frameworks that might be helpful?

Simplest use case - Bob sees d3js scatterplot and observes the strange outlier A on the upper left corner. He clicks on it and writes a comment - 'Was all conditions normal for this observation?'. When John enters the system and clicks on A, he can read the comment and reply smth like 'That's just my cat who ran over keyboard'.

This logic can have lots of extensions, so it's better to use an existing tool.

Answer 1

For those interested, I finally found what I've been looking for -

This is the concept - http://courses.cs.washington.edu/courses/cse512/14wi/lectures/CSE512-Collaboration.pdf and here is prototype - sense.us

Answer 2

If the comment have to be done ON a point, you could think to organize data in a json such as

{
  "x":10, 
  "y":20, 
  "comments":[
               {
               "name":"Bob", 
               "content":"Was all conditions normal for this observation?",
               "replies":[
                           {
                            "name":"John",
                            "content":"That's just my cat who ran over keyboard",
                            "replies":null
                            }
                         ]
               },
               {
               "name":"indy", 
               "content":"ok for me",
               "replies":null
               }
             ]
}

so that the "comments" section can be filled by clicking the point (let's say a circle), in a way like

d3.selectAll("circle") // data are already bind here providing the d.x and d.y values
  .on("click",funtion(d){
      d3.select("#node_where_I_want_the_comment_form")
        .append("form") //... the user sets name and content
})

and then setting d.comment= with the name and the contents. It is not straightforward, but I suggest to use https://www.mongodb.org/ to store this kind of schemaless data. Look:

http://docs.mongodb.org/ecosystem/use-cases/storing-comments/