Download FF Chartwell User Guide

75+80+85+90+83+79+64+77+82+83+92+85+74+62+55+40+35+60+63+79+34+27+32+43+52+65+74+82
M T W T F S S M T W T F S S M T W T F S S M T W T F S S
�����������
�����������
�����������
�����������
������
������
25%
75%
14%
86%
40%
400+600=
60%
50%
500+500=
50%
30%
300+700=
70%
25%
250+750=
75%
50%
500+500=
50%
40%
400+600=
60%
70%
700+300=
30%
60%
600+400=
40%
HAPPY
415=
495=
420=
405=
SAD
425=
395=
440=
375=
HUNGRY
515=
395=
450=
425=
FULL
425=
395=
440=
375=
��� ��������
A
B
C
���
��� ��� ��� ���
��� ���
APRIL
MAY
NIGHT
DAY
JUNE
JULY
FF CHARTWELL
USER MANUAL
Introducing ff Chartwell
Basics
Designed by Travis Kochel,
ff Chartwell is a typeface for
creating simple graphs. Driven by
the frustration of creating graphs
within design applications and
inspired by typefaces such as
ff Beowolf and ff PicLig, Travis saw
an opportunity to take advantage of
OpenType technology to simplify
the process.
Here are a few basic tips to get
you started using ff Chartwell.
ff Chartwell was originally released
in 2011 under the tk Type foundry.
In 2012, it was added to the
FontFont library with the addition
of four new chart styles, the
ff Chartwell Polar Series.
The Polar Series (Rose, Rings, and
Radar) is a set of new designs, which
take on the form of more experimental charts. In an effort to make
the charts smarter and more
dynamic, each design reacts not
only to the data entered, but the
number of values.
ACTIVATE STYLISTIC ALTERNATES
→
It’s really easy to use; you just type
a simple series of numbers like:
‘10+13+37+40’, turn on Stylistic
Alternates or Stylistic Set 1 and a
graph is automatically created.
To see the original data all you
need to do is turn off Stylistic Set
or Stylistic Alternates.
→
Using OpenType ligatures, strings
of numbers are automatically
transformed into charts. The data
remains in a text box, allowing for
easy updates and styling.
25 + 35 + 40
one
Always make sure letter spacing is
set to “0”.
20+15+25+40
two
Using the values 0–100*, type the
values, using “+” to combine them
into one chart. If the total is above
100 a new chart will begin.
*For Bars you can use values up to 1000.
20+15+25+40
three
You can adjust colors if you like.
four
ff Chartwell User Manual · 1/3
���
���
Turn on Stylistic Alternates and enjoy!
Supporting Alphabet
Pies
To help prepare the information a
supporting alphabet has been
included. It contains: Extended
Latin character set, basic numerals,
alphabet and punctuation.
Each Pie has a total value of 100. If
the total is greater than 100, a new
chart will begin.
ABCDEFGHIJKLM
NOPQRSTUVWXYZ
abcdefghijklm
nopqrstuvwxyz
ĂÆÇĤËłÐÑÕÜÝÞß
âđèïðħīñöøûþśÿ
0123456789¼½
!?&$¥£@©#%*
«».,:;'"‘’“”`~^-=_+
()[]{}/|\•.
You can transform the chart into a
ring by using the letters a–Z.
���
��
�
��
�
�������
��� ���
��������
������������
25+35+40+
Lines
Each Line uses values from 0 to 100
and you need to use the + to
connects values.
25+5+100+45+23
Bars Vertical
You can use Bars Vertical to create
sparklines and other bar graphs.
Each bar supports values from
0 to 100.
75+80+43+87+31+79+44+62+95
75+80+43+87+31+79+44+62+95
+
25+35+40+45+20+35+75+11+14
ff Chartwell User Manual · 2/3
75+85+10=
75+85+10=
10%
+
15+20+25+30+35+40+45+50+55+60+65+70+65+60+55+50
60+55+50+45+40+35+40+45+50+55+60+55+50+45+40+35
45+60+43+37+31+29+14+42+35+20+33+37+21+19+14+52
415=
495=
420=
405=
425=
395=
440=
375=
375+625=
350+650=
400+600=
440+560=
280+720=
440+560=
375+625=
400+600=
Using the “=” you can create a
diamond (=).
+
+
*charts can be layered to create more complex diagrams
Bars
Each bar supports values from 0 to
1000 and you use the “+” to connect
each value.
90%
Hints and tips
Rose
Use InDesign’s Story Editor to edit
the values of charts without having
to switch the OpenType features on
and off.
Using the letters a–f you can define
the grid.
Please note, there are the following
known bugs in certain programs:
The number of values determines
the width of the wedge and the
value of each number determines
the height of the wedge.
ff Chartwell Pie and ff Chartwell
Ring are compatible with Word
2010/2011, to ensure the color
versions works the “+” sign needs
to be the same color as the preceding numbers.
Rings
Color versions do not work when
using Quark XPress.
The radius increases after each
value and the value of each number
determines the length of each ring.
To define the grid use the letters a–f.
ff Chartwell Bars and ff Chartwell
Bars Vertical are the only fonts
that are currently compatible
with iWorks.
Design ff Chartwell
Travis Kochel
Design User Manual
Christopher Hamamoto
Text typeface
ff Tisa Sans
All rights reserved.
FontFont and FontFont typeface
names are trademarks of
FontShop International GmbH
ff Chartwell User Manual · 3/3
a+70+50+33+97+63+27
a+70+50+73+97+63+77
Radar
© 2012 FontFont
� �
�
���
���
Letter combinations are typed first
to define the grid.
Axis number increases in relation to
the number of values provided.
The value of each number determines the height of point along axis.
cx+70+50+73+97+63+77
six options for the grid a–f
� � � � � �
�� ��� ��� ��� ��� ���
one–thirty different wedges supported
five options for the grid a–e
� � � � �
one–ten rings supported
� ��� �� ��� ���
three–ten axis supported axis adjusts to number of values
� � ��� ��� ��� ��� ��� ��� ���
�
��� ��� ��� ��� ��� ���
��� ��� ��� ��� ��� ���
twelve options for the grid
a
ax
b
bx
c
cx
d
dx
e
ex
f
x