Rysowanie za pomocą kropek

Witam,
mam pytanie czy ktoś ma pomysł na zrobienie np. kwadratu z kropek, inicjału z kropek lub coś takiego? Nie do końca mam pomysł jak to zrobić za pomocą css lub js. Efekt jaki chciałbym uzyskać jest ukazany na poniższych zdjęciach. Mogę to oczywiście ręcznie ustawiać np. marginesami itd., ale może istnieje jakaś bardziej zautomatyzowana metoda ;)

SVG ew. Canvas

Głównie muszę to wykonać z pomocą bootstrapa, więc SVG i canvas odpada akurat