Как создать такие кривые?

думаете у автора трудность в рисовании штрихов? Лучше бы про кривые Безье подсказали...

Сергей: он же так и написал прерывистые линии.

Symphony: тогда сорри, видимо я невнимателен =)

Сергей: все в порядке, бывает.

Сергей: вы все правильно поняли. То я вопрос неправильно сформулировал ;)

картинку отдельно от типографики?

Хорошим тоном считается когда надписи особенно контекстные это именно надписи (текст), а не картинка.

xtala zen: я имел в виду рисунки - кружочки (не знаю как правильно назвать). Надписи понятно, что отдельно

smiros: кружки можно и в CSS сделать за это отвечает border-radius. Но лично мой внутренний идеалист противится этому решению т.к. оно не будет работать в старых браузерах. Кто-то забивает на это. Если в ТЗ нет пункта что сайт должен полноценно работать в старых IE, то наверное можно и пренебречь этой особенностью.

smiros: кружки отдельно от SVG вряд ли получится потому что при адаптации все поедет в разные стороны.

я так понимаю адаптивности практически не будет? Ну если, к примеру 4 круга становятся в столбец ну или 2 на 2...

smiros: svg это векторная графика. Она рассчитывается машиной по формулам, поэтому она адаптивна так же как и шрифт. Побочный эффект тормоза. Поэтому svg изображения нужно оптимизировать, убирать лишние узлы.

xtala zen: ну то что масштабируется я по аббревиатуре понял))) Но как быть в случае с бутстрап-решетки? То есть, при просмотре на мобильных свг-картинка не обеспечит связь между кругами? Верно?