reynolds week 2015 data visualization dianne m. finch elon university @dmfinch
TRANSCRIPT
![Page 1: Reynolds Week 2015 Data Visualization Dianne M. Finch Elon University @dmfinch](https://reader035.vdocuments.mx/reader035/viewer/2022062716/56649e035503460f94aee66f/html5/thumbnails/1.jpg)
Reynolds Week 2015Data VisualizationDianne M. FinchElon University@dmfinch
![Page 2: Reynolds Week 2015 Data Visualization Dianne M. Finch Elon University @dmfinch](https://reader035.vdocuments.mx/reader035/viewer/2022062716/56649e035503460f94aee66f/html5/thumbnails/2.jpg)
Reynolds Week 2015
@dmfinch Elon University Reynolds Visiting Professor
Today we hope to accomplish the following….
• Look at concepts briefly• Use Excel files to create visuals in Tableau Public• Clean files – or at least talk about it• Produce a tree chart, maps and bubbles• Add visuals to an HTML web page for viewing• IF TIME – we’ll look at Google API and JavaScript
![Page 3: Reynolds Week 2015 Data Visualization Dianne M. Finch Elon University @dmfinch](https://reader035.vdocuments.mx/reader035/viewer/2022062716/56649e035503460f94aee66f/html5/thumbnails/3.jpg)
What We’ll Cover Data and Encoding Overview Charts and Junk Charts Google Fusion – New Network Graph Tool
Map Geocommons – Lat/Long and Map
Custom Icons Google API – A timeline Google API – How to manipulate code without
knowing code. Other stuff if time!
![Page 4: Reynolds Week 2015 Data Visualization Dianne M. Finch Elon University @dmfinch](https://reader035.vdocuments.mx/reader035/viewer/2022062716/56649e035503460f94aee66f/html5/thumbnails/4.jpg)
Chart Junk
![Page 5: Reynolds Week 2015 Data Visualization Dianne M. Finch Elon University @dmfinch](https://reader035.vdocuments.mx/reader035/viewer/2022062716/56649e035503460f94aee66f/html5/thumbnails/5.jpg)
![Page 6: Reynolds Week 2015 Data Visualization Dianne M. Finch Elon University @dmfinch](https://reader035.vdocuments.mx/reader035/viewer/2022062716/56649e035503460f94aee66f/html5/thumbnails/6.jpg)
SABEW 2014
![Page 7: Reynolds Week 2015 Data Visualization Dianne M. Finch Elon University @dmfinch](https://reader035.vdocuments.mx/reader035/viewer/2022062716/56649e035503460f94aee66f/html5/thumbnails/7.jpg)
SABEW 2014
![Page 8: Reynolds Week 2015 Data Visualization Dianne M. Finch Elon University @dmfinch](https://reader035.vdocuments.mx/reader035/viewer/2022062716/56649e035503460f94aee66f/html5/thumbnails/8.jpg)
Data-ink Ratio More data – less ink! Save the ink for infographics and text –
add those to the same web page to help tell the story!
See: http://www.infovis-wiki.net/index.php/
Data-Ink_Ratio
![Page 9: Reynolds Week 2015 Data Visualization Dianne M. Finch Elon University @dmfinch](https://reader035.vdocuments.mx/reader035/viewer/2022062716/56649e035503460f94aee66f/html5/thumbnails/9.jpg)
It’s Ugly!But Get to Know it Before you viz it
![Page 10: Reynolds Week 2015 Data Visualization Dianne M. Finch Elon University @dmfinch](https://reader035.vdocuments.mx/reader035/viewer/2022062716/56649e035503460f94aee66f/html5/thumbnails/10.jpg)
Data – most essential component
You’ve downloaded a CSV or XLS or JSON.
Does your data reflect any trends? Any outliers?
Did you vet your data? Talk to the source? Check for errors?
Did you look for spelling issues (John Smith and Jon Smith)
Are there redundant rows? One header row?
Do you need more data to clarify your story?
What is the simplest and clearest chart you could use?
Try using a sketchpad to draw circles, lines, texture, legends.
![Page 11: Reynolds Week 2015 Data Visualization Dianne M. Finch Elon University @dmfinch](https://reader035.vdocuments.mx/reader035/viewer/2022062716/56649e035503460f94aee66f/html5/thumbnails/11.jpg)
is not Absolute, is variable, is uncertainneeds contextis often biased (politics and agendas)is often sampled (census)doesn’t tell a whole storyrequires skepticismis error-prone (humans enter it – and they are often bored and unfocused)
Data….
![Page 12: Reynolds Week 2015 Data Visualization Dianne M. Finch Elon University @dmfinch](https://reader035.vdocuments.mx/reader035/viewer/2022062716/56649e035503460f94aee66f/html5/thumbnails/12.jpg)
Data types
Nominal
Ordinal
Quantitative
![Page 13: Reynolds Week 2015 Data Visualization Dianne M. Finch Elon University @dmfinch](https://reader035.vdocuments.mx/reader035/viewer/2022062716/56649e035503460f94aee66f/html5/thumbnails/13.jpg)
So We Evaluate, filter, clean, question and attribute our data
SEE: Harvard Business Review
![Page 14: Reynolds Week 2015 Data Visualization Dianne M. Finch Elon University @dmfinch](https://reader035.vdocuments.mx/reader035/viewer/2022062716/56649e035503460f94aee66f/html5/thumbnails/14.jpg)
Data Cleaning with Excel – Lynda.com
Using absolute and relative cell references Entering data using AutoFill and other techniques
Restricting input using validation rules Sorting worksheet data Creating a custom sort order Filtering worksheet data Introducing Excel formulas and functions Adding a formula to a cell Introducing arithmetic operators Using absolute and relative cell references Joining text in cells with concatenation Summarizing data using an IF function Creating formulas to count cells Importing data from comma separated value (CSV) or text fil
es
Introducing PivotTable reports (all 10 items in this category)
![Page 15: Reynolds Week 2015 Data Visualization Dianne M. Finch Elon University @dmfinch](https://reader035.vdocuments.mx/reader035/viewer/2022062716/56649e035503460f94aee66f/html5/thumbnails/15.jpg)
Chart design last step – and there are many choices
Position along a common scale e.g. scatter plot
Position on identical but nonaligned scales e.g. multiple scatter plots
Length e.g. bar chart
Angle & Slope (tie) e.g. pie chart
Area e.g. bubbles
Volume, density, and color saturation (tie) e.g. heatmap
Color hue e.g. newsmap
![Page 16: Reynolds Week 2015 Data Visualization Dianne M. Finch Elon University @dmfinch](https://reader035.vdocuments.mx/reader035/viewer/2022062716/56649e035503460f94aee66f/html5/thumbnails/16.jpg)
A look at the good ones Arab Spring
Simple and Clear
Google Chart Gallery
NYT-Nursing Homes
Flu
Guns and Games
Other
![Page 17: Reynolds Week 2015 Data Visualization Dianne M. Finch Elon University @dmfinch](https://reader035.vdocuments.mx/reader035/viewer/2022062716/56649e035503460f94aee66f/html5/thumbnails/17.jpg)
SABEW 2014
![Page 18: Reynolds Week 2015 Data Visualization Dianne M. Finch Elon University @dmfinch](https://reader035.vdocuments.mx/reader035/viewer/2022062716/56649e035503460f94aee66f/html5/thumbnails/18.jpg)
SABEW 2014
![Page 19: Reynolds Week 2015 Data Visualization Dianne M. Finch Elon University @dmfinch](https://reader035.vdocuments.mx/reader035/viewer/2022062716/56649e035503460f94aee66f/html5/thumbnails/19.jpg)
SABEW 2014
![Page 20: Reynolds Week 2015 Data Visualization Dianne M. Finch Elon University @dmfinch](https://reader035.vdocuments.mx/reader035/viewer/2022062716/56649e035503460f94aee66f/html5/thumbnails/20.jpg)
See HTML template
Make a copy!
![Page 21: Reynolds Week 2015 Data Visualization Dianne M. Finch Elon University @dmfinch](https://reader035.vdocuments.mx/reader035/viewer/2022062716/56649e035503460f94aee66f/html5/thumbnails/21.jpg)
Google API
“Serving” Viz Via Web Pages
Not everything can be run from local computers
![Page 22: Reynolds Week 2015 Data Visualization Dianne M. Finch Elon University @dmfinch](https://reader035.vdocuments.mx/reader035/viewer/2022062716/56649e035503460f94aee66f/html5/thumbnails/22.jpg)
Hosted Sites
You will need a web server to place your pagesand images (png, svg, jpg, html)
Today we are using a “small orange” hosting site.
All web servers make files inside “public_html”available to everyone
![Page 23: Reynolds Week 2015 Data Visualization Dianne M. Finch Elon University @dmfinch](https://reader035.vdocuments.mx/reader035/viewer/2022062716/56649e035503460f94aee66f/html5/thumbnails/23.jpg)
Google API Programming: JavaScript
Copy/paste without programming
Tweak using intuitive options
![Page 24: Reynolds Week 2015 Data Visualization Dianne M. Finch Elon University @dmfinch](https://reader035.vdocuments.mx/reader035/viewer/2022062716/56649e035503460f94aee66f/html5/thumbnails/24.jpg)
Try this Latitude Longitude Tableau – take a peak Build layers on maps Add more custom icons
![Page 25: Reynolds Week 2015 Data Visualization Dianne M. Finch Elon University @dmfinch](https://reader035.vdocuments.mx/reader035/viewer/2022062716/56649e035503460f94aee66f/html5/thumbnails/25.jpg)
Geocommons Steps to produce “geocoded” CSV
Clean your data in Excel Save as a CSV Upload the file to Geocommons Choose to “geocode” - add latitude and
longitude Save your new CSV file (download from
Geocommons with new “geo” fields) Save your new KML file (it will open in
Google Earth)
![Page 26: Reynolds Week 2015 Data Visualization Dianne M. Finch Elon University @dmfinch](https://reader035.vdocuments.mx/reader035/viewer/2022062716/56649e035503460f94aee66f/html5/thumbnails/26.jpg)
Geocommons Maps Upload CSV to geocommons Choose to geocode Go through steps. Make sure you add the date on the screen that has
several questions. Save your newly uploaded file. Choose “Make a Map” As we saw in the session – the map shows up with your data. Click on the CSV filename on the right to open the “styling” section. Change the colors, shapes and tooltips. Try adding layers to the map by locating another CSV that you’ve
uploaded. Or – choose one that someone else uploaded, such as census data on income.
***Make sure that you are using data that is trustworthy and vetted when you use datasets found on Geocommons. You’ll need to look into it, do some spot checking, or contact the creator. There is a lot of census data available on Geocommons.