Skip to content

Commit

Permalink
Resize cells to add realism
Browse files Browse the repository at this point in the history
  • Loading branch information
@nathancarter
nathancarter committed Mar 20, 2020
1 parent 9c5cfdf commit df4a594
Show file tree
Hide file tree
Showing 5 changed files with 162 additions and 162 deletions.
60 changes: 30 additions & 30 deletions melt.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,9 +5,9 @@
window.addEventListener( 'load', function () {
addBoxes(
'First', 1, 0, 1, 0,
'Last', 2, 0, 2, 0,
'variable', -1000, 0, 3, 0,
'value', -1000, 0, 4, 0,
'Last', 2, 0, 2, 0, { w1 : 2, w2 : 2 },
'variable', -1000, 0, 4, 0,
'value', -1000, 0, 5, 0,
'', 0, 0, 0, 0,
'3', 0, 3, 0, 4,
'4', 0, 3, 0, 5,
Expand All @@ -21,15 +21,15 @@
);
setColor( '#ffdddd' );
addBoxes(
'SAT', 3, 0, 3, 1,
'SAT', 3, 0, 3, 2,
'SAT', 3, 0, 3, 3,
'ACT', 4, 0, 3, 4,
'ACT', 4, 0, 3, 5,
'ACT', 4, 0, 3, 6,
'GPA', 5, 0, 3, 7,
'GPA', 5, 0, 3, 8,
'GPA', 5, 0, 3, 9,
'SAT', 4, 0, 4, 1,
'SAT', 4, 0, 4, 2,
'SAT', 4, 0, 4, 3,
'ACT', 5, 0, 4, 4,
'ACT', 5, 0, 4, 5,
'ACT', 5, 0, 4, 6,
'GPA', 6, 0, 4, 7,
'GPA', 6, 0, 4, 8,
'GPA', 6, 0, 4, 9,
);
setColor( '#dddddd' );
addBoxes(
Expand All @@ -45,33 +45,33 @@
);
setColor( '#dddddd' );
addBoxes(
'Smith', 2, 1, 2, 1,
'Sully', 2, 2, 2, 2,
'Smart', 2, 3, 2, 3,
'Smith', 2, 1, 2, 4,
'Sully', 2, 2, 2, 5,
'Smart', 2, 3, 2, 6,
'Smith', 2, 1, 2, 7,
'Sully', 2, 2, 2, 8,
'Smart', 2, 3, 2, 9,
'Smith', 2, 1, 2, 1, { w1 : 2, w2 : 2 },
'Sully', 2, 2, 2, 2, { w1 : 2, w2 : 2 },
'Smart', 2, 3, 2, 3, { w1 : 2, w2 : 2 },
'Smith', 2, 1, 2, 4, { w1 : 2, w2 : 2 },
'Sully', 2, 2, 2, 5, { w1 : 2, w2 : 2 },
'Smart', 2, 3, 2, 6, { w1 : 2, w2 : 2 },
'Smith', 2, 1, 2, 7, { w1 : 2, w2 : 2 },
'Sully', 2, 2, 2, 8, { w1 : 2, w2 : 2 },
'Smart', 2, 3, 2, 9, { w1 : 2, w2 : 2 },
);
setColor( '#ddddff' );
addBoxes(
'123', 3, 1, 4, 1,
'234', 3, 2, 4, 2,
'345', 3, 3, 4, 3
'123', 4, 1, 5, 1,
'234', 4, 2, 5, 2,
'345', 4, 3, 5, 3
);
setColor( '#ddffdd' );
addBoxes(
'456', 4, 1, 4, 4,
'567', 4, 2, 4, 5,
'678', 4, 3, 4, 6
'456', 5, 1, 5, 4,
'567', 5, 2, 5, 5,
'678', 5, 3, 5, 6
);
setColor( '#ffffdd' );
addBoxes(
'2.0', 5, 1, 4, 7,
'3.0', 5, 2, 4, 8,
'4.0', 5, 3, 4, 9
'2.0', 6, 1, 5, 7,
'3.0', 6, 2, 5, 8,
'4.0', 6, 3, 5, 9
);
} );
</script>
Expand Down
60 changes: 30 additions & 30 deletions pivot-table.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,14 +5,14 @@
window.addEventListener( 'load', function () {
addBoxes(
'First', 1, 0, 0, 2,
'Last', 2, 0, 1, 2,
'Customer', 3, 0, 1, 1,
'Sale', 4, 0, 2, 0, { w2 : 2 },
'Last', 2, 0, 1, 2, { w1 : 2, w2 : 2 },
'Customer', 4, 0, 1, 1, { w1 : 2, w2 : 2 },
'Sale', 6, 0, 3, 0, { w2 : 4 },
'', 0, 0, -1000, 0,
'', -1000, 0, 2, 2,
'', -1000, 0, 3, 2,
'', -1000, 0, 3, 2, { w2 : 2 },
'', -1000, 0, 5, 2, { w2 : 2 },
'', -1000, 0, 0, 0,
'', -1000, 0, 1, 0,
'', -1000, 0, 1, 0, { w2 : 2 },
'', -1000, 0, 0, 1,
'0', 0, 1, -1000, 1,
'1', 0, 2, -1000, 1,
Expand All @@ -23,38 +23,38 @@
);
setColor( '#dddddd' );
addBoxes(
'Abe', 1, 1, 0, 3,
'Abe', 1, 2, 0, 3,
'Abe', 1, 3, 0, 3,
'Amy', 1, 4, 0, 4,
'Amy', 1, 5, 0, 4,
'Amy', 1, 6, 0, 4,
'Amy', 1, 1, 0, 3,
'Amy', 1, 2, 0, 3,
'Amy', 1, 3, 0, 3,
'Bob', 1, 4, 0, 4,
'Bob', 1, 5, 0, 4,
'Bob', 1, 6, 0, 4,
);
addBoxes(
'Axel', 2, 1, 1, 3,
'Axel', 2, 2, 1, 3,
'Axel', 2, 3, 1, 3,
'Arnt', 2, 4, 1, 4,
'Arnt', 2, 5, 1, 4,
'Arnt', 2, 6, 1, 4,
'Smith', 2, 1, 1, 3, { w1 : 2, w2 : 2 },
'Smith', 2, 2, 1, 3, { w1 : 2, w2 : 2 },
'Smith', 2, 3, 1, 3, { w1 : 2, w2 : 2 },
'Jones', 2, 4, 1, 4, { w1 : 2, w2 : 2 },
'Jones', 2, 5, 1, 4, { w1 : 2, w2 : 2 },
'Jones', 2, 6, 1, 4, { w1 : 2, w2 : 2 },
);
setColor( '#ddddff' );
addBoxes(
'X Co.', 3, 1, 2, 1,
'Y Inc.', 3, 2, 3, 1,
'X Co.', 3, 3, 2, 1,
'Y Inc.', 3, 4, 3, 1,
'X Co.', 3, 5, 2, 1,
'Y Inc.', 3, 6, 3, 1,
'Facebook', 4, 1, 3, 1, { w1 : 2, w2 : 2 },
'Amazon', 4, 2, 5, 1, { w1 : 2, w2 : 2 },
'Facebook', 4, 3, 3, 1, { w1 : 2, w2 : 2 },
'Amazon', 4, 4, 5, 1, { w1 : 2, w2 : 2 },
'Facebook', 4, 5, 3, 1, { w1 : 2, w2 : 2 },
'Amazon', 4, 6, 5, 1, { w1 : 2, w2 : 2 },
);
setColor( '#ddffdd' );
addBoxes(
'39', 4, 1, 2, 3,
'68', 4, 2, 3, 3,
'10', 4, 3, 2, 3,
'93', 4, 4, 3, 4,
'85', 4, 5, 2, 4,
'0', 4, 6, 3, 4,
'39', 6, 1, 3, 3, { w2 : 2 },
'68', 6, 2, 5, 3, { w2 : 2 },
'10', 6, 3, 3, 3, { w2 : 2 },
'93', 6, 4, 5, 4, { w2 : 2 },
'85', 6, 5, 3, 4, { w2 : 2 },
'20', 6, 6, 5, 4, { w2 : 2 },
);
} );
</script>
Expand Down
48 changes: 24 additions & 24 deletions pivot.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,46 +4,46 @@
<script>
window.addEventListener( 'load', function () {
addBoxes(
'Name', 1, 0, 0, 1,
'Day', 2, 0, 0, 0,
'Sales', 3, 0, -1000, 0,
'Name', 1, 0, 0, 1, { w1: 2, w2: 2 },
'Day', 3, 0, 0, 0, { w1: 2, w2: 2 },
'Sales', 5, 0, -1000, 0,
'0', 0, 1, -1000, 0,
'1', 0, 2, -1000, 0,
'2', 0, 3, -1000, 0,
'3', 0, 4, -1000, 0,
'4', 0, 5, -1000, 0,
'5', 0, 6, -1000, 0,
'', -1000, 0, 1, 1,
'', -1000, 0, 2, 1,
'', -1000, 0, 3, 1,
'', -1000, 0, 2, 1, { w2: 2 },
'', -1000, 0, 4, 1, { w2: 2 },
'', -1000, 0, 6, 1, { w2: 2 },
'', 0, 0, -1000, 0,
);
setColor( '#dddddd' );
addBoxes(
'Abe', 1, 1, 0, 2,
'Abe', 1, 2, 0, 2,
'Abe', 1, 3, 0, 2,
'Amy', 1, 4, 0, 3,
'Amy', 1, 5, 0, 3,
'Amy', 1, 6, 0, 3,
'Amy Smith', 1, 1, 0, 2, { w1: 2, w2: 2 },
'Amy Smith', 1, 2, 0, 2, { w1: 2, w2: 2 },
'Amy Smith', 1, 3, 0, 2, { w1: 2, w2: 2 },
'Bob Jones', 1, 4, 0, 3, { w1: 2, w2: 2 },
'Bob Jones', 1, 5, 0, 3, { w1: 2, w2: 2 },
'Bob Jones', 1, 6, 0, 3, { w1: 2, w2: 2 },
);
setColor( '#ddddff' );
addBoxes(
'Mon', 2, 1, 1, 0,
'Tue', 2, 2, 2, 0,
'Wed', 2, 3, 3, 0,
'Mon', 2, 4, 1, 0,
'Tue', 2, 5, 2, 0,
'Wed', 2, 6, 3, 0,
'Monday', 3, 1, 2, 0, { w1: 2, w2: 2 },
'Tuesday', 3, 2, 4, 0, { w1: 2, w2: 2 },
'Wednesday', 3, 3, 6, 0, { w1: 2, w2: 2 },
'Monday', 3, 4, 2, 0, { w1: 2, w2: 2 },
'Tuesday', 3, 5, 4, 0, { w1: 2, w2: 2 },
'Wednesday', 3, 6, 6, 0, { w1: 2, w2: 2 },
);
setColor( '#ddffdd' );
addBoxes(
'39', 3, 1, 1, 2,
'68', 3, 2, 2, 2,
'10', 3, 3, 3, 2,
'93', 3, 4, 1, 3,
'85', 3, 5, 2, 3,
'0', 3, 6, 3, 3,
'39', 5, 1, 2, 2, { w2: 2 },
'68', 5, 2, 4, 2, { w2: 2 },
'10', 5, 3, 6, 2, { w2: 2 },
'93', 5, 4, 2, 3, { w2: 2 },
'85', 5, 5, 4, 3, { w2: 2 },
'0', 5, 6, 6, 3, { w2: 2 },
);
} );
</script>
Expand Down
76 changes: 38 additions & 38 deletions stack-0.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,56 +4,56 @@
<script>
window.addEventListener( 'load', function () {
addBoxes(
'', 0, 0, 0, 0,
'', 1, 0, -1000, 0,
'', 2, 1, 1, 2,
'', 2, 1, 2, 2,
'', 3, 1, 3, 2,
'', 3, 1, 4, 2,
'Month', 0, 1, 0, 1,
'Week', 1, 1, 0, 2,
'Temp', 2, 0, 1, 0, { w2 : 2 },
'Humid', 3, 0, 3, 0, { w2 : 2 },
'', 0, 0, 0, 0, { w1 : 2, w2 : 1 },
'', 2, 0, -1000, 0,
'', 3, 1, 1, 2, { w1 : 2, w2 : 2 },
'', 5, 1, 3, 2, { w1 : 2, w2 : 2 },
'', 3, 1, 5, 2, { w1 : 2, w2 : 2 },
'', 3, 1, 7, 2, { w1 : 2, w2 : 2 },
'Month', 0, 1, 0, 1, { w1 : 2, w2 : 1 },
'Week', 2, 1, 0, 2,
'Temperature', 3, 0, 1, 0, { w1 : 2, w2 : 4 },
'Humidity', 5, 0, 5, 0, { w1 : 2, w2 : 4 },
);
setColor( '#dddddd' );
addBoxes(
'Jan', 0, 2, 1, 1, { h1 : 4 },
'Jan', 0, 2, 3, 1, { h1 : 4 },
'Feb', 0, 6, 2, 1, { h1 : 4 },
'Feb', 0, 6, 4, 1, { h1 : 4 },
'January', 0, 2, 1, 1, { h1 : 4, w1 : 2, w2 : 2 },
'January', 0, 2, 5, 1, { h1 : 4, w1 : 2, w2 : 2 },
'February', 0, 6, 3, 1, { h1 : 4, w1 : 2, w2 : 2 },
'February', 0, 6, 7, 1, { h1 : 4, w1 : 2, w2 : 2 },
);
setColor( '#ddffdd' );
addBoxes(
'1', 1, 2, 0, 3,
'2', 1, 3, 0, 4,
'3', 1, 4, 0, 5,
'4', 1, 5, 0, 6,
'1', 1, 6, 0, 3,
'2', 1, 7, 0, 4,
'3', 1, 8, 0, 5,
'4', 1, 9, 0, 6,
'1', 2, 2, 0, 3,
'2', 2, 3, 0, 4,
'3', 2, 4, 0, 5,
'4', 2, 5, 0, 6,
'1', 2, 6, 0, 3,
'2', 2, 7, 0, 4,
'3', 2, 8, 0, 5,
'4', 2, 9, 0, 6,
);
setColor( '#ddddff' );
addBoxes(
'31', 2, 2, 1, 3,
'29', 2, 3, 1, 4,
'26', 2, 4, 1, 5,
'27', 2, 5, 1, 6,
'25', 2, 6, 2, 3,
'19', 2, 7, 2, 4,
'22', 2, 8, 2, 5,
'25', 2, 9, 2, 6,
'31', 3, 2, 1, 3, { w1 : 2, w2 : 2 },
'29', 3, 3, 1, 4, { w1 : 2, w2 : 2 },
'26', 3, 4, 1, 5, { w1 : 2, w2 : 2 },
'27', 3, 5, 1, 6, { w1 : 2, w2 : 2 },
'25', 3, 6, 3, 3, { w1 : 2, w2 : 2 },
'19', 3, 7, 3, 4, { w1 : 2, w2 : 2 },
'22', 3, 8, 3, 5, { w1 : 2, w2 : 2 },
'25', 3, 9, 3, 6, { w1 : 2, w2 : 2 },
);
setColor( '#ffffdd' );
addBoxes(
'15', 3, 2, 3, 3,
'20', 3, 3, 3, 4,
'5', 3, 4, 3, 5,
'14', 3, 5, 3, 6,
'9', 3, 6, 4, 3,
'14', 3, 7, 4, 4,
'20', 3, 8, 4, 5,
'19', 3, 9, 4, 6,
'15', 5, 2, 5, 3, { w1 : 2, w2 : 2 },
'20', 5, 3, 5, 4, { w1 : 2, w2 : 2 },
'5', 5, 4, 5, 5, { w1 : 2, w2 : 2 },
'14', 5, 5, 5, 6, { w1 : 2, w2 : 2 },
'9', 5, 6, 7, 3, { w1 : 2, w2 : 2 },
'14', 5, 7, 7, 4, { w1 : 2, w2 : 2 },
'20', 5, 8, 7, 5, { w1 : 2, w2 : 2 },
'19', 5, 9, 7, 6, { w1 : 2, w2 : 2 },
);
} );
</script>
Expand Down
Loading

0 comments on commit df4a594

Please sign in to comment.