Skip to content

Instantly share code, notes, and snippets.

@azhawkes
Created December 7, 2017 20:39
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save azhawkes/b8ac99dbadb77fb8443a95039ff39958 to your computer and use it in GitHub Desktop.
Save azhawkes/b8ac99dbadb77fb8443a95039ff39958 to your computer and use it in GitHub Desktop.
Fun random LED chart
var columns = 200;
var ticker = document.getElementById("ticker");
for (var i = 0; i < columns; i++) {
addTickerColumn();
}
function addTickerColumn() {
var value = Math.floor(Math.random() * 5);
var column = document.createElement("div");
column.className = "ticker-column";
for (var j = 0; j < 6; j++) {
var cell = document.createElement("div");
if (j < value) {
cell.className = "ticker-cell dark";
} else {
cell.className = "ticker-cell";
}
column.appendChild(cell);
}
ticker.appendChild(column);
}
setInterval(function () {
addTickerColumn();
while (ticker.children.length > columns) {
ticker.removeChild(ticker.firstElementChild);
}
}, 1000);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment