class: center, middle, inverse, title-slide # Visualizating Elevation along Amtrakβs Empire Builder Line ### Katie Jolly @ RLadies-Seattle katiejolly.io/rladies-datavis-20 ### 2020-12-13 --- # The final product! <img src="https://raw.githubusercontent.com/katiejolly/30-day-maps-2020/main/02-lines/amtrak_elevation.jpg" width="150%" style="display: block; margin: auto;" /> --- class: inverse, center, middle # But where to start... --- ### 30 days of maps 1. Points 2. **Lines** ← (we are here!) 3. Polygons 4. Hexagons... ### What are some lines I can think of quickly? -- * Transportation routes (bus/train/ferry/etc.) -- * Elevation -- * Roads -- * Origin-destination data -- * Joyplots --- class: inverse, center, middle # Design time (I chose elevation & the train route-- so many lines!) --- # Consider your audience π 1. Who is your audience? * I was sharing my maps on Twitter and most of my followers are also R users and have some familiarity with the geography of the US 2. How is your audience viewing your work? * On Twitter, which means I need to be mindful of image size and color for the best viewing experience 3. What do you want them to learn from it? * The biggest takeaway should be how quickly the elevation changes along the route and how different each end is --- # Find some data π I keep a bookmark folder of interesting datasets & articles/blog posts where I've seen them used well .left-column[ <br> [U.S. Geological Survey, USGS Small-scale Dataset π](https://www.sciencebase.gov/catalog/item/581d051de4b08da350d523c3) <br> <br> <br> <br> <br> <br> [Bureau of Transportation Statistics π](https://data-usdot.opendata.arcgis.com/datasets/amtrak-routes) ] .right-column[ <img src="http://prd-tnm.s3.amazonaws.com/StagedProducts/Small-scale/thumbnails/cont48l010a_shp.png" width="50%" /> <img src="img/amtrak.png" width="50%" /> ] --- # Choose the colors π¨ <img src="https://cdn.shopify.com/s/files/1/1529/3721/products/glacier-poster_1800x.jpg?v=1550751768" width="60%" style="display: block; margin: auto;" /> [The Landmark Project](https://thelandmarkproject.com/products/glacier-national-park-poster) --- # Add labels π Annotations can: * Guide your readers to the main point * Provide additional context * Reiterate important points But... *less is more!* ---- I chose to use a few Amtrak stations along the way to anchor the route in recognizable places. Especially when sharing on social media, your title should be short and catchy! **When working on a tight timeline I like to use Illustrator/Inkscape to add labels** --- # Share your work! π· π I β€οΈ using Twitter for this! <img src="https://raw.githubusercontent.com/katiejolly/30-day-maps-2020/main/02-lines/amtrak_elevation.jpg" width="150%" style="display: block; margin: auto;" /> --- class: center, middle # See the code [Github link](https://github.com/katiejolly/30-day-maps-2020/blob/main/02-lines/02-lines_empire_builder.R)