CC Fest · Coding Camp ToolsNotion Notes CC Fest on GitHub
Session 1 Interactive Tool

Shape + Color Explorer

Design a simple visual mark by changing shape, scale, stroke, and fill, then carry the generated code into your own sketch.

shapes color stroke starter code
Open it Start with the canvas before the code. Change it Move one control or value at a time. Predict it Name what you expect before you run it. Remix it Turn the pattern toward your own sketch. Teach it Ask what changed and why.

Main Workspace

Choose a shape, tune its visual settings, and see how each decision changes the result on the canvas.

Code Preview

This code block updates as you design. You can edit it directly and apply your custom version too.

// Shape starter code will appear here.

Editable Code

Paste or tweak the generated code, then apply it to test your own variation.

// Edit the generated code here and click Apply Code.