Generally speaking, these designs serve as demonstrations of what you can do with various library graphics elements. Most often, they were designed by TNT staff.

We hope they are inspiring and will motivate our guests to explore deeper programming concepts as loops, decision-making and array usage. Because all of the designs are in JavaScript (duh!), the source code is readily available.


Would you like a challenge?!

Here are a few challenge designs: see if you can write the necessary code to replicate them. Download the grafix template and give 'em a try!

Note: We have tried in most cases to provide instructive notes and comments on the designs, but in an effort to get as many online as possible, you may find some incomplete entries. Forgive us, please.


constructionNote: While we are in a state of renovation at TNT and JSGS, certain links or functionalities may be non-operational. Some shape property tables may be incomplete. Give it time, and 'all power will be restored'. We promise!

Remember, you can always visit our legacy site to see what we had pre-pandemic before these current upgrades.

scatteredPeppermints
Scattered Peppermints
crowded center
Crowded Center
swimmy circles
Swimmy Circles
topo map
Swimmy Circles
Topo Map
arrow designs
Inscribed Arrow
Topo Map
monteCarlo
Monte Carlo
Disk
kirby
Kirby
tree
Randomly-Decorated
Christmas Tree
our logo
JSGS Logo
dots wallpaper
Party Dots
arrow designs
SohCahToa Fun
tiled hearts
Hearts Wallpaper
circuit
Circuit
phantomCircles
Phantom Circles
rotating arrow
Rotating Arrow
striped bar
Striped Bar
Illusion
arrows
Origin-Pointing
Arrows
basket case
Basket Case
bumpy flower
Bumpy Circle Flower
empty grid
Empty Template