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.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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"); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<meta charset="utf-8"> | |
<style> | |
body { | |
border: solid 3px steelblue; | |
cursor: crosshair; | |
} | |
#parent { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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); |
Interrupted rotating Mollweide hemispheres.
The Azimuthal Equidistant projection is available as d3.geo.azimuthalEquidistant
in the geo.projection D3 plugin.
Combines the Atlantis aspect with Mike’s projection transitions, showing off various projections from the geo.projection D3 plugin.
Oblique Hammer projection, created using a combination of d3.geo.hammer
and d3.geo.clip
from the geo.projection D3 plugin.
Coordinates are rotated 45° counterclockwise.