@yababay67/d3-adapter v1.0.1

Набор классов для создания графиков в формате D3

Фреймворк D3 написан в функциональном стиле, что иногда вызывает затруднения в его использовании. Кроме того, от графика к графику повторяются одни и те же рутинные операции - установка границ svg-пространства, настройка масштабирования осей и т.п.

В данном проекте процесс рисования графиков организован в ООП-стиле, что позволяет в большей степени сосредоточиться на обработке данных. Редко изменяемые параметры, такие, как границы, организованы в виде свойств, например, marginTop, marginRight, marginBottom, marginLeft и т.д.

Для каждого вида графика прописано поведение по умолчанию. Например, в линейных графиках чаще всего используются прямомпрпорциональные зависимости на шкалах, что и запрограммировано в классе D3SimpleLinearCHart. Если требуется другое поведение - можно, например, переопределить метод setupDomains или конструктор.

Целью проекта является упрощение программирования в рамках D3 до примерно такого кода:

import D3SimpleLinearChart from 'd3-adapter'

const figure = document.querySelector("figure")

const chart = new D3SimpleLinearChart(figure)

chart.marginBottom = 30
chart.caption = 'Это простой линейный график.'
chart.draw([1, 3, 2, 5, 6, 4, 7, 8, 9])

В настоящее время реализованы круговой, столбчатый и линейный графики.