Some teachers like to fill jars with marbles (or other items) as their students meet important goals or do good things. Once the marbles in the jar reach a certain level, the class earns a prize or incentive from the teacher. classjar is a simple static web-app that helps with that.

• Step 1: Create your own copy of this Google Sheet.
  • Avoid changing the column headings (date, size, desc).
• Step 2: Get (copy) a public share link (i.e., "Anyone with the link can view") for your newly copied Google Sheet.
• Step 3: Access the live version of classjar here.
• Step 4: Paste your public share link into the live version of classjar and fill the jar!
• Step 5: Implement, explain, announce reward, change sheet as appropriate (remove demo entries, etc).

• Using a marble jar reward system can sometimes be a helpful classroom management strategy.
  • This strategy is discussed in several popular teacher training manuals (e.g., Teach Like a Champion and First Days of School)
• I thought it would be cool to create a web-app version of the marble jar reward system. Here's what it does:
  • Pulls data from Google Sheet with three columns: date, marble size, and description of positive thing.
  • For each row in the classjar google sheet, the app drops a marble in the jar.
    • Circle (marble) radius set as multiple of size column on Google Sheet.
    • Click on any marble to see more info about how it was earned (date, description of positive thing).
  • It's up to the teacher to decide on an incentive earned when the marbles reach the reward bar (finish line).
• Marbles have physics!
  • If you knock all the marbles out of the jar -- just reload!
• Basically, a data visualizing thing -- Visualize a Google Sheet that tracks positive classroom behaviors as a marble jar!

Jon Morris, frozenburrito

• 0.1
  • It works!

• (major) Texture options for marbles
• (minor) Different jar options, sizes (svgs)
• (minor) Estimate marbles required to reach reward bars
• (major) Customizable reward bars (finish lines) with settable text
  • (major) Settable in Google Sheet
• (minor) Stop bodies escaping pre-defined area

• Matter.js
• public-google-sheets-parser

• Marble Jar Reward System
• Accessing a public google sheet from client-side javascript
• Matter.js bodies escaping from pre-defined area
• Simple favicon generator