Difference between revisions of "WebFund 2016W: Tutorial 9"

From Soma-notes
Jump to navigation Jump to search
Line 8: Line 8:
==Extending interactive-graphs==
==Extending interactive-graphs==


* Add a radio selector to choose the sort order, either alphabetical or by frequency.
# Add a radio selector to choose the sort order, either alphabetical or by frequency.
* Make the word sorting be case-insensitive, so "Three" comes after "apple".
# Make the word sorting be case-insensitive, so "Three" comes after "apple".
* Add a second textbox to be analyzed.  Call one "A" and the other "B".  The graph should then have two datasets, one for "A" and one for "B".  Change the sort radio selector to have three options: alphabetical, A's frequency, and B's frequency.
# Add a second textbox to be analyzed.  Call one "A" and the other "B".  The graph should then have two datasets, one for "A" and one for "B".  Change the sort radio selector to have three options: alphabetical, A's frequency, and B's frequency.


==Completing the Tutorial==
==Completing the Tutorial==


To successfully complete this tutorial,
To successfully complete this tutorial,

Revision as of 18:44, 20 March 2016

This tutorial is still in development.

In this tutorial you will be playing with interactive-graphs, a single-page web application that graphs word frequencies.

Understanding interactive-graphs

Extending interactive-graphs

  1. Add a radio selector to choose the sort order, either alphabetical or by frequency.
  2. Make the word sorting be case-insensitive, so "Three" comes after "apple".
  3. Add a second textbox to be analyzed. Call one "A" and the other "B". The graph should then have two datasets, one for "A" and one for "B". Change the sort radio selector to have three options: alphabetical, A's frequency, and B's frequency.

Completing the Tutorial

To successfully complete this tutorial,