Как я могу создать гистограмму динамически, используя данные в JS

Question

Кто-нибудь может предложить, как я могу создать гистограмму динамически в Javascript. Ниже представлен дизайн, которого я пытаюсь достичь. Я наткнулся на Google Charts , но не смог придумать, как достичь приведенного ниже стиля оформления.

Answer 1

D3. js - давнее и очень популярное решение для всех видов динамических c диаграмм и графиков.

Посетите галерею и выполните поиск по строке слов, чтобы найти примеры, которые могут соответствовать вашему варианту использования.

Вы также можете просто погуглить "d3 js" и слова, относящиеся к вашей проблеме. В вашем случае это действительно тип «калибра», и когда я ищу «d3 js» и «gauge», появляется несколько примеров, которые могут быть ближе к вашему типу данных, хотя, возможно, не совсем в этом стиле .

D3. js хотя и очень настраиваемый. Если вы не нашли что-то нестандартное, у вас должны быть инструменты, чтобы это работало.