An immersive workshop at General Assembly, SF. I typically teach this workshop at General Assembly, San Francisco. To see a list of my upcoming classes, visit https://generalassemb.ly/instructors/seth-familian/4813
I also teach this workshop as a private lunch-and-learn or half-day immersive session for corporate clients. To learn more about pricing and availability, please contact me at http://familian1.com
1. Seth Familian
Founder + Principal, Familian&1
VISUAL DESIGN
WITH DATA
START HERE!
familian1.com/vdwd
2. SETH FAMILIAN, FOUNDER + PRINCIPAL, FAMILIAN&1
A BIT ABOUT ME 2
BUSINESS STRATEGY
GROWTH HACKING
PRODUCT MANAGEMENT WEB PRESENCE
TEACHING + EDUCATION PROCRAFTINATION
3. AGENDA 3
BUILDING BEAUTIFUL DATA TABLES
CREATING EFFECTIVE CHARTS
USING SPARKLINES
+ SMALL MULTIPLES
DATA STORYTELLING
TOOLS + TECHNIQUESINSIGHT-
SCREENSHOT
2X2 MATRICES
SCROLLYTELLING
5. WHAT’S GOOD (DATA) DESIGN?
CONSISTENT.
5
NINJA TIP:
Shift-select multiple
columns/rows and
drag-resize to make
them all the same
size with a single
gesture!
6. WHAT’S GOOD (DATA) DESIGN?
LET’S GIVE IT A TRY!
6
visit familian1.com/vdwd
7. KEY OBJECTIVE AGENDA
RESOURCESDELIVERABLE
EXERCISE FOR GOOD (DATA) DESIGN
Emulate good data design. 10 mins 1. Visit familian1.com/vdwd
2. Click on “Visit the Exercises Spreadsheet”
3. Go to “1 - Consistent”
4. Normalize fonts, borders, and column widths
5. Go to “2 - Uncluttered”
6. Make it uncluttered!
A cleaner spreadsheet! Google Spreadsheets
7
8. WHAT’S GOOD (DATA) DESIGN?
UNCLUTTERED.
8
NINJA TIP:
Adding a “spacer”
row and column at
the top and left of the
page makes the
sheet feel more like
a document.
9. WHAT’S GOOD (DATA) DESIGN?
MUTED COLORS.
9
NINJA TIP:
Using 1-2 gradations
on a single color
enables endless
formatting
possibilities.
10. WHAT’S GOOD (DATA) DESIGN?
ROLLED-UP.
10
NINJA TIP:
Pivot tables are
super useful for
rolling up data in
powerful, flexible
ways
27. KEY OBJECTIVE AGENDA
RESOURCESDELIVERABLE
EXERCISE FOR CREATING EFFECTIVE CHARTS
Create an effective chart 15 mins 1. Visit your copy of the exercises spreadsheet
2. Go to “5 - Effective Charts”
3. Make a monthly line chart on all the data
4. Clean up the formatting + add comparisons
5. Experiment with switching chart types
A cleaner spreadsheet! Google Spreadsheets
27
33. KEY OBJECTIVE AGENDA
RESOURCESDELIVERABLE
EXERCISE FOR CREATING EFFECTIVE CHARTS
Create an effective chart 15 mins 1. Visit your copy of the exercises spreadsheet
2. Go to “6 - Projections”
3. Project the next 6 months
4. Project the following 12 months
5. Format each of the two new lines
A cleaner spreadsheet! Google Spreadsheets
33
34. VISUAL DESIGN WITH DATA
BREAK TIME!
34
‣ Stretch your legs
‣ Hydrate or grab a snack
‣ We’ll start again in 10 mins!
39. KEY OBJECTIVE AGENDA
RESOURCESDELIVERABLE
SPARKLINES + SMALL MULTIPLES
Emulate good data design. 20 mins 1. Visit your copy of the exercises spreadsheet
2. Go to “6 - Sparklines”
3. Add a sparkline for each column
4. Make the sparkline a spark-column
In-line sparklines! Google Spreadsheets
39