liberaldart / spaced-repetition

Use spaced repetition to learn
0 stars 0 forks source link

Feature-UI: Make concentric circles and bubbles #2

Open aksinghdce opened 7 years ago

aksinghdce commented 7 years ago

User Stories:

  1. API to create multiple concentric circles.
  2. API to create bubbles by default in the outermost concentric circle.
  3. API to move bubbles from one concentric circle to another concentric circle.
  4. API to change the color of a bubble.
  5. API to connect bubbles.
  6. API to change the size of bubbles.
  7. bubble should be clickable.
aksinghdce commented 7 years ago

There are some d3.js samples that we can employ in this regard. Please review and comment in favour of one of these options:

http://bl.ocks.org/mbostock/1005873

This one is not circular. It has horizontal sections that can be zoomed into.

aksinghdce commented 7 years ago

Use http://bl.ocks.org/mbostock/2706022 to represent tasks and the associated subtasks. Finally put these in concentric circles.