Algoboard v0.1.5 Help

WARNING! Algoboard is in beta, so things can change without warning.

Basic usage 🧮

  1. Download the example input file.
  2. Remove all contestant entries and add new ones.
  3. Modify the configuration settings to your liking
  4. Import the file, and then click "Animate!"

You can use the hash sign (#) at the beginning of a line to create a comment.

Contestant entries 📜

Each contestant entry contains the following pieces of information separated by semicolons (;).

Note: Contestant names cannot begin with a backslash (\). If you want to include a semicolon (;) or begin with a hash sign (#), you must wrap the name in quotation marks ("...").

Order Function Allowed values
1 Sets the contestant's name
 String
2 Sets the contestant's color Any valid CSS background
3 Sets the contestant's initial score Number
4 Sets the contestant's final score Number
5 Sets the contestant's status, only if the autoEliminate configuration setting is set to false safe (default), eliminated, newEliminated, rejoining

Configuration setting reference ⚙ī¸

Use a semicolon (;) to separate the key and value, and prefix a configuration key with a backslash (\).

Key Function Allowed values Default value
background Sets the background of the score block Any valid CSS background black
rankBackground Sets the background of the rank block Any valid CSS background gray
rankText Sets the text color of the rank block Any valid CSS color white
eliminatedColor Sets the text color of the "ELIMINATED" tag Any valid CSS color red
rejoiningColor Sets the text color of the "REJOINING" tag Any valid CSS color lime
font Sets the font for everything except the "ELIMINATED" and "REJOINING" tags Any valid CSS font 500 36px "Cooper Hewitt"
statusTagFont Sets the font for the "ELIMINATED" and "REJOINING" tags Any valid CSS font bold italic 36px "Cooper Hewitt"
boardHeight Sets the height of the board Any valid CSS height 720px
boardWidth Sets the width of the board Any valid CSS width 1280px
barHeight Sets the height of the bars Any valid CSS height 40px
rankWidth Sets the width of the rank block Any valid CSS width 160px
rankPadding Sets the right padding of the rank block Any valid CSS padding 0 40px 0 0 (40px on the right, 0 everywhere else)
boardPadding Sets the padding of the point area Any valid CSS padding 10px 10px 10px 0 (0px on the left, 10px everywhere else)
maxBarWidth Sets a limit for the width of bars Number with px unit 900px
barGap Sets the gap between bars Any valid CSS gap 2px
lang Sets the language for scoreboard text and number formatting BCP 47 language code (lookup) en (English)
beforeIncreaseTime Delay before the animation in milliseconds (1000ms = 1s) Number 0
increaseTime Duration of the bar growth and score increase animation in milliseconds (1000ms = 1s) Number 2500 (2.5s)
afterIncreaseTime Delay after the bar growth and score increase animation in milliseconds (1000ms = 1s) Number 0
rankAdjustmentTime Duration of the bar sorting animation in milliseconds (1000ms = 1s) Number 2500 (2.5s)
afterRankAdjustmentTime Delay after the bar sorting animation in milliseconds (1000ms = 1s). After this, tags are applied. Number 1000 (1s)
autoEliminate Determine who is eliminated automatically Boolean (true or false) true
newEliminations Sets the number of contestants to be newly eliminated Number 1
eliminatedBefore Sets the number of contestants who were eliminated before Number 0

Technical details ℹī¸