Каким способом или библиотекой лучше всего строить график в React?

Question

[pinkhead_psd]

Стоит задача построить вот такой график:
С графиками в React еще не работал, как и в js(я имею ввиду, что-то серьёзнее копипаста кода из Chart.js). Так вот, куда лучше пойти почитать, или какую либу изучить. Нашел парочку, вроде как мощной показалась D3.js, но нормальных гайдов не встретил еще. Или же вообще лучше разобраться с svg, или наколхозить CSS`ом. В графике вроде бы ничего сложного, но хочется его правильно и без костылей оформить, да и чтобы в дальнейшем более сложные графы не вызывали затруднений

Comments

[iBird Rose]

а в чем проблема использовать Chart.js? есть же библиотека для реакта https://github.com/reactchartjs/react-chartjs-2

[pinkhead_psd]

Я попробовал, поставил просто 4 точки и сгладил ее. Кривовато получается

[HeyAleksey]

Я бы в сторону D3 смотрел. Библиотеку много кто использует. Документации по ней много. А колхозить на CSS, имхо, это на один раз и в идеологию реакта не вписывается)

Answer 1

[SunUp]

Многие библиотеки такое могут отрисовать, например Apex charts, JSCharting, но дорабатывать стили под точное соответствие макету в любом случае придётся. Другие варианты можно гуглить по запросу circular gauge chart