... in a Million

Rendering a SVG Chart for showing parts of a whole.

Supported URL query string parameters

• 'count'
• 'total' (rounds up to next number with integer root)
• 'boxsize'
• 'size' (output size of SVG)
• 'padding' (between boxes)
• 'outerPadding' (between outline and):
• 'outline' (width, in units of output size)
• 'pixelperfect' (SVG size equals viewbox, flag overrides 'size')

Examples:

• ?count=50&total=100&boxsize=5&padding=1&outerpadding=1
• ?count=5000&total=1000000

Currently you shouldn't use unreasonable count numbers (lets say > 1000) since each box is rendered as svg node, if you want to render more feel free to improve this by rendering into canvas or fill a svg shape with pattern definition

SVG Crowbar recommended http://nytimes.github.io/svg-crowbar/