Проблемы с генерацией TopoJSON для использования с примером Choropleth в D3

Есть несколько потенциальных проблем в копировании этой карты для одного состояния, и, похоже, вы столкнулись с некоторыми из них. Вам нужно будет отклониться от примера больше, чем у вас.

---

Во-первых, географические данные, которые вы загружаете, состоят из пар широты долготы - географические данные, используемые в этом примере, представляют собой предпроектированный топоизон, размер которого соответствует размеру декартовой плоскости 960x600. Вам также потребуется либо предварительно спроектировать ваши данные (аналогично картографической части 1), либо запрограммировать ваши данные "на лету" в вашем блоке с помощью геопата и геопроекта. Майк использует geoProjection в своем блоке, null geoProjection, по умолчанию geoProjection для geoPath. Нулевой проектор просто берет координаты в json и использует их как координаты svg без преобразования.

Проблемы с проекцией, вероятно, являются наиболее распространенной причиной отсутствия ни функций, ни ошибок. Поскольку вы не указали проецирование, функции, скорее всего, отображаются за пределами экрана. Поскольку континентальные США сидят в западном полушарии, значения долготы отрицательны - США будут нарисованы слева от начала координат, то есть с экрана, так как вы используете нулевую проекцию.

---

Вторая потенциальная проблема заключается в том, что ваши данные имеют разные атрибуты, чем пример:

Я думал, что мой файл TopoJSON будет иметь атрибуты, такие как атрибут id, который содержит коды FIPS для округов

Атрибуты функции вашего топойсона:

"properties":{"AREA":0.140669542963654,
"PERIMETER":1.69104063251173,
"CO29_D00_":2,
"CO29_D00_I":1,
"STATE":"29",
"COUNTY":"045",
"NAME":"Clark",
"LSAD":"06",
"LSAD_TRANS":"County"}}

Выводятся из шейп файла:

Поскольку вы используете другой источник, кроме Майка, атрибуты данных могут быть разными. Поскольку у источника нет идентификатора FIPS, вы не можете сделать соединение между вашими негеографическими данными и вашими географическими особенностями, как в примере. Однако есть не слишком сложное решение:

• Создайте код FIPS из данных, которые у вас есть.

Из NOAA (наиболее сжатое определение я нашел):

Первые две цифры относятся к государству, а последние три указывают графство или уездный эквивалент. Таким образом, каждое государство имеет свое 2-значное число, и каждый округ в штате имеет свое собственное 3-значное число, которое объединяется в 5-значное число, чтобы однозначно идентифицировать каждый округ США. (источник)

У вас есть число, представляющее государство и округ - это безопасная ставка, что это ваш код округа FIPS при объединении. Вы могли бы объединить их в создании своего geo/topojson, вы могли бы создать новое свойство непосредственно перед рисованием функций geojson:

var features = topojson.feature(us, us.objects.counties).features;
features.forEach(function(d) {
   d.FIPS = "" + d.properties.STATE + d.properties.COUNTY;
})

или вы можете объединить строку и графство при заполнении функции:

.attr("fill", function(d) { return color(d.rate = unemployment.get(
""+d.properties.STATE+d.properties.COUNTY)); })

Вот что это могло бы выглядеть.