Создание графика с осью X только с использованием D3

Question

Я хочу найти учебники для создания графика, как показано ниже, но, похоже, я не знаю названия такого графика.

Может ли кто-нибудь сказать мне имя такого графика или указать мне на учебники, которые я могу проверить.

Answer 1

Вид диаграммы, который вы проиллюстрировали, чаще называют «калибровочным», он показывает прогресс в направлении какой-то формы цели.

(как в сторону, ось в D3 представляет собой визуальный рендеринг масштаба - так, что вы хотели бы в этом случае представляет собой шкалу, а не ось!)

Использование D3 для этого было бы излишним. Простой расчет отношения даст вам «размер» заполненного раздела. Затем вы можете отобразить этот показатель как простой HTML с CSS, чтобы дать вам закругленные углы/заливку.