Hexa Isogrids not filling entire space

[ljwagerfield]

Firstly thank you as this is a great service (so please keep up the great work!).

I'm using the "hexa isogrids" as placeholder for profile images, but I've noticed they don't fill the entire canvas.

E.g. if I put a 32x32 hexa isogrid on my page, after measuring the resulting pixels in photoshop, it's more like 27x30.

Any ideas? Would this be an easy one to fix?

[santiaago]

Hi @ljwagerfield thanks for the feedback,

I am not sure I understand, could you send me a link to an example (http://www.tinygraphs.com/labs/isogrids/...) of that scenario?

I think you should be able to define the size you want using the size parameter.
example:
/labs/isogrids/hexa/tinygraphs?theme=frogideas&numcolors=4&size=64
http://www.tinygraphs.com/labs/isogrids/hexa/tinygraphs?theme=frogideas&numcolors=4&size=64

It is an svg under the hood so it should keep the measures:

[ljwagerfield]

Your screenshot actually demonstrates it quite well: there's blank padding around the coloured parts of the SVG, on every edge other than "top". E.g. for the 64x64 example you've given, the effective visual size appears more like 54x60.

It seems minor, but when you're using these as image placeholders (for what will eventually be images that are exactly 64x64px) several pixels of internal whitespace makes quite a difference -- it makes the design you're working on look like components haven't been aligned correctly, even though they have.

[santiaago]

I see what you mean, thanks. Let me see what I can do

[nytopop]

What's happening here is integer truncation. Space invaders does the same thing 😄.

See here, if size is 128, quadrantSize should == 11.636363... but it gets truncated to 11 as it's an int. Thus only sizes evenly divisible by 11 will display correctly.

I believe the others have a similar issue with bounding box calculations.

[ajstarks]

You can try the floating point version of SVGo:

import "github.com/ajstarks/svgo/float"