Number Circle Render
The Number Circle Render interactive generates number circles in PNG format for use in course content. Specify the minimum and maximum numbers for the circles you would like to generate to create an array of number circles. Then, right click on any of the number circles and select Copy image to copy the PNG image to the clipboard. Paste the image into the course or other documentation. The number circles may also be generated without the number inside, only the colored ring/arcs, by using the number=false search parameter.
The examples below demonstrate different capabilities of the interactive. Some of those capabilites are configured using search parameters in the URL. Note the search parameters in the examples and click over to the Documentation tab for a complete explaination of the configuration options with URL examples.
Basic Usage
Number Circle Render is a simple interactive. It generates an array of number circles in PNG format from the minimum to maximum values specified in the search parameters.
Set the value of the first number circle with the min=X search parameter.
Set the value of the last number circle with the max=Y search parameter.
Hide the numbers inside the circle with the number=false search parameter.
- number-circle-render.html?min=24&max=24 (Render the number circle for 24)
- number-circle-render.html?min=1&max=100 (Render the first 100 number circles)
- number-circle-render.html?min=1&max=100&number=false (No numbers)