Проблема с картой Индии на D3 + Svelte ⇐ Javascript

[Anonymous]

Я абсолютный новичок, когда дело доходит до D3 + Svelte, и я пытаюсь отображать карту индийских районов в D3 в стройке. JSON, к которому я обращаюсь, отсюда. Я пытаюсь отображать районы в проекции геомерсатора. Я предполагаю, что проблема заключается в функции проекции < /p>
$: projection = geoMercator().fitSize([width, height], geojson);
$: pathGenerator = geoPath(projection);

let districts = [];
$: if (geojson) districts = geojson.features.map(feature => {
return {
...feature,
path: pathGenerator(feature)
};
});
< /code>
рендеринг выполняется здесь < /p>
{#each districts as district}

d={district.path}
/>
{/each}
< /code>
Но все, что я вижу в браузере, - это черный ящик, который при инспекции находится контейнер SVG, в котором я рендерирую блок {#each}. Я хочу отображать карту Индии только до того, как перейти к присоединению к данным и интерактивности.


Подробнее здесь: https://stackoverflow.com/questions/796 ... -d3-svelte