36 lines
1.3 KiB
Plaintext
36 lines
1.3 KiB
Plaintext
<h1>Examples</h1>
|
|
|
|
<p>Sometimes you just need to see some code to get an idea started; here are a few examples of what you can build with Planetary.js.</p>
|
|
|
|
<div class='ui three connected items examples'>
|
|
<div class='row'>
|
|
<a class='item' href='/examples/basic.html'>
|
|
<div class='content'>
|
|
<div class='name'>Basic Globe</div>
|
|
<p class='description'>It doesn't get any simpler than this:
|
|
just a static globe using built-in plugins and nothing
|
|
up our sleeves!</p>
|
|
</div>
|
|
</a>
|
|
|
|
<a class='item' href='/examples/rotating.html'>
|
|
<div class='content'>
|
|
<div class='name'>Rotating Globe</div>
|
|
<p class='description'>If there's one thing that's better than
|
|
a globe, it's a globe that rotates. This is the demo from the
|
|
homepage of Planetaryjs.com, and so includes a custom
|
|
auto-rotation plugin and zoom/drag integration.</p>
|
|
</div>
|
|
</a>
|
|
|
|
<a class='item' href='/examples/quake.html'>
|
|
<div class='content'>
|
|
<div class='name'>Earthquake Data</div>
|
|
<p class='description'>A visualization of 2013 seismic activity.
|
|
This demo shows the use of multiple custom plugins, D3
|
|
scales, fetching third party data, and DOM updates via D3.</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|