TypeViz - A Tool for Exploring Typographic Data Encodings

Font Weight

Data Type:

Text Column:

Data Column:

Minimum Weight:

Maximum Weight:

Midpoint: Use Midpoint

Font Size

Data Type:

Text Column:

Data Column:

Minimum Size (px):

Maximum Size (px):

Stroke Width

Data Type:

Text Column:

Data Column:

Minimum Width (px):

Maximum Width (px):

Stroke Color

Data Type:

Text Column:

Data Column:

Palette Type:

Color Scheme:

Data Distribution:

Number of Bins:

Midpoint Value:

Color Ramp:

Font Color

Data Type:

Text Column:

Data Column:

Palette Type:

Color Scheme:

Data Distribution:

Number of Bins:

Midpoint Value:

Color Ramp:

Letter Spacing

Data Type:

Text Column:

Data Column:

Minimum Spacing (px):

Maximum Spacing (px):

Fill Overlay

Horizontal Fill

Data Type:

Text Column:

Data Column:

Minimum Fill (%):

Maximum Fill (%):

Midpoint: Use Midpoint

Opacity: 0.8

Vertical Fill

Data Type:

Text Column:

Data Column:

Minimum Fill (%):

Maximum Fill (%):

Midpoint: Use Midpoint

Opacity: 0.8

Text Opacity

Data Type:

Text Column:

Data Column:

Minimum Opacity: 0.2

Maximum Opacity: 1

Highlighting

Data Type:

Text Column:

Data Column:

Minimum Opacity: 0.2

Maximum Opacity: 0.8

Highlight Color:

#FFFF00

Font Family

Text Column:

Category Column:

Text Case

Text Column:

Category Column:

The category column should only contain 2 possible values. One will be UPPERCASE, the other will be lowercase.

Underlining

Data Type:

Text Column:

Data Column:

Minimum Thickness (px):

Maximum Thickness (px):

Line Style:

Text Shadow Size

Data Type:

Text Column:

Data Column:

Minimum Size (px):

Maximum Size (px):

Text Shadow Blur

Data Type:

Text Column:

Data Column:

Minimum Blur (px):

Maximum Blur (px):

Text Shadow Opacity

Data Type:

Text Column:

Data Column:

Minimum Opacity: 0.2

Maximum Opacity: 0.8

Strikethrough

Data Type:

Text Column:

Data Column:

Minimum Thickness (px):

Maximum Thickness (px):

Line Style:

Line Color:

Text Angle (Obliqueness)

Data Type:

Text Column:

Data Column:

Minimum Angle (degrees):

Maximum Angle (degrees):

X-Height

Data Type:

Text Column:

Data Column:

Minimum Scale Factor: 0.7 = 70% of normal x-height

Maximum Scale Factor: 1.3 = 130% of normal x-height

Preserve Cap Height When checked, keeps the top of letters at the same height

TypeViz Research

Input & Controls

Upload & Export Files

Upload Text Document (.txt)

Upload Dataset (.csv)

Import Encodings if Wanted (.json)

Export Results

Configure Encodings

Preview

Preview Settings