Add Interaction

  • Due Oct 6, 2021 by 11:59pm
  • Points 80
  • Submitting a text entry box or a website url

Please add a menu or other form of interaction to one of your visualization pieces, or create a completely new piece with menus or other interaction.

Please watch these videos to get a sense of how to go about adding a menu and organizing the code to support this:

What you should do:

  • Use the things learned in those 3 videos to either add a menu to one of your visualizations, OR
  • optionally you can use the same patterns and techniques to add some other form of interaction - for example clicking on a bar in a bar chart instead of selecting a menu entry, or hovering over a certain point in time instead of selecting a menu entry. The patterns used for reusable charts and events can be implemented to achieve a wide variety of interactions, so if you have an idea and feel up to it, please go for it!
  • Easiest way (you'll get the least benefit, spend the least time): Fork Viz: Scatter Plot with Menus Including Species Links to an external site. and modify it to show your data.
  • Medium difficulty way: Fork an existing viz that you made, refactor it to use the reusable charts pattern, bring in the menu component developed in the videos, and make it work (e.g. use the menu to select the year that's filtered by, or introduce a menu to select what attribute is used for a given channel).
  • Most difficult way (you'll get the most benefit, spend the most time): Sketch and design the interactive system you want to build on paper, then develop a new thing from scratch (using the patterns from these videos) that implements your design. If this gets you closer to what you proposed to do for your project, go for it! This assignment can be a huge step towards executing your project ideas.

Please

  • Share the link to your work(s) in our Slack channel.
  • Submit the link(s) to your work in VizHub as the Canvas submission.
1633579199 10/06/2021 11:59pm