<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>night sky &#8211; Matthew Petroff</title>
	<atom:link href="https://mpetroff.net/tag/night-sky/feed/" rel="self" type="application/rss+xml" />
	<link>https://mpetroff.net</link>
	<description>mpetroff.net</description>
	<lastBuildDate>Mon, 21 Dec 2015 20:51:49 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	
	<item>
		<title>HTML5 Night Sky Viewer</title>
		<link>https://mpetroff.net/2014/02/html5-night-sky-viewer/</link>
					<comments>https://mpetroff.net/2014/02/html5-night-sky-viewer/#comments</comments>
		
		<dc:creator><![CDATA[Matthew Petroff]]></dc:creator>
		<pubDate>Sun, 09 Feb 2014 23:41:29 +0000</pubDate>
				<category><![CDATA[Programming]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[night sky]]></category>
		<category><![CDATA[SVG]]></category>
		<guid isPermaLink="false">http://www.mpetroff.net/?p=1292</guid>

					<description><![CDATA[For HopHacks last weekend, I wrote an HTML5 night sky viewer. Using D3.js and SunCalc, the 750 brightest stars are rendered using SVG and Javascript. One&#8217;s location can either be found using the HTML5 Geolocation API, or it can be &#8230; <a href="https://mpetroff.net/2014/02/html5-night-sky-viewer/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
										<content:encoded><![CDATA[<p><span class="dropcap">F</span>or <a href="http://hophacks.com/">HopHacks</a> last weekend, I wrote an HTML5 night sky viewer. Using <a href="http://d3js.org/">D3.js</a> and <a href="https://github.com/mourner/suncalc">SunCalc</a>, the 750 brightest stars are rendered using SVG and Javascript. One&#8217;s location can either be found using the HTML5 Geolocation API, or it can be entered manually. The keyboard is used to navigate, and mousing over a star will display some information about it. As it was written in a weekend, there may be bugs.</p>
<p>Here is the viewer:<br />
<a href="/files/nightsky/">https://mpetroff.net/files/nightsky/</a></p>
<p>The code is available on <a href="https://github.com/mpetroff/nightsky">Github</a>.</p>
<p><a href="https://cdn0.mpetroff.net/wp-content/uploads/2014/02/nightsky.png" data-sbox="1292"><img decoding="async" class="aligncenter size-large wp-image-1296" alt="Night Sky" src="https://cdn0.mpetroff.net/wp-content/uploads/2014/02/nightsky-640x418.png" width="640" height="418" /></a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://mpetroff.net/2014/02/html5-night-sky-viewer/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
	</channel>
</rss>

<!--
Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/?utm_source=w3tc&utm_medium=footer_comment&utm_campaign=free_plugin

Page Caching using Disk: Enhanced 
Content Delivery Network via Amazon Web Services: CloudFront: cdn0.mpetroff.net
Minified using Disk

Served from: mpetroff.net @ 2026-03-30 06:56:41 by W3 Total Cache
-->