@types/d3-geo

Geographic Projections

This feature allows you to create various geographic projections to map spherical coordinates to a flat surface. The code sample demonstrates how to create an Albers projection and a path generator for rendering.

import * as d3 from 'd3-geo';

const projection = d3.geoAlbers();
const pathGenerator = d3.geoPath().projection(projection);
const pathData = pathGenerator({ type: 'Sphere' });

Spherical Shapes

This feature enables the creation of spherical shapes such as circles on the globe. The code sample shows how to create a geoCircle with a specified center and radius, and generate the path data for rendering.

import * as d3 from 'd3-geo';

const circle = d3.geoCircle().center([0, 0]).radius(90);
const circlePathData = d3.geoPath()(circle());

Geographic Transformations

This feature provides transformations such as rotations to manipulate geographic coordinates. The code sample illustrates how to rotate a point on the globe.

import * as d3 from 'd3-geo';

const rotate = d3.geoRotation([90, -45]);
const rotatedCoordinates = rotate([0, 0]);

GeoJSON Feature Rendering

This feature allows rendering of GeoJSON objects using D3's path generator. The code sample demonstrates how to generate path data for a GeoJSON feature.

import * as d3 from 'd3-geo';
import { Feature } from 'geojson';

const pathGenerator = d3.geoPath();
const feature: Feature = {
  type: 'Feature',
  geometry: {
    type: 'Point',
    coordinates: [0, 0]
  }
};
const pathData = pathGenerator(feature);