Как я могу построить положительные и отрицательные значения для обеих осей на точечной диаграмме с d3?

Я использую d3 для построения диаграммы рассеяния, и набор значений, который у меня есть для осей x и y, имеет как положительные, так и отрицательные значения.. Это моя первая попытка использовать d3, и я понял из вводных руководств, таких как На десятый день Рождества, испачкаться данными с помощью d3.js , что ключом является настройка x и y правильно масштабирует.

Затем я нашел этот учебник:Гистограмма с отрицательными значениями , который почти помог мне сделать это правильно (Я думаю ). Мой набор данных слишком велик, чтобы разместить его здесь, но вот код, с которым у меня есть образец моих данных для работы:

Честно говоря, я не понимаю использование порядковой шкалы в примере гистограммы, однако я получил казалось бы, худшие результаты, когда я взял его и сделал yScale с тем же синтаксисом, что и xScale.

Буду признателен за любое объяснение того, как лучше всего работать с положительными и отрицательными значениями для обеих осей. Дайте мне знать, если я упустил что-то очевидное. Я объединил этот пример из гораздо более крупного проекта, чтобы сделать его как можно более конкретным и легко читаемым.

Спасибо!