SmartMail| Entidade Promotora:

Parceiros:

13/03/2014

Estudo das
ferramentas
disponveis para
criao de grficos
para iOS

1/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

ndice
Introduo .......................................................................................................................................................... 1
Core Plot ............................................................................................................................................................. 1
Shinobi Controls ................................................................................................................................................. 8
Exemplos adicionais .........................................................................................................................................16
iOS:Chart.......................................................................................................................................................16
JBChartView..................................................................................................................................................19
References ........................................................................................................................................................22

Introduo
Com o intuito de descobrir o potencial de criao de grficos na plataforma iOS, este documento vai
analisar as ferramentas existentes de criao de grficos nesta plataforma e disponibilizar um panorama
das capacidades de cada ferramenta / biblioteca. Concretamente, vo ser analisadas principalmente as
bibliotecas Shinobi Controls (Shinobi Controls Homepage) e Core Plot (Core Plot). Existem algumas outras,
tais como o JBChartView (JBChartView) e iOS:Chart (iOS:Chart) mas estas so geralmente inferiores s duas
bibliotecas mencionadas anteriormente. Contudo, as caractersticas mais fortes das bibliotecas tambm
iro ser analisadas.

Core Plot
Disponvel no Git, a biblioteca open source Core Plot (Core Plot) oferece uma quantidade substancial de
diferentes tipos de grficos, um alto nvel de personalizao e documentao substancial. A qualidade
desta biblioteca equiparvel a solues pagas apesar de no ter o financiamento que essas tm. A
biblioteca permite alguma interao com os grficos, tal como pressionar em determinados elementos para
os realar, pressionar para obter o drilldown de dados ou movimentar grficos com zoom and pan. A Figura
1 mostra um pie chart simples. Ao pressionar num dos segmentos do grfico, este aleatoriamente
alterado para outro pie chart, como visvel na Figura 2. As figuras Figura 3 e Figura 4 mostram como
possvel ampliar um grfico com um pinch zoom. A Figura 5 tem um dashboard com vrios tipos de grficos
apresentados simultaneamente, uma funo muito til e poderosa por si s. Mas quando comparado com
a Figura 6 torna-se possvel ver a manipulao de cada grfico independentemente, especificamente a
deslocao do grfico no topo do ecr. Como um pequeno extra, esta biblioteca providencia color themes
predefinidos que permitem alterar as cores de qualquer grfico em qualquer momento e ainda a
possibilidade de acrescentar themes adicionais.
2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 1 - Core Plot Random Pie 1

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 2 - Core Plot Random Pie 2

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 3 - Core Plot Curved Scatterplot Default

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 4 - Core Plot Curved Scatterplot Zoomed

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 5 - Core Plot Composite Plot Default

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 6 - Core Plot Composite Plot Panned

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Shinobi Controls
Tendo em conta as funcionalidades necessrias para visualizao de dados profissional, o Shinobi Controls
(Shinobi Controls Homepage) a biblioteca de grficos mais polida e poderosa atualmente para iOS. No
entanto, esta biblioteca no dedicada a iOS, estando disponvel tambm para Android, nativamente nas
duas plataformas. Esta oferece uma enorme quantidade de diferentes tipos de grficos, possibilidade de
manipulao e explorao dos dados em tempo real com representao de dados veloz e uma
documentao extensa. A interao que um utilizador pode ter com os grficos est demonstrada na
diferena entre a Figura 7 e a Figura 8. Ao pressionar na barra correspondente a cada ano, o pie chart
atualizado para representar a informao referente ao ano em questo. Nas figuras Figura 9 e Figura 10
esto ilustradas as capacidades de zoom and pan, sendo possvel ver o mesmo grfico com duas ampliaes
diferentes. As animaes disponveis so rpidas e fluidas, mais do que com o Core Plot. A transio entre
os grficos das figuras Figura 11 e Figura 12 inclui rotaes e oscilaes. Sempre que um segmento do pie
chart pressionado o grfico reposiciona-se de forma a colocar o segmento em questo orientado para
cima. Visualmente, esta soluo oferece as melhores ferramentas. Este facto tambm aparente quando
so visualizados dados em tempo real. A Figura 13 mostra um grfico de linha atualizado em tempo real.
Apesar de a imagem no o permitir ver, a fluidez da atualizao notvel e exemplifica as capacidades da
biblioteca.

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 7 - Shinobi Combo 2012

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 8 - Shinobi Combo 2013

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 9 - Shinobi Stock Default

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 10 - Shinobi Stock Zoomed In

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 11 - Shinobi Pie Default

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 12 - Shinobi Pie Selection

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 13 - Shinobi Streaming

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Exemplos adicionais
iOS:Chart
Pertencente ThreeDGraphics (ThreeDGraphics Homepage), esta biblioteca (iOS:Chart) destaca-se por ser
capaz de representar os dados em 3D, como visvel na Figura 14, e por permitir manipular os grficos no
espao, aplicvel tanto em iOS como em OSX. Esta biblioteca foi criada a partir da PGSDK (PGSDK), uma
biblioteca de grficos feita para sistemas operativos diferentes como o Windows e Linux. semelhante a
outras solues, oferecendo interatividade, personalizao e a capacidade de explorar os dados mas no
tem o nvel de personalizao do Core Plot, devido a no ser open source, ou a eficincia ou nvel de
polimento do Shinobi Controls. As figuras Figura 15 e Figura 16 mostram alguma da personalizao
disponvel, ao nvel de cores e capacidade de realar dados.

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 14 - iOS:Chart 3D Example

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 15 - iOS:Chart Area

Figura 16 - iOS:Chart Interactivity

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

JBChartView
Criada pela Jawbone, esta biblioteca (JBChartView) tem um aspeto notvel. Muito polido e personalizvel,
o JBChartView impressionante visualmente mas peca por s conseguir criar grficos de barras e linhas. No
entanto, com um elevado nvel de personalizao e um arsenal considervel de animaes, o JBChartView
uma biblioteca a ter em mente.

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 17 - JBChartView Bar

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

Figura 18 - JBChartView Line

2/2
Projeto em curso com o apoio de:

SmartMail| Entidade Promotora:

Parceiros:

References
Core Plot. (s.d.). Obtido de GitHub: https://github.com/core-plot/core-plot
iOS:Chart. (s.d.). Obtido de ThreeDGraphics: http://www.threedgraphics.com/tdg/products/tools/ioschart/
JBChartView. (s.d.). Obtido de GitHub: https://github.com/Jawbone/JBChartView
PGSDK.

(s.d.).
Obtido
de
http://www.threedgraphics.com/tdg/products/tools/pgsdk/pgsdk.php

ThreeDGraphics:

Shinobi Controls Homepage. (s.d.). Obtido de Shinobi Controls: http://www.shinobicontrols.com/

ThreeDGraphics Homepage. (s.d.). Obtido de ThreeDGraphics: http://www.threedgraphics.com/tdg/

2/2
Projeto em curso com o apoio de: