Skip to content

Commit

Permalink
a[href] picture
Browse files Browse the repository at this point in the history
  • Loading branch information
Fil committed Oct 7, 2024
1 parent a1a7cd3 commit a1ba6a6
Showing 1 changed file with 48 additions and 48 deletions.
96 changes: 48 additions & 48 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -68,109 +68,109 @@ Polyhedral projections’ default **clipPoint** depends on whether the clipping

<a href="#geoPolyhedralButterfly" name="geoPolyhedralButterfly">#</a> d3.<b>geoPolyhedralButterfly</b>() · [Source](https://github.com/d3/d3-geo-polygon/blob/main/src/polyhedral/butterfly.js)

<picture href="https://observablehq.com/@d3/polyhedral-gnomonic">
<a href="https://observablehq.com/@d3/polyhedral-gnomonic"><picture>
<source media="(prefers-color-scheme: dark)" srcset="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/polyhedralButterfly-dark.png">
<img width="480" height="250" alt="world map" src="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/polyhedralButterfly.png">
</picture>
</picture></a>

The gnomonic butterfly projection.

<a href="#geoPolyhedralCollignon" name="geoPolyhedralCollignon">#</a> d3.<b>geoPolyhedralCollignon</b>() · [Source](https://github.com/d3/d3-geo-polygon/blob/main/src/polyhedral/collignon.js)

<picture href="https://www.jasondavies.com/maps/collignon-butterfly/">
<a href="https://www.jasondavies.com/maps/collignon-butterfly/"><picture>
<source media="(prefers-color-scheme: dark)" srcset="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/polyhedralCollignon-dark.png">
<img width="480" height="250" alt="world map" src="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/polyhedralCollignon.png">
</picture>
</picture></a>

The Collignon butterfly projection.

<a href="#geoPolyhedralWaterman" name="geoPolyhedralWaterman">#</a> d3.<b>geoPolyhedralWaterman</b>() · [Source](https://github.com/d3/d3-geo-polygon/blob/main/src/polyhedral/waterman.js)

<picture href="https://www.jasondavies.com/maps/waterman-butterfly/">
<a href="https://www.jasondavies.com/maps/waterman-butterfly/"><picture>
<source media="(prefers-color-scheme: dark)" srcset="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/polyhedralWaterman-dark.png">
<img width="480" height="250" alt="world map" src="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/polyhedralWaterman.png">
</picture>
</picture></a>

A butterfly projection inspired by Steve Waterman’s design.

<a href="#geoBerghaus" name="geoBerghaus">#</a> d3.<b>geoBerghaus</b> · [Source](https://github.com/d3/d3-geo-polygon/blob/main/src/reclip.js)

<picture href="https://observablehq.com/@d3/interrupted-clipped">
<a href="https://observablehq.com/@d3/interrupted-clipped"><picture>
<source media="(prefers-color-scheme: dark)" srcset="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/berghaus-dark.png">
<img width="480" height="250" alt="world map" src="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/berghaus.png">
</picture>
</picture></a>

The Berghaus projection.

<a href="#geoGingery" name="geoGingery">#</a> d3.<b>geoGingery</b> · [Source](https://github.com/d3/d3-geo-polygon/blob/main/src/reclip.js)

<picture href="https://observablehq.com/@d3/interrupted-clipped">
<a href="https://observablehq.com/@d3/interrupted-clipped"><picture>
<source media="(prefers-color-scheme: dark)" srcset="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/gingery-dark.png">
<img width="480" height="250" alt="world map" src="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/gingery.png">
</picture>
</picture></a>

The Gingery projection.

<a href="#geoHealpix" name="geoHealpix">#</a> d3.<b>geoHealpix</b> · [Source](https://github.com/d3/d3-geo-polygon/blob/main/src/reclip.js)

<picture href="https://observablehq.com/@d3/interrupted-clipped">
<a href="https://observablehq.com/@d3/interrupted-clipped"><picture>
<source media="(prefers-color-scheme: dark)" srcset="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/healpix-dark.png">
<img width="480" height="250" alt="world map" src="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/healpix.png">
</picture>
</picture></a>

The HEALPix projection.

<a href="#geoInterruptedBoggs" name="geoInterruptedBoggs">#</a> d3.<b>geoInterruptedBoggs</b> · [Source](https://github.com/d3/d3-geo-polygon/blob/main/src/reclip.js)

<picture href="https://observablehq.com/@d3/interrupted-clipped">
<a href="https://observablehq.com/@d3/interrupted-clipped"><picture>
<source media="(prefers-color-scheme: dark)" srcset="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/interruptedBoggs-dark.png">
<img width="480" height="250" alt="world map" src="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/interruptedBoggs.png">
</picture>
</picture></a>

Bogg’s interrupted eumorphic projection.

<a href="#geoInterruptedHomolosine" name="geoInterruptedHomolosine">#</a> d3.<b>geoInterruptedHomolosine</b> · [Source](https://github.com/d3/d3-geo-polygon/blob/main/src/reclip.js)

<picture href="https://observablehq.com/@d3/interrupted-clipped">
<a href="https://observablehq.com/@d3/interrupted-clipped"><picture>
<source media="(prefers-color-scheme: dark)" srcset="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/interruptedHomolosine-dark.png">
<img width="480" height="250" alt="world map" src="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/interruptedHomolosine.png">
</picture>
</picture></a>

Goode’s interrupted homolosine projection.

<a href="#geoInterruptedMollweide" name="geoInterruptedMollweide">#</a> d3.<b>geoInterruptedMollweide</b> · [Source](https://github.com/d3/d3-geo-polygon/blob/main/src/reclip.js)

<picture href="https://observablehq.com/@d3/interrupted-clipped">
<a href="https://observablehq.com/@d3/interrupted-clipped"><picture>
<source media="(prefers-color-scheme: dark)" srcset="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/interruptedMollweide-dark.png">
<img width="480" height="250" alt="world map" src="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/interruptedMollweide.png">
</picture>
</picture></a>

Goode’s interrupted Mollweide projection.

<a href="#geoInterruptedMollweideHemispheres" name="geoInterruptedMollweideHemispheres">#</a> d3.<b>geoInterruptedMollweideHemispheres</b> · [Source](https://github.com/d3/d3-geo-polygon/blob/main/src/reclip.js)

<picture href="https://observablehq.com/@d3/interrupted-clipped">
<a href="https://observablehq.com/@d3/interrupted-clipped"><picture>
<source media="(prefers-color-scheme: dark)" srcset="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/interruptedMollweideHemispheres-dark.png">
<img width="480" height="250" alt="world map" src="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/interruptedMollweideHemispheres.png">
</picture>
</picture></a>

The Mollweide projection interrupted into two (equal-area) hemispheres.

<a href="#geoInterruptedSinuMollweide" name="geoInterruptedSinuMollweide">#</a> d3.<b>geoInterruptedSinuMollweide</b> · [Source](https://github.com/d3/d3-geo-polygon/blob/main/src/reclip.js)

<picture href="https://observablehq.com/@d3/interrupted-clipped">
<a href="https://observablehq.com/@d3/interrupted-clipped"><picture>
<source media="(prefers-color-scheme: dark)" srcset="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/interruptedSinuMollweide-dark.png">
<img width="480" height="250" alt="world map" src="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/interruptedSinuMollweide.png">
</picture>
</picture></a>

Alan K. Philbrick’s interrupted sinu-Mollweide projection.

<a href="#geoInterruptedSinusoidal" name="geoInterruptedSinusoidal">#</a> d3.<b>geoInterruptedSinusoidal</b> · [Source](https://github.com/d3/d3-geo-polygon/blob/main/src/reclip.js)

<picture href="https://observablehq.com/@d3/interrupted-clipped">
<a href="https://observablehq.com/@d3/interrupted-clipped"><picture>
<source media="(prefers-color-scheme: dark)" srcset="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/interruptedSinusoidal-dark.png">
<img width="480" height="250" alt="world map" src="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/interruptedSinusoidal.png">
</picture>
</picture></a>

An interrupted sinusoidal projection with asymmetrical lobe boundaries.

Expand All @@ -180,10 +180,10 @@ The two-point equidistant projection, displaying 99.9996% of the sphere thanks t

<a href="#geoTwoPointEquidistantUsa" name="geoTwoPointEquidistantUsa">#</a> d3.<b>geoTwoPointEquidistantUsa</b>() · [Source](https://github.com/d3/d3-geo-polygon/blob/main/src/reclip.js)

<picture href="https://observablehq.com/@d3/two-point-equidistant">
<a href="https://observablehq.com/@d3/two-point-equidistant"><picture>
<source media="(prefers-color-scheme: dark)" srcset="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/twoPointEquidistantUsa-dark.png">
<img width="480" height="250" alt="world map" src="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/twoPointEquidistantUsa.png">
</picture>
</picture></a>

The two-point equidistant projection with points [-158°, 21.5°] and [-77°, 39°], approximately representing Honolulu, HI and Washington, D.C.

Expand All @@ -203,74 +203,74 @@ The .<b>parents</b>([<i>parents</i>]), .<b>polygons</b>([<i>polygons</i>]), .<b>

<a href="#geoCubic" name="geoCubic">#</a> d3.<b>geoCubic</b>() · [Source](https://github.com/d3/d3-geo-polygon/blob/main/src/cubic.js), [Examples](https://observablehq.com/@fil/cubic-projections)

<picture href="https://observablehq.com/@fil/cubic-projections">
<a href="https://observablehq.com/@fil/cubic-projections"><picture>
<source media="(prefers-color-scheme: dark)" srcset="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/cubic-dark.png">
<img width="480" height="250" alt="world map" src="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/cubic.png">
</picture>
</picture></a>

The cubic projection.

<a href="#geoDodecahedral" name="geoDodecahedral">#</a> d3.<b>geoDodecahedral</b>() · [Source](https://github.com/d3/d3-geo-polygon/blob/main/src/polyhedral/dodecahedral.js), [Examples](https://observablehq.com/@fil/dodecahedral-projection)

<picture href="https://observablehq.com/@fil/dodecahedral-projection">
<a href="https://observablehq.com/@fil/dodecahedral-projection"><picture>
<source media="(prefers-color-scheme: dark)" srcset="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/dodecahedral-dark.png">
<img width="480" height="250" alt="world map" src="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/dodecahedral.png">
</picture>
</picture></a>

The pentagonal dodecahedral projection.

<a href="#geoRhombic" name="geoRhombic">#</a> d3.<b>geoRhombic</b>() · [Source](https://github.com/d3/d3-geo-polygon/blob/main/src/polyhedral/rhombic.js), [Examples](https://observablehq.com/d/881a8431e638b408)

<picture href="https://observablehq.com/d/881a8431e638b408">
<a href="https://observablehq.com/d/881a8431e638b408"><picture>
<source media="(prefers-color-scheme: dark)" srcset="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/rhombic-dark.png">
<img width="480" height="250" alt="world map" src="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/rhombic.png">
</picture>
</picture></a>

The rhombic dodecahedral projection.

<a href="#geoDeltoidal" name="geoDeltoidal">#</a> d3.<b>geoDeltoidal</b>() · [Source](https://github.com/d3/d3-geo-polygon/blob/main/src/polyhedral/deltoidal.js), [Examples](https://observablehq.com/d/881a8431e638b408)

<picture href="https://observablehq.com/d/881a8431e638b408">
<a href="https://observablehq.com/d/881a8431e638b408"><picture>
<source media="(prefers-color-scheme: dark)" srcset="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/deltoidal-dark.png">
<img width="480" height="250" alt="world map" src="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/deltoidal.png">
</picture>
</picture></a>

The deltoidal hexecontahedral projection.

<a href="#geoIcosahedral" name="geoIcosahedral">#</a> d3.<b>geoIcosahedral</b>() · [Source](https://github.com/d3/d3-geo-polygon/blob/main/src/icosahedral.js), [Examples](https://observablehq.com/@fil/icosahedral-projections)

<picture href="https://observablehq.com/@fil/icosahedral-projections">
<a href="https://observablehq.com/@fil/icosahedral-projections"><picture>
<source media="(prefers-color-scheme: dark)" srcset="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/icosahedral-dark.png">
<img width="480" height="250" alt="world map" src="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/icosahedral.png">
</picture>
</picture></a>

The icosahedral projection.

<a href="#geoAirocean" name="geoAirocean">#</a> d3.<b>geoAirocean</b>() · [Source](https://github.com/d3/d3-geo-polygon/blob/main/src/airocean.js), [Examples](https://observablehq.com/@fil/airocean-projection)

<picture href="https://observablehq.com/@fil/airocean-projection">
<a href="https://observablehq.com/@fil/airocean-projection"><picture>
<source media="(prefers-color-scheme: dark)" srcset="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/airocean-dark.png">
<img width="480" height="250" alt="world map" src="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/airocean.png">
</picture>
</picture></a>

Buckminster Fuller’s Airocean projection (also known as “Dymaxion”), based on a very specific arrangement of the icosahedron which allows continuous continent shapes. Fuller’s triangle transformation, as formulated by Robert W. Gray (and implemented by Philippe Rivière), makes the projection almost equal-area.

<a href="#geoCahillKeyes" name="geoCahillKeyes">#</a> d3.<b>geoCahillKeyes</b>() · [Source](https://github.com/d3/d3-geo-polygon/blob/main/src/cahillKeyes.js), [Examples](https://observablehq.com/@d3/cahill-keyes)
<br><a href="#geoCahillKeyesRaw" name="geoCahillKeyesRaw">#</a> d3.<b>geoCahillKeyes</b>

<picture href="https://www.genekeyes.com/">
<a href="https://www.genekeyes.com/"><picture>
<source media="(prefers-color-scheme: dark)" srcset="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/cahillKeyes-dark.png">
<img width="480" height="250" alt="world map" src="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/cahillKeyes.png">
</picture>
</picture></a>

The Cahill-Keyes projection, designed by Gene Keyes (1975), is built on Bernard J. S. Cahill’s 1909 octant design. Implementation by Mary Jo Graça (2011), ported to D3 by Enrico Spinielli (2013).

<a href="#geoImago" name="geoImago">#</a> d3.<b>geoImago</b>() · [Source](https://github.com/d3/d3-geo-polygon/blob/main/src/imago.js), [Examples](https://observablehq.com/@fil/the-imago-projection)

<picture href="https://kunimune.home.blog/2017/11/23/the-secrets-of-the-authagraph-revealed/">
<a href="https://kunimune.home.blog/2017/11/23/the-secrets-of-the-authagraph-revealed/"><picture>
<source media="(prefers-color-scheme: dark)" srcset="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/imago-dark.png">
<img width="480" height="250" alt="world map" src="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/imago.png">
</picture>
</picture></a>

The Imago projection, engineered by Justin Kunimune (2017), is inspired by Hajime Narukawa’s AuthaGraph design (1999).

Expand All @@ -285,10 +285,10 @@ Horizontal shift. Defaults to 1.16.
<a href="#geoTetrahedralLee" name="geoTetrahedralLee">#</a> d3.<b>geoTetrahedralLee</b>() · [Source](https://github.com/d3/d3-geo-polygon/blob/main/src/tetrahedralLee.js), [Examples](https://observablehq.com/@fil/lee-projection)
<br><a href="#geoLeeRaw" name="geoLeeRaw">#</a> d3.<b>geoLeeRaw</b>

<picture href="https://observablehq.com/@d3/lees-tetrahedral">
<a href="https://observablehq.com/@d3/lees-tetrahedral"><picture>
<source media="(prefers-color-scheme: dark)" srcset="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/tetrahedralLee-dark.png">
<img width="480" height="250" alt="world map" src="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/tetrahedralLee.png">
</picture>
</picture></a>

Lee’s tetrahedral conformal projection.

Expand All @@ -299,20 +299,20 @@ Default aspect uses _projection_.rotate([30, 180]) and has the North Pole at the
<a href="#geoCox" name="geoCox">#</a> d3.<b>geoCox</b>() · [Source](https://github.com/d3/d3-geo-polygon/blob/main/src/cox.js), [Examples](https://observablehq.com/@fil/cox-conformal-projection-in-a-triangle)
<br><a href="#geoCoxRaw" name="geoCoxRaw">#</a> d3.<b>geoCoxRaw</b>

<picture href="https://visionscarto.net/cox-conformal-projection">
<a href="https://visionscarto.net/cox-conformal-projection"><picture>
<source media="(prefers-color-scheme: dark)" srcset="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/cox-dark.png">
<img width="480" height="250" alt="world map" src="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/cox.png">
</picture>
</picture></a>

The Cox conformal projection.

<a href="#geoComplexLog" name="geoComplexLog">#</a> d3.<b>geoComplexLog</b>([<i>planarProjectionRaw</i>[<i>, cutoffLatitude</i>]]) · [Source](https://github.com/d3/d3-geo-polygon/blob/main/src/complexLog.js), [Example](https://cgmi.github.io/complex-log-projection/)
<br><a href="#geoComplexLogRaw" name="geoComplexLogRaw">#</a> d3.<b>geoComplexLogRaw</b>([<i>planarProjectionRaw</i>])

<picture href="https://cgmi.github.io/complex-log-projection/">
<a href="https://cgmi.github.io/complex-log-projection/"><picture>
<source media="(prefers-color-scheme: dark)" srcset="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/complexLog-dark.png">
<img width="480" height="250" alt="world map" src="https://d3.observablehq.cloud/d3-geo-polygon/snapshots/complexLog.png">
</picture>
</picture></a>

Complex logarithmic view. This projection is based on the papers by Joachim Böttger et al.:

Expand Down

0 comments on commit a1ba6a6

Please sign in to comment.