Jason Davies jasondavies

This example demonstrates D3’s support for azimuthal projections and clipping to great circles! Release 2.3.0 also includes support for Gnomonic, Bonne, Werner and Sinusoidal projections, as well as for rendering great arcs.

D3 2.11’s d3.geo.path will automatically cut features for any aspect. Try dragging to rotate the world and see a new aspect.

Interrupted rotating Mollweide hemispheres.

The Azimuthal Equidistant projection is available as d3.geo.azimuthalEquidistant in the geo.projection D3 plugin.


	<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="content-type" content="text/html;charset=utf-8">
	<title>d3.js ~ Treemap</title>
	<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"></script>
	<style type="text/css">

	@import url("http://mbostock.github.com/d3/style.css?1.10.0");

	<!DOCTYPE html>
	<html>
	<head>
	<title>Animated Sparkline</title>
	<script src="http://bost.ocks.org/mike/d3.v2.min.js"></script>
	<style type="text/css">

	path {
	stroke: steelblue;
	stroke-width: 1;

	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>Population Projection</title>

	<link rel="stylesheet" href="main.css">

	</head>

	<!DOCTYPE html>
	<meta charset="utf-8">
	<title>OMG Particles!</title>
	<script src="http://mbostock.github.com/d3/d3.v2.min.js?2.9.1"></script>
	<style>

	body {
	background: #222;
	}

	<!DOCTYPE html>
	<meta charset="utf-8">
	<body>
	<script src="http://d3js.org/d3.v2.js?2.9.6"></script>
	<script>

	var canvas = d3.select("body").append("canvas")
	.attr("width", 960)
	.attr("height", 500);