<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/xsl" href="/assets/xslt/atom.xslt" ?>
<?xml-stylesheet type="text/css" href="/assets/css/atom.css" ?>
<feed xmlns="http://www.w3.org/2005/Atom">
	<id>https://wontgruber.github.io/</id>
	<title>nickwilgruber</title>
	<updated>2018-01-08T17:17:12+00:00</updated>

	<subtitle>A blog + portfolio for maps, thoughts, and ramblings.</subtitle>

	
		
		<author>
			
				<name>wontgruber</name>
			
			
			
		</author>
	

	<link href="https://wontgruber.github.io/atom.xml" rel="self" type="application/rss+xml" />
	<link href="https://wontgruber.github.io/" rel="alternate" type="text/html" />

	<generator uri="http://jekyllrb.com" version="3.6.2">Jekyll</generator>

	
		<entry>
			<id>https://wontgruber.github.io/maps/Mapping-watersheds-in-Allegheny-County/</id>
			<title>Mapping watersheds in Allegheny County</title>
			<link href="https://wontgruber.github.io/maps/Mapping-watersheds-in-Allegheny-County/" rel="alternate" type="text/html" title="Mapping watersheds in Allegheny County" />
			<updated>2016-07-18T00:00:00+00:00</updated>

			
				
				<author>
					
						<name>wontgruber</name>
					
					
					
				</author>
			
			<summary>Playing with user interation for small watersheds</summary>
			<content type="html" xml:base="https://wontgruber.github.io/maps/Mapping-watersheds-in-Allegheny-County/">&lt;p&gt;My goals with this map were to successfully apply that hover-over-a-watershed-and-the-polygon-lights-up technique that you can see in the live map and to create a watershed map that was more interactive than I typically see. I also ended up learning about how water flows through the city. Cool.&lt;/p&gt;

&lt;h3 id=&quot;watersheds&quot;&gt;Watersheds&lt;/h3&gt;
&lt;p&gt;&lt;img src=&quot;/images/inPost_watershed_image.jpg&quot; class=&quot;img-responsive&quot; /&gt;
&lt;a href=&quot;https://bl.ocks.org/wontgruber/raw/a5fb00aa35d140855dacc7337c4f85ec/&quot;&gt;Veiw the live version of the map&lt;/a&gt; |
&lt;a href=&quot;https://bl.ocks.org/wontgruber/a5fb00aa35d140855dacc7337c4f85ec/&quot;&gt;Check out the code&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The goals were visual. Given that, the hue (darkness/lightness) of the small watersheds is basically meaningless. The shading helps differentiate between neighboring polygons, but it is based on the size of the watershed (which is redundant and cartographic bad practice). Instead, I should have had hue based on something that adds information density to the map (e.g. a water quality metric). I didn’t do that because I’m trying to keep my projects small, focused, and complete-able for now. The watershed names and shapes are correct.&lt;/p&gt;

</content>

			
				<category term="maps" />
			
			
				<category term="maps" />
			

			<published>2016-07-18T00:00:00+00:00</published>
		</entry>
	
		<entry>
			<id>https://wontgruber.github.io/maps/WUGC-tweets-part-2/</id>
			<title>WUGC tweets part 2</title>
			<link href="https://wontgruber.github.io/maps/WUGC-tweets-part-2/" rel="alternate" type="text/html" title="WUGC tweets part 2" />
			<updated>2016-07-07T00:00:00+00:00</updated>

			
				
				<author>
					
						<name>wontgruber</name>
					
					
					
				</author>
			
			<summary>Exploring different ways to visualize twitter data</summary>
			<content type="html" xml:base="https://wontgruber.github.io/maps/WUGC-tweets-part-2/">&lt;p&gt;Inspired by &lt;a href=&quot;http://andrewxhill.com/blog/2015/04/17/torque-unknown/&quot;&gt;Andrew Hill’s post&lt;/a&gt; on alternative methods using Torque maps, I wanted to play around with other ways to display the Twitter data I posted about &lt;a href=&quot;http://www.nickwilgruber.com/maps/WUGC2016/&quot;&gt;last week&lt;/a&gt;. Again, I’m using tweets with the hashtag WUGC2016 pulled over a 30 day period.&lt;/p&gt;

&lt;h3 id=&quot;bubbles&quot;&gt;Bubbles&lt;/h3&gt;
&lt;iframe width=&quot;100%&quot; height=&quot;520&quot; frameborder=&quot;0&quot; src=&quot;https://nwilgruber.carto.com/viz/9fce6d84-448c-11e6-ae75-0e3ebc282e83/embed_map&quot; allowfullscreen=&quot;&quot; webkitallowfullscreen=&quot;&quot; mozallowfullscreen=&quot;&quot; oallowfullscreen=&quot;&quot; msallowfullscreen=&quot;&quot;&gt;&lt;/iframe&gt;

&lt;p&gt;This is the more striking map of the two. As people tweet in a given location, the bubbles expand. The visualization, I think, makes it a little easier to see Twitter activity in areas with less tweets. On the other end of that, I love how chaotic the UK gets as the bubbles expand. It’s visually quite fun.&lt;/p&gt;

&lt;h3 id=&quot;static-tweets&quot;&gt;Static tweets&lt;/h3&gt;
&lt;iframe width=&quot;100%&quot; height=&quot;520&quot; frameborder=&quot;0&quot; src=&quot;https://nwilgruber.carto.com/viz/4d3f0e4a-4485-11e6-a6be-0e233c30368f/embed_map&quot; allowfullscreen=&quot;&quot; webkitallowfullscreen=&quot;&quot; mozallowfullscreen=&quot;&quot; oallowfullscreen=&quot;&quot; msallowfullscreen=&quot;&quot;&gt;&lt;/iframe&gt;

&lt;p&gt;While not as stunning (or as animated), this map makes the range location of tweets clear. There’s hundreds a tweets around London, but South Africa and the Philippines also have a strong twitter presence.&lt;/p&gt;

&lt;p&gt;Alright. Enough Twitter maps for now.&lt;/p&gt;
</content>

			
				<category term="maps" />
			
			
				<category term="maps" />
			

			<published>2016-07-07T00:00:00+00:00</published>
		</entry>
	
		<entry>
			<id>https://wontgruber.github.io/maps/WUGC2016/</id>
			<title>Animated mapping with WUGC tweets</title>
			<link href="https://wontgruber.github.io/maps/WUGC2016/" rel="alternate" type="text/html" title="Animated mapping with WUGC tweets" />
			<updated>2016-06-28T00:00:00+00:00</updated>

			
				
				<author>
					
						<name>wontgruber</name>
					
					
					
				</author>
			
			<summary>Watch London light up as players and fans tweet about the World Ultimate &amp; Guts Championships</summary>
			<content type="html" xml:base="https://wontgruber.github.io/maps/WUGC2016/">
&lt;p&gt;This past week, the &lt;a href=&quot;http://wugc2016.com/&quot;&gt;World Ultimate and Guts Championships&lt;/a&gt; (WUGC) were held in London. The &lt;a href=&quot;http://ultiworld.com/2016/06/25/usa-sweep/&quot;&gt;USA swept all divisions&lt;/a&gt;, Team Canada’s Danielle Fortin executed an &lt;a href=&quot;https://www.facebook.com/UltimateCanada/videos/1286956634647900/&quot;&gt;impressive greatest&lt;/a&gt;, and people around the globe tweeted about the championships. I had been thinking about playing with twitter data for some time – particularly with respect to ultimate and WUGC seemed like the perfect oppurtunity. WUGC is an international event and it lends itself well to showing ultimate’s influence around the world, and with the hashtag #WUGC2016 prominently displayed on the WUGC website and plenty of tweets using it, I was hopeful I could make something cool.&lt;/p&gt;

&lt;h3 id=&quot;the-map&quot;&gt;The Map&lt;/h3&gt;
&lt;iframe width=&quot;100%&quot; height=&quot;520&quot; frameborder=&quot;0&quot; src=&quot;https://nwilgruber.cartodb.com/viz/49cff1b6-3d73-11e6-9502-0e787de82d45/embed_map&quot; allowfullscreen=&quot;&quot; webkitallowfullscreen=&quot;&quot; mozallowfullscreen=&quot;&quot; oallowfullscreen=&quot;&quot; msallowfullscreen=&quot;&quot;&gt;&lt;/iframe&gt;

&lt;p&gt;CartoDB makes this kind of map easy to build. I pulled tweets with #WUGC2016 over a 30 day period, styled the map with CSS, and used torque.js to animate the tweets by timestamp.&lt;/p&gt;

&lt;p&gt;I &lt;em&gt;really&lt;/em&gt; enjoy watching this animation. It starts with a slow build-up and scattered tweets all over the globe. Then London lights up with a pulse of tweets during each day of competition. My favorite part is watching teams get support from their home countries during play. Check out Colombia, India, South Africa, the Philippines, and UAE – all have pulses of tweets from fans back home.&lt;/p&gt;

&lt;h3 id=&quot;allow-me-to-get-nerdy-for-a-minute&quot;&gt;Allow me to get nerdy for a minute…&lt;/h3&gt;
&lt;p&gt;While the map is cool to look at, don’t go trying to derive any strong scientific conclusions from it. There are a few things to note here: This map only uses tweets that are geolocated (i.e. Tweets that have location data enabled). Geolocated tweets make up about 5% of all tweets – so this is a small (and not necessarily representative) sample. CartoDB uses what they call “geo-enrichment” to increase those Twitter search results up to 15% to 20%. Much of that additional 10% - 15% seems to come from tweets that have country-specific location data – but no finer geographic detail. In those cases, CartoDB uses a fixed point near the geographic center of that country to plot the tweet location. As a result, there are tweets popping up in places you might not expect. Go back and watch the animation again. A constant stream of tweets from northern Kansas? The Northwest Territories in Canada? The middle of the Sibuyan Sea in the Philippines? Central Australia? Doubtful. With all that in mind, we can draw broad conclusions about when and how often people in specific countries are tweeting, but beyond that – approach with caution.&lt;/p&gt;

&lt;p&gt;More maps are coming soon. Until then, enjoy the eye candy.&lt;/p&gt;
</content>

			
				<category term="maps" />
			
			
				<category term="maps" />
			

			<published>2016-06-28T00:00:00+00:00</published>
		</entry>
	
		<entry>
			<id>https://wontgruber.github.io/thoughts/hello-world/</id>
			<title>Hello world</title>
			<link href="https://wontgruber.github.io/thoughts/hello-world/" rel="alternate" type="text/html" title="Hello world" />
			<updated>2016-06-23T00:00:00+00:00</updated>

			
				
				<author>
					
						<name>wontgruber</name>
					
					
					
				</author>
			
			<summary>My building a website is long overdue...</summary>
			<content type="html" xml:base="https://wontgruber.github.io/thoughts/hello-world/">&lt;p&gt;Hello world. I’m not sure what form(s) this website will take, but I am excited about all the learning that’s sure to come along with it taking shape. Stay tuned. &amp;lt;3&lt;/p&gt;
</content>

			
				<category term="thoughts" />
			
			
				<category term="thoughts" />
			

			<published>2016-06-23T00:00:00+00:00</published>
		</entry>
	
</feed>