Можно ли такое сверстать с помощью CSS и может JS?

Question

[Чак Торнтон]

Увидел вот такой график на одном стоке и задумался, можно ли такое на CSS с JS реализовать?
Может быть какой-нибудь piechart на максималках?)

Answer 1

[Ivan Bogachev]

Может быть какой-нибудь piechart на максималках?)

Это не труъ. Настоящие верстальщики делают такие штуки на чистом CSS. А если лениво или времени нет - вставляют в страницу большой картинкой. На самом деле в верстке может быть смысл, если нужна адаптивность - не всегда, но часто ее может быть проще сверстать, чем на лету подгружать разные картинки в зависимости от изменяющегося размера экрана.

Набросал вам примерчик, думаю раскрасить его градиентами вы уже сами сможете:

Comments

[Чак Торнтон]

Спасибо за пример. Попробую воссоздать самостоятельно)

Answer 2

[Lord_Dantes]

Теоретически - все возможно.
По времени - долго

Comments

[alex-1917]

Теоретически - все возможно.
По времени - долго

По факту - никому это не надо, кроме горе-дизайнера...