D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
loveice622
Full window
Github gist
Meterorities-test-ref
Built with
blockbuilder.org
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Macrometeorites: the largest meteorites throughout history</title> <link href='https://fonts.googleapis.com/css?family=Armata' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Sanchez:400italic' rel='stylesheet' type='text/css'> <script src="//d3js.org/d3.v3.min.js"></script> <script src="jquery-1.9.1.min.js"></script> <link rel="stylesheet" href="style.css" type="text/css"/> </head> <body> <div id="header"> <span class="title">Macrometeorites</span><span class="subtitle"> the largest meteorites throughout history</span> </div> <div id="chartsBackground"> <div id="charts"> <div class="help">Click and drag to select a period, click to deselect</div> </div> </div> <div id="map_background"></div> <div id="menu"></div> <div id="content"> <div class="about"> <div class="about1"> <h4>Macrometeorites</h4> <p>Meteorites are meteoroids originating in outer space which survive impact with the Earth. From a total of more than 45700 recorded meteorite landings, only around 3800 have a mass larger than 1kg. This visualization is about these meteorites, which have been called "Macrometeorites".</p> <p>Meteorites which have been observed while they transited the atmosphere or impacting the earth are called "falls" while all the other are called "finds". On the map it's easy to see that the most falls and finds happen in populated areas, so there are probably many other landings which have not been recorded.</p> <p>Meteorites can be divided into three big groups: stony meteorites which are rocks, iron meteorites and stony-iron meteorites which contain both metallic and rocky material. Very special cases are a few meteorites which happen to come from the Moon and Mars.</p> </div> <div class="about2"> <h4>Data and sources</h4> <p>Data: The Meteoritical Society, the data used for this visualization can be found at <a target="_blank" href="https://visualizing.org/datasets/meteorite-landings">https://visualizing.org/datasets/meteorite-landings</a></p> <p>General description: <a target="_blank" href="https://en.wikipedia.org/wiki/Meteorite">https://en.wikipedia.org/wiki/Meteorite</a></p> <p>Description of the largest meteorites: Wikipedia</p> <h4>Created by</h4> <p>Roxana Torre<br /> <a target="_blank" href="https://www.torre.nl">www.torre.nl</a><br /> contact: roxana(at)torre.nl</p> </div> <div style="clear:both"></div> </div> </div> <script type="text/javascript" src="meteorites1.5.js"></script> <script type="text/javascript" src="crossfilter1.1.js"></script> </body> </html>
https://d3js.org/d3.v3.min.js