PykCharts.js Taxonomy

Let’s explore the humble pie chart…

Party PercentageE 38%D 25%C 20%B 15%A 2%

Break the whole into parts.

Let’s explore the humble pie chart…

Party PercentageE 38%D 25%C 20%B 15%A 2%

Break the whole into parts.

Data: One dimensional Visual Encoding: Area

New Terms• Dimension: Columns by which you group data.

• Facts: Numbers that you can count, sum, average, etc.

• Examples:• Seat count by party• Seat count by party and state

• Visual Encoding: Area, Position, Colour, Length, Thickness, etc.

One-dimensional Charts

PIE is a one-dimensional chart

One-dimensional Charts …

A pie could have been a random shape broken by percentage

One-dimensional Charts …

Pie

Amoeba

PercentageRectangle Donut

PercentageTriangle

Bubble

Election Donut

Funnel

Percentage Bar

Percentage Column

All of these are PIE charts

New Data Set

One dimensional: Seat count by party

Grouped One dimensional: Seat count by party grouped by alliance

Grouped One-dimensional Charts

Party Alliance Percentage

A NDA 38%

B NDA 25%

C NDA 20%

D UPA 15%

E Others 2%

Grouped One-dimensional Charts

Group various bubbles by colours

Party Alliance Percentage

A NDA 38%

B NDA 25%

C NDA 20%

D UPA 15%

E Others 2%

Grouped One-dimensional Charts

Group various bubbles by colours

Party Alliance Percentage

A NDA 38%

B NDA 25%

C NDA 20%

D UPA 15%

E Others 2%

You can always fit in an extra dimension (GROUP) in charts using colour.

New Data Set

One dimensional: Seat count by party

Grouped One dimensional: Seat count by party grouped by alliance

Two dimensional: Which party won in which year

Two-dimensional Charts

Plot two data points

Party Constituency

A Z

B Y

C X

D V

E W

13Visual encoding: Position, Length

Two-dimensional Charts…

Connect the dots and you get a line chart.

Two-dimensional Charts…

Scatter Line Area

Bar Column Spider

All these charts require the same data.Number of dimensions in data determines which chart to use

New Data Set

One dimensional: Seat count by party

Grouped One dimensional: Seat count by party grouped by alliance

Two dimensional: Which party won in which constituency

Weighted Two dimensional: Which party won in which constituency by what vote margin

Weighted Two-dimensional Charts

This is a 2d chart.

Weighted Two-dimensional Charts …

Let’s add weight to it, hence now we have three data points

X axis Y axis Weight

A Z 40

B Y 20

C X 1

D V 300

E W 60

18Visual encoding: Position, Length, Area

Weighted Two-dimensional Charts …

Weighted Scatter Circle Comparison

All these charts require the same data.You can always fit in an extra fact (WEIGHT) in charts using size.

New Data Set

One dimensional: Seat count by party

Grouped One dimensional: Seat count by party grouped by alliance

Two dimensional: Which party won in which constituency

Weighted Two dimensional: Which party won in which constituency by what vote margin

Grouped Weighted Two dimensional: Which party won in which constituency by what vote margin grouped by alliance

Grouped Weighted Two-dimensional Charts

Grouped Weighted Scatter Grouped Circle Comparison

21Visual encoding: Position, Length, Area, Colour

Multi-series Two-dimensional Charts …

RangeGanttMulti-series Line

Group Column Stack Column Group Stack Column

Stack Area Stack Percentage Area

Add more dimensions in creative ways.

We are at @pykih

Fun fact: The word pykih came to us in a CAPTCHA. That’s the day we decided that till we

do good work it does not matter what we are called.