TODO:

• Write up how to make one of these things
• hover/highlight effect for selected square
• keep tooltips on the screen
• Add colored indicator for each row showing how long it's been?
• Add Data Table
• Add Calendar view? (https://observablehq.com/@d3/calendar/2?intent=fork)
• Consider putting all quartetroulette pieces in their own tab "Other"?
• Add RSS for playing feed?
• favicon? / safari icon:
  • https://css-tricks.com/emoji-as-a-favicon/
  • https://webhint.io/docs/user-guide/hints/hint-apple-touch-icons/
  • https://mathiasbynens.be/notes/touch-icons
  • https://realfavicongenerator.net/ <-- does everything!
  • https://favicon.io/emoji-favicons/bar-chart
• Revisit colors?
  • http://vrl.cs.brown.edu/color
  • https://projects.susielu.com/viz-palette
  • https://www.learnui.design/tools/data-color-picker.html

DONE

• Add a radio button for "Any"?
• Actually visualize the data (group opuses etc)
• initial composer selection = Haydn
• Nicer tooltip
• Tab Appearance
  • Make active tab more obvious
  • Make tabs look more tab-like
• Add all quartets, whether played or not
• Deploy this to viz.runningwithdata.com/musiclog && update main site index.
• condense date label for sliders to fit on one line. (.toLocaleDateString() instead of toDateString())
• Consider setting initial slider value to 1 year ago.
• Make slider increment in nice dates
• Add total count of quartets played per view
• Add random button that takes into account whether something has been played recently.
• default slider to starting 1YA
• pull in d3v7 dependency for future-proofing