1 of 33

Data Visualization with

Python + Adobe Illustrator

Rashida Kamal for 2019 ITP Camp

rashida.kamal@gmail.com

2 of 33

Agenda

3 of 33

  1. About Me / About You
  2. Expectations
  3. Our workflow
  4. Coding! Illustrating!
  5. Additional Resources

4 of 33

About Me / Some of My Work

5 of 33

6 of 33

7 of 33

8 of 33

9 of 33

10 of 33

11 of 33

12 of 33

13 of 33

About You!

14 of 33

How many of you have had some coding experience?

How about coding in python?

How about experience in data analysis?

How about designing in Illustrator?

15 of 33

Expectations

16 of 33

I won’t be covering python syntax in detail, but I will highlight some aspects that will hopefully make the code you see more legible.

Same with Adobe: I won’t go into too many nitty-gritties, but I will show you a few specific tricks that make it easier to make visualizations more visually appealing.

We’ll also share some ideas about what makes a visualization effective.

17 of 33

If you finish early, check in to see if you can help out the person next to you.

If you get stuck, whether it’s with getting something installed or running some code, try pair programming with the person next to you.

Basically, help each other!

Don’t be afraid to Google solutions and try them! You won’t break anything.

18 of 33

Our Workflow

19 of 33

ACQUISITION

CLEANING

ANALYSIS

VISUALIZATION

click + export

OR

scrape

OR

API requests

csvkit

python + pandas

python + pandas + matplotlib

matplotlib

adobe illustrator

ai2html

1

2

3

4

20 of 33

ACQUISITION

CLEANING

ANALYSIS

VISUALIZATION

click + export

OR

scrape

OR

API requests

1

2

3

4

21 of 33

Coding! Illustrating!

22 of 33

Go to:

https://github.com/rashidakamal/itpcamp-dataviz

Download the zip.

Unzip the file. Unzip the data file.

23 of 33

In Terminal or Command Prompt, make sure you install the following libraries by typing each of the following commands:

pip3 install pandas

pip3 install matplotlib

pip3 install numpy

pip3 install jupyter notebook

After you have installed each of those, make sure you are in the same folder as your downloaded zip folder.

You can type pwd to see the directory you are in. You can type cd and then some folder path to move into a different directory.

Run the notebook you downloaded by typing jupyter notebook into Terminal/Command Prompt.

24 of 33

Let’s jump into that notebook!

View the notebook: here.

25 of 33

Onto Adobe Illustrator!

Getting your document setup

26 of 33

Select everything by clicking & dragging.

27 of 33

Under Object ->

28 of 33

Onto Adobe Illustrator!

Selecting similar items

29 of 33

Under Select ->

30 of 33

Onto Adobe Illustrator!

Exporting

31 of 33

File -> Export -> Export As

32 of 33

Additional Resources

33 of 33