Fix various typos in site
This commit is contained in:
parent
e0bb02d461
commit
b2964f0dc7
@ -34,7 +34,7 @@ planet.projection
|
||||
|
||||
**`planet.path`**
|
||||
|
||||
`planet.path` is a [`d3.geo.path`](https://github.com/mbostock/d3/wiki/Geo-Paths) which uses the planet's internal projection to generate path data for geographical features. Its `context` method is commonly used by interal plugins to take a canvas context and return a path generator that can be used to draw on the globe.
|
||||
`planet.path` is a [`d3.geo.path`](https://github.com/mbostock/d3/wiki/Geo-Paths) which uses the planet's internal projection to generate path data for geographical features. Its `context` method is commonly used by internal plugins to take a canvas context and return a path generator that can be used to draw on the globe.
|
||||
|
||||
<div class='ui raise segment'>
|
||||
<div class='ui red ribbon label'>JavaScript</div>
|
||||
@ -95,7 +95,7 @@ planet.onDraw(function() {
|
||||
|
||||
**`planet.withSavedContext( function(context){} )`**
|
||||
|
||||
Calls the function with the current canvas context as a paremter, wrapping the function call in `context.save()` and `context.restore()`. Use this function any time you're going to modify the context to ensure it gets put back to the way it was.
|
||||
Calls the function with the current canvas context as a parameter, wrapping the function call in `context.save()` and `context.restore()`. Use this function any time you're going to modify the context to ensure it gets put back to the way it was.
|
||||
|
||||
<div class='ui raise segment'>
|
||||
<div class='ui red ribbon label'>JavaScript</div>
|
||||
|
||||
@ -8,7 +8,7 @@
|
||||
<div class='ui blue ribbon label'>HTML</div>
|
||||
<pre><code class='language-html'><canvas id='quakeCanvas'></canvas>
|
||||
<h1>Earthquakes: 2013</h1>
|
||||
<ul id='magnitues'></ul>
|
||||
<ul id='magnitudes'></ul>
|
||||
|
||||
<div id='controls'>
|
||||
<div>
|
||||
@ -53,21 +53,21 @@
|
||||
|
||||
|
||||
// Create a color scale for the various earthquake magnitudes; the
|
||||
// mininum magnitude in our data set is 2.5.
|
||||
// minimum magnitude in our data set is 2.5.
|
||||
var colors = d3.scale.pow()
|
||||
.exponent(2)
|
||||
.domain([2, 6,10])
|
||||
.range(['rgb(255,255,204)', 'rgb(253,141,60)','rgb(128,0,38)'])
|
||||
.clamp(true);
|
||||
// Also create a scale for mapping magnitues to ping angle sizes
|
||||
// Also create a scale for mapping magnitudes to ping angle sizes
|
||||
var angles = d3.scale.pow()
|
||||
.exponent(2)
|
||||
.domain([2.5, 10])
|
||||
.range([0.5, 15])
|
||||
.clamp(true);
|
||||
|
||||
// Create a key to show the magnitues and their colors
|
||||
d3.select('#magnitues').selectAll('li')
|
||||
// Create a key to show the magnitudes and their colors
|
||||
d3.select('#magnitudes').selectAll('li')
|
||||
.data(colors.ticks(9))
|
||||
.enter()
|
||||
.append('li')
|
||||
|
||||
@ -10,7 +10,7 @@
|
||||
color: white;
|
||||
}
|
||||
|
||||
ul#magnitues {
|
||||
ul#magnitudes {
|
||||
position: absolute;
|
||||
top: 100px;
|
||||
left: 30px;
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<canvas id='quakeCanvas'></canvas>
|
||||
<h1>Earthquakes: 2013</h1>
|
||||
<ul id='magnitues'></ul>
|
||||
<ul id='magnitudes'></ul>
|
||||
|
||||
<div id='controls'>
|
||||
<div>
|
||||
|
||||
@ -30,21 +30,21 @@
|
||||
|
||||
|
||||
// Create a color scale for the various earthquake magnitudes; the
|
||||
// mininum magnitude in our data set is 2.5.
|
||||
// minimum magnitude in our data set is 2.5.
|
||||
var colors = d3.scale.pow()
|
||||
.exponent(2)
|
||||
.domain([2, 6,10])
|
||||
.range(['rgb(255,255,204)', 'rgb(253,141,60)','rgb(128,0,38)'])
|
||||
.clamp(true);
|
||||
// Also create a scale for mapping magnitues to ping angle sizes
|
||||
// Also create a scale for mapping magnitudes to ping angle sizes
|
||||
var angles = d3.scale.pow()
|
||||
.exponent(2)
|
||||
.domain([2.5, 10])
|
||||
.range([0.5, 15])
|
||||
.clamp(true);
|
||||
|
||||
// Create a key to show the magnitues and their colors
|
||||
d3.select('#magnitues').selectAll('li')
|
||||
// Create a key to show the magnitudes and their colors
|
||||
d3.select('#magnitudes').selectAll('li')
|
||||
.data(colors.ticks(9))
|
||||
.enter()
|
||||
.append('li')
|
||||
|
||||
@ -35,7 +35,7 @@
|
||||
scaleExtent: [100, 300]
|
||||
}));
|
||||
globe.loadPlugin(planetaryjs.plugins.drag({
|
||||
// Dragging the globe shoud pause the
|
||||
// Dragging the globe should pause the
|
||||
// automatic rotation until we release the mouse.
|
||||
onDragStart: function() {
|
||||
globe.plugins.autorotate.pause();
|
||||
|
||||
@ -18,7 +18,7 @@
|
||||
scaleExtent: [100, 300]
|
||||
}));
|
||||
globe.loadPlugin(planetaryjs.plugins.drag({
|
||||
// Dragging the globe shoud pause the
|
||||
// Dragging the globe should pause the
|
||||
// automatic rotation until we release the mouse.
|
||||
onDragStart: function() {
|
||||
globe.plugins.autorotate.pause();
|
||||
|
||||
@ -18,7 +18,7 @@
|
||||
scaleExtent: [100, 300]
|
||||
}));
|
||||
globe.loadPlugin(planetaryjs.plugins.drag({
|
||||
// Dragging the globe shoud pause the
|
||||
// Dragging the globe should pause the
|
||||
// automatic rotation until we release the mouse.
|
||||
onDragStart: function() {
|
||||
globe.plugins.autorotate.pause();
|
||||
|
||||
Loading…
Reference in New Issue
Block a user