Узнайте о SVG в D3
SVG означает Scalable Vector Graphics . Здесь «масштабируемый» означает, что если вы увеличиваете или уменьшаете масштаб объекта, он не будет отображаться в пикселях. Он масштабируется с помощью системы отображения, будь то на маленьком мобильном экране или большом ТВ-мониторе. SVG используется для создания общих геометрических фигур. Поскольку D3 отображает данные в визуальное представление, он использует SVG для создания фигур для визуализации. Формы SVG для веб-страницы должны svg теге HTML svg . CSS может быть масштабируемым, когда стили используют относительные единицы (например, vh , vw или проценты), но использование SVG более гибко для создания визуализации данных.
Добавьте узел svg в body используя append() . Дайте ему атрибут width установленный для предоставленного w константы, и атрибут height установленный для предоставленной постоянной h используя метод attr() для каждого. Вы увидите его на выходе, потому что в теге style используется background-color розового background-color . Заметка
Атрибуты ширины и высоты не имеют единиц. Это строительный блок масштабирования - элемент всегда будет иметь соотношение ширины и высоты 5: 1, независимо от уровня масштабирования.