# Creating GeoJSON map with D3

**URL:** <https://talk.observablehq.com/t/creating-geojson-map-with-d3/8236>\
**Category:** Help\
**Created:** [August 31, 2023, 9:29pm UTC](https://talk.observablehq.com/t/creating-geojson-map-with-d3/8236 "2023-08-31T21:29:45Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![williampangbest1](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/williampangbest1/32/5798_2.png) [@williampangbest1](https://talk.observablehq.com/u/williampangbest1)\
**Post date:** [August 31, 2023, 9:29pm UTC](https://talk.observablehq.com/t/creating-geojson-map-with-d3/8236/1 "2023-08-31T21:29:45Z")

</div>

Hi,  
I’ve been trying to create a map with GeoJSON and have been running into some troubles… I am able to create a leaflet map automatically, but when I try to recreate it in d3 I get a weird half cut off pie. Would anyone be able to help?

Link to notebook: [https://observablehq.com/d/b62d5ab31e93e463](https://observablehq.com/d/b62d5ab31e93e463)

---

<div class="post-metadata">

**Author:** ![Fil](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/fil/32/207_2.png) [@Fil](https://talk.observablehq.com/u/Fil)\
**Post date:** [September 1, 2023, 3:43am UTC](https://talk.observablehq.com/t/creating-geojson-map-with-d3/8236/2 "2023-09-01T03:43:51Z")

</div>

Hi William! Add a cell with:  
`import {rewind} from "@fil/rewind"`

then change this cell:  
`losAngelesGeo = rewind(geo.filter(CAGeo, (d) => d.county == "Los Angeles"))`

See [Geo: Rewind / Fil | Observable](https://observablehq.com/@fil/rewind) for details.

---

<div class="post-metadata">

**Author:** ![williampangbest1](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/williampangbest1/32/5798_2.png) [@williampangbest1](https://talk.observablehq.com/u/williampangbest1)\
**Post date:** [September 2, 2023, 2:04am UTC](https://talk.observablehq.com/t/creating-geojson-map-with-d3/8236/3 "2023-09-02T02:04:19Z")

</div>

Awesome! Thank you!