Generate and render maps from GeoJSON/TopoJSON data using D3 projections.
npx skills add https://github.com/zacharyr0th/next-starter --skill d3-geo
Please help me install this Agent Skill. Skill: d3-geo Source: https://github.com/zacharyr0th/next-starter/tree/main/.claude/skills/d3/d3-geo Command: npx skills add https://github.com/zacharyr0th/next-starter --skill d3-geo
Use when creating maps, working with geographic projections, or manipulating GeoJSON data. This skill provides expert guidance on world maps, choropleth maps, projection types, geo path generators, spherical geometry, and geographic feature handling.
Use this skill to get a complete example transforming GeoJSON into an SVG path, or to configure a world projection for your dataset.
High-intent search queries and answers about installing and using this skill.
D3 projections transform geographic coordinates into screen coordinates. Load GeoJSON, select a projection (Mercator, Natural Earth, etc.), configure scale and translate, then use a path generator to render features as SVG paths on your canvas.
GeoJSON stores raw geographic features with full coordinate redundancy; TopoJSON compresses shared boundaries to reduce file size. Use TopoJSON for large datasets or network-constrained environments, GeoJSON for simpler or pre-processed data.
Set projection.scale() to zoom level, projection.translate() for screen position, and projection.rotate() for axis alignment. Compute bounds from your GeoJSON and fit the projection using scale and translate to center your region.
Yes. D3 geo provides path generators for rendering features and supports spherical geometry operations including centroid and bounds computation. Join data to GeoJSON properties, apply color scales, and render with projections.
Dateline wrapping occurs when features cross the ±180° meridian. Control it using projection.clipAngle() and projection.clipExtent(). Debug by inspecting coordinate ranges in your GeoJSON and adjusting projection rotation or clipping parameters.
D3 geo includes spherical distance functions for great-circle calculations. Use orthographic or stereographic projections for globe views, apply rotation to animate the perspective, and combine with graticules for grid reference lines.
spqwConvert TopoJSON files to GeoJSON for geospatial visualization in Observable Framework.
syncfusionIntegrate and configure Syncfusion .NET MAUI Maps controls for geographic shapes and tile layers.
AJBcodingCreate custom interactive D3.js visualizations with data binding and responsive sizing.
cap-collectifBuild interactive maps with Leaflet, React-Leaflet, and Mapbox tiles.
