-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
114 lines (90 loc) · 8.67 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8">
<title>ofrohn.github.io</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="stylesheets/normalize.css" media="screen">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
<link rel="stylesheet" type="text/css" href="stylesheets/github-light.css" media="screen">
</head>
<body>
<section class="page-header">
<h1 class="project-name">ofrohn.github.io projects</h1>
<!--<h2 class="project-tagline"></h2>-->
</section>
<section class="nav">
<a href="https://github.com/ofrohn/"><img title="My GitHub repositories" src="stylesheets/gh.png" style="border: 0 none; margin: 0 2px;" /></a><a href="https://twitter.com/OlafFrohn"><img src="stylesheets/tw.png" style="border: 0 none; margin: 0 2px;" title="Follow me on Twitter" /></a><a href="https://armchairastronautics.blogspot.com/"><img src="stylesheets/bl.png" style="border: 0 none; margin: 0 2px;" title="Blog" /><a href="https://armchairastronautics.blogspot.com/feeds/posts/default"><img src="stylesheets/rss.png" style="border: 0 none; margin: 0 2px;" title="RSS Feed" /></a>
</section>
<section class="main-content">
<hgroup id="d3c"><h1>
<a id="celestial-map-with-d3js" class="anchor" href="#celestial-map-with-d3js" aria-hidden="true"><span class="octicon octicon-link"></span></a>D3-Celestial</h1><h3>Sky map with D3.js</h3>
<a href="https://ofrohn.github.io/celestial-demo/viewer.html" class="btn">Interactive map</a>
<a href="https://ofrohn.github.io/celestial-demo/location.html" class="btn">Sky viewer</a>
<a href="https://ofrohn.github.io/celestial-demo/planets-animation.html" class="btn">Animated planets</a>
<a href="https://ofrohn.github.io/celestial-demo/sky.html" class="btn">Just the stars</a>
<a href="https://github.com/ofrohn/d3-celestial" class="btn">GitHub repository</a>
</hgroup>
<p>Interactive, adaptable celestial map done with the <a href="https://d3js.org/">D3.js</a> visualization library. So, GeoJSON for sky stuff. Which surprisingly nobody has done yet, it seems.</p>
<p>Features display of stars from the <a href="http://www.cosmos.esa.int/web/hipparcos/hipparcos-2">Hipparcos catalogue</a>, <a href="http://saguaroastro.org/content/downloads.htm">deep sky objects</a> (DSOs) with a selectable magnitude limit up to 6, or choose different GeoJSON data source for higher magnitudes. Also shows constellations with names, lines and/or boundaries, the Milky Way band, grid lines/coordinates and <a href="https://ssd.jpl.nasa.gov/?ephemerides">Solar System objects</a>. Alternate coordinate spaces e.g. ecliptc, galactic or supergalactic are also possible. Full support for zoom and rotation with mouse or gestures. The interactive viewer has a form that can set most parameters live on the map</p>
<hgroup id="d3o"><h1>
<a id="solar-system-map-with-d3js" class="anchor" href="#solar-system-map-with-d3js" aria-hidden="true"><span class="octicon octicon-link"></span></a>D3-Orrery</h1><h3>Solar System map with D3.js & three.js</h3>
<a href="https://ofrohn.github.io/orrery-viewer.html" class="btn">Interactive Map</a>
<a href="https://github.com/ofrohn/d3-orrery" class="btn">GitHub Repository</a>
</hgroup>
<p>An interactive Solar System simulator (a.k.a. Orrery) implemented with d3.js for data handling and three.js for visualization. Shows planets as 3D bodies with surface texture and trajectories, as well as small bodies as simple sprites. Optional spacecraft with images and trajectories (tbi). Full support for zoom and rotation with mouse or gestures.
</p>
<hgroup id="seh"><h1>
<a id="space-exploration-history" class="anchor" href="#space-exploration-history" aria-hidden="true"><span class="octicon octicon-link"></span></a>Space Exploration History</h1><h3>in interactive graphics</h3>
<a href="diag.html" class="btn">Solar System Exploration</a>
<a href="https://github.com/ofrohn/seh" class="btn">GitHub Repository</a>
<a href="https://ofrohn.github.io/seh-doc/" class="btn">Readme</a>
<a href="https://ofrohn.github.io/seh-doc/list-date.html" class="btn">Event list</a>
<a href="https://ofrohn.github.io/seh-doc/ground-systems.html" class="btn">Ground Segment</a>
<a href="https://ofrohn.github.io/seh-doc/list-missions.html" class="btn">Missions</a>
<a href="https://ofrohn.github.io/seh-doc/list-objects.html" class="btn">Destinations</a>
<a href="https://ofrohn.github.io/seh-doc/list-lc.html" class="btn">Launch sites</a>
<a href="https://ofrohn.github.io/seh-doc/list-lv.html" class="btn">Rockets</a>
<a href="https://ofrohn.github.io/seh-doc/obs-range.html" class="btn">Space Telescopes</a>
<a href="https://ofrohn.github.io/seh-doc/obs-res.html" class="btn">Spectral Range vs. Resolution</a>
</hgroup>
<p>A collection of interactive graphics of space exploration, starting with a Solar System timeline and listings/maps of all the involved components. Continuing with an overview of active and future space telescopes, their spectral ranges and angular resolutions.
</p>
<hgroup id="d3a"><h1>
<a id="asteroid-families-with-d3js" class="anchor" href="#asteroid-families-with-d3js" aria-hidden="true"><span class="octicon octicon-link"></span></a>Asteroid families</h1><h3>Interactive plot with D3.js</h3>
<a href="https://ofrohn.github.io/asteroids-viewer.html" class="btn">Interactive Map</a>
<a href="https://github.com/ofrohn/asteroids" class="btn">GitHub Repository</a>
</hgroup>
<p> A 3D plot of asteroid families by proper elements and colors implemented with D3.js. Shows main belt asteroids grouped naturally by their proper orbital elements semi major axis (a), inclnation (sin i) and eccentricity (e). The color coding is from diagnostic colors indicative of composition.
</p>
<hgroup id="d3p"><h1>
<a id="threex-planets" class="anchor" href="#threex-planets" aria-hidden="true"><span class="octicon octicon-link"></span></a>THREEx Planets</h1><h3> Planet simulations for three.js</h3>
<a href="https://ofrohn.github.io/threex-planets-demo/planets.html" class="btn">All bodies</a>
<a href="https://ofrohn.github.io/threex-planets-demo/earthmoon.html" class="btn">Earth & Moon</a>
<a href="https://ofrohn.github.io/threex-planets-demo/planetary-systems.html" class="btn">Planetary Systems</a>
<a href="https://github.com/ofrohn/threex.planets" class="btn">GitHub Repository</a>
</hgroup>
<p> An extension for <a href="https://threejs.org/">three.js</a>, originally created by <a href="https://github.com/jeromeetienne/threex.planets">Jerome Etienne</a>, improved and extended because I needed convincing displays of all the major Solar System bodies for my orrery (see above)
</p>
<p style="text-align:center">***</p>
<p> An exploration of the Tisserand parameter as an interactive <a href="https://ofrohn.github.io/tisserand.html">line diagram</a> and a <a href="https://ofrohn.github.io/tisserand2.html">heat map</a>, including an explanation <a href="https://github.com/ofrohn/Tisserand-parameter">what it is</a>.
</p>
<p style="text-align:center">***</p>
<p>Since the maps use d3.js, three.js and HTML5 canvas, they need a modern browser with canvas support, so any recent flavor of Chrome/Firefox/Safari/Opera or IE 9 and above should suffice. Check out the demo interactive viewers linked above or fork/download the code from the abve linked github repositories. Local loading works fine with Firefox; Chrome needs to be started with command line parameter <code>--allow-file-access-from-files</code> to load local json files. Or use a local web server environment.</p>
<p>Thanks to Mike Bostock and Jason Davies for <a href="https://d3js.org/">D3.js</a> and <a href="https://github.com/d3/d3-geo-projection">d3.geo.projections</a>.
And also thanks to Jason Davies for <a href="http://www.jasondavies.com/maps/rotate/">d3.geo.zoom</a>, which saved me some major headaches in figuring out how to rotate/zoom the sky map.</p>
<p>Released under <a href="LICENSE">BSD License</a></p>
<footer class="site-footer">
<span class="site-footer-credits">This page uses the <a href="https://github.com/jasonlong/cayman-theme">Cayman theme</a> by <a href="https://twitter.com/jasonlong">Jason Long</a>.</span>
</footer>
</section>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-105720254-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-105720254-1');
</script>
</body>
</html>