This example uses d3.geo.circle and d3.geo.azimuthalEquidistant to draw rings of constant distance from Sydney.
forked from http://bl.ocks.org/mbostock/4436875
path,circle,rect,polygon,ellipse,line { | |
vector-effect: non-scaling-stroke; | |
} | |
svg, canvas { | |
top: 0; | |
} | |
#d3MapZoomBox { | |
position: absolute; | |
z-index: 10; | |
height: 100px; |
// Adapted from https://github.com/mbostock/d3/blob/master/src/svg/axis.js | |
// forked from http://bl.ocks.org/aubergene/4723857 | |
var circleLegend = function() { | |
'use strict'; | |
var scale, | |
orient = 'left', | |
tickPadding = 3, | |
tickExtend = 5, | |
tickArguments_ = [10], |
This example uses d3.geo.circle and d3.geo.azimuthalEquidistant to draw rings of constant distance from Sydney.
forked from http://bl.ocks.org/mbostock/4436875
<!DOCTYPE html> | |
<meta charset="utf-8"> | |
<style> | |
path { | |
fill: none; | |
stroke-linejoin: round; | |
} | |
.sphere, |
Rendering a SVG Chart for showing parts of a whole.
Supported URL query string parameters
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<title>Gendertrouble</title> | |
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> | |
<style> | |
circle.rillenfeld {fill: #16161D;} | |
circle.label {fill: none; stroke: #A04D32; stroke-width: 1;} | |
svg text {fill: white; font-family: sans-serif; font-weight: normal;} |
"use strict"; | |
String.prototype.colorNameToHex = function (returnUnresolved) { // color list from http://stackoverflow.com/q/1573053/731179 with added gray/gray | |
var hexRGB, definedColorNames = {"aliceblue": "#f0f8ff", "antiquewhite": "#faebd7", "aqua": "#00ffff", "aquamarine": "#7fffd4", "azure": "#f0ffff", "beige": "#f5f5dc", "bisque": "#ffe4c4", "black": "#000000", "blanchedalmond": "#ffebcd", "blue": "#0000ff", "blueviolet": "#8a2be2", "brown": "#a52a2a", "burlywood": "#deb887", "cadetblue": "#5f9ea0", "chartreuse": "#7fff00", "chocolate": "#d2691e", "coral": "#ff7f50", "cornflowerblue": "#6495ed", "cornsilk": "#fff8dc", "crimson": "#dc143c", "cyan": "#00ffff", "darkblue": "#00008b", "darkcyan": "#008b8b", "darkgoldenrod": "#b8860b", "darkgray": "#a9a9a9", "darkgreen": "#006400", "darkkhaki": "#bdb76b", "darkmagenta": "#8b008b", "darkolivegreen": "#556b2f", "darkorange": "#ff8c00", "darkorchid": "#9932cc", "darkred": "#8b0000", "darksalmon": "#e9967a", "darkseagreen": "#8fbc8f", "darkslateblue": "#483d8b" |
[ Launch: simple overlayed globe canvas ] 4679442 by mxfh[ Launch: simple globe canvas ] 4670598 by ejfox[ Launch: simple globe ] 4669854 by enjalot[ Launch: Tributary inlet ] 4661803 by enjalot