Clipped Conic Conformal

100%

Clipped Conic Conformal

✓ Published0🌍 Public

Last edited Nov 15, 2016

Created on Nov 15, 2016

A map of the world is rendered using the Clipped Conic Conformal projection, showing landmasses in dark gray with country borders in white over a graticule of light gray lines. The visualization clips the map to the projection's extent so that only the relevant region is visible. It uses d3.geoConicConformal, d3.geoPath, and d3.geoGraticule, with vector data from the `world-50m.v1.json` TopoJSON file, and the world land and country meshes are drawn via `topojson.feature` and `topojson.mesh` into the SVG canvas.

AI-generated description

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

Equidistant Conic Projection

This example shows a world map drawn with the equidistant conic projection, including a graticule, landmasses, and country boundaries. The map is rendered as SVG using D3’s `d3.geo.conicEquidistant` projection and `d3.geo.path` to generate the paths. A sphere outline and graticule are drawn first, then geographic data from a TopoJSON file (`world-50m.json`) is loaded with `topojson.feature` and `topojson.mesh` to display land and political borders.

Mmbostock

84% match

Loading thumbnail…

Lambert Conformal Conic

The example shows a world map rendered with the Lambert conformal conic projection, using a graticule and sphere outline to clarify the projection’s shape. It displays landmasses in dark gray and country borders as thin white lines over a light background. The visualization uses d3.geoConicConformal to define the projection, d3.geoPath to generate SVG paths, and topojson.feature and topojson.mesh to extract land and border geometries from the world-50m dataset. The graticule is drawn with d3.geoGraticule10, and all elements are rendered as SVG paths.

Mmbostock

83% match

Loading thumbnail…

Lambert Conformal Conic

This example shows a Lambert conformal conic projection of the world map, rendered from TopoJSON data. The map displays country outlines as a single land layer. The visualization uses the d3.v3 library, specifically the `d3.geo.path()` function with a `null` projection, to draw the projected paths onto an SVG canvas. The TopoJSON data is loaded from `world.json` and converted to features using `topojson.feature` before being inserted into the scene.

Mmbostock

80% match

Loading thumbnail…

Polyconic

This visualization demonstrates the Polyconic map projection, a compromise projection that preserves distances along the central meridian and each parallel. It displays the world’s landmasses as solid black shapes with white country boundaries, overlaid on a graticule grid and an outlined sphere. The example uses the D3 v3 library with the `d3.geo.polyconic` projection plugin, `d3.geo.path` for rendering, and `topojson.v1` to process world-50m.json geographic data, drawing everything as SVG paths.

Mmbostock

80% match

Loading thumbnail…

Gnomonic

This example shows the world map projected using the gnomonic projection, where great circles appear as straight lines and distortion increases toward the edges. The map is clipped at a 90-degree angle, displaying landmasses in dark gray with white country boundaries over a graticule grid. The visualization uses D3 v3’s `d3.geo.gnomonic` projection and `d3.geo.path` to render SVG paths from TopoJSON world data, with the graticule drawn via `d3.geo.graticule`. The code sets projection scale, translation, and precision before loading the `world-50m.json` file.

Mmbostock

79% match

Loading thumbnail…

Rectangular Polyconic

This example demonstrates the rectangular polyconic map projection, a pseudoconical projection that renders the world with curved meridians and straight parallels. The map shows landmasses in dark gray with country boundaries in white, overlaid on a graticule grid and enclosed by a spherical outline. Built with D3.js v3, it uses `d3.geo.rectangularPolyconic` from the extended projections plugin, `d3.geo.path` for geographic rendering, and `d3.geo.graticule` to generate the grid. World geometry comes from a TopoJSON file loaded via `topojson.feature` and `topojson.mesh`.

Mmbostock

78% match

Loading thumbnail…

Craster Parabolic

This example displays a world map projected using the Craster parabolic projection, with graticule lines, country boundaries, and landmasses rendered in SVG. The visualization uses d3.geo.craster from the d3.geo.projection.v0 library, along with d3.geo.path for geographic path generation and topojson.v1 to parse world-50m.json data. A sphere outline and fill are drawn first, followed by graticule and geographic features from the TopoJSON file, with styling applied via CSS classes.

Mmbostock

77% match

Loading thumbnail…

conic world tour

The visualization "Conic World Tour" uses D3.js (v4) to animate a rotating globe composed of conic geographic projections. It alternates between several conic projections—such as conic conformal, conic equal-area, and conic equidistant—while smoothly transitioning the globe’s rotation. Country boundaries are drawn as SVG paths over a canvas-rendered graticule, with the active country highlighted in a bright color as the tour cycles through each nation in sequence, labeling it by name. The animation continuously shifts the projection parameters to create a morphing, globe-like effect.

11wheel

76% match