Estudo das ferramentas disponíveis para criação de gráficos para iOS

SmartMail| Entidade Promotora: Parceiros:

1/2 Projeto em curso com o apoio de:

13/03/2014

Estudo das ferramentas disponíveis para criação de gráficos para iOS



Índice Introdução .......................................................................................................................................................... 1

Core Plot ............................................................................................................................................................. 1

Shinobi Controls ................................................................................................................................................. 8

Exemplos adicionais ......................................................................................................................................... 16

iOS:Chart....................................................................................................................................................... 16

JBChartView.................................................................................................................................................. 19

References ........................................................................................................................................................ 22

Introdução Com o intuito de descobrir o potencial de criação de gráficos na plataforma iOS, este documento vai

analisar as ferramentas existentes de criação de gráficos nesta plataforma e disponibilizar um panorama

das capacidades de cada ferramenta / biblioteca. Concretamente, vão 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 são geralmente inferiores às duas

bibliotecas mencionadas anteriormente. Contudo, as características mais fortes das bibliotecas também

irão ser analisadas.

Core Plot Disponível no Git, a biblioteca open source Core Plot (Core Plot) oferece uma quantidade substancial de

diferentes tipos de gráficos, um alto nível de personalização e documentação substancial. A qualidade

desta biblioteca é equiparável a soluções pagas apesar de não ter o financiamento que essas têm. A

biblioteca permite alguma interação com os gráficos, tal como pressionar em determinados elementos para

os realçar, pressionar para obter o drilldown de dados ou movimentar gráficos com zoom and pan. A Figura

1 mostra um pie chart simples. Ao pressionar num dos segmentos do gráfico, este é aleatoriamente

alterado para outro pie chart, como é visível na Figura 2. As figuras Figura 3 e Figura 4 mostram como é

possível ampliar um gráfico com um pinch zoom. A Figura 5 tem um dashboard com vários tipos de gráficos

apresentados simultaneamente, uma função muito útil e poderosa por si só. Mas quando comparado com

a Figura 6 torna-se possível ver a manipulação de cada gráfico independentemente, especificamente a

deslocação do gráfico no topo do ecrã. Como um pequeno extra, esta biblioteca providencia color themes

predefinidos que permitem alterar as cores de qualquer gráfico em qualquer momento e ainda a

possibilidade de acrescentar themes adicionais.



Figura 1 - Core Plot Random Pie 1



Figura 2 - Core Plot Random Pie 2



Figura 3 - Core Plot Curved Scatterplot Default



Figura 4 - Core Plot Curved Scatterplot Zoomed



Figura 5 - Core Plot Composite Plot Default



Figura 6 - Core Plot Composite Plot Panned



Shinobi Controls Tendo em conta as funcionalidades necessárias para visualização de dados profissional, o Shinobi Controls

(Shinobi Controls Homepage) é a biblioteca de gráficos mais polida e poderosa atualmente para iOS. No

entanto, esta biblioteca não é dedicada a iOS, estando disponível também para Android, nativamente nas

duas plataformas. Esta oferece uma enorme quantidade de diferentes tipos de gráficos, possibilidade de

manipulação e exploração dos dados em tempo real com representação de dados veloz e uma

documentação extensa. A interação que um utilizador pode ter com os gráficos está demonstrada na

diferença entre a Figura 7 e a Figura 8. Ao pressionar na barra correspondente a cada ano, o pie chart é

atualizado para representar a informação referente ao ano em questão. Nas figuras Figura 9 e Figura 10

estão ilustradas as capacidades de zoom and pan, sendo possível ver o mesmo gráfico com duas ampliações

diferentes. As animações disponíveis são rápidas e fluidas, mais do que com o Core Plot. A transição entre

os gráficos das figuras Figura 11 e Figura 12 inclui rotações e oscilações. Sempre que um segmento do pie

chart é pressionado o gráfico reposiciona-se de forma a colocar o segmento em questão orientado para

cima. Visualmente, esta solução oferece as melhores ferramentas. Este facto também é aparente quando

são visualizados dados em tempo real. A Figura 13 mostra um gráfico de linha atualizado em tempo real.

Apesar de a imagem não o permitir ver, a fluidez da atualização é notável e exemplifica as capacidades da

biblioteca.



Figura 7 - Shinobi Combo 2012



Figura 8 - Shinobi Combo 2013



Figura 9 - Shinobi Stock Default



Figura 10 - Shinobi Stock Zoomed In



Figura 11 - Shinobi Pie Default



Figura 12 - Shinobi Pie Selection



Figura 13 - Shinobi Streaming



Exemplos adicionais

iOS:Chart Pertencente à ThreeDGraphics (ThreeDGraphics Homepage), esta biblioteca (iOS:Chart) destaca-se por ser

capaz de representar os dados em 3D, como visível na Figura 14, e por permitir manipular os gráficos no

espaço, aplicável tanto em iOS como em OSX. Esta biblioteca foi criada a partir da PGSDK (PGSDK), uma

biblioteca de gráficos feita para sistemas operativos diferentes como o Windows e Linux. É semelhante a

outras soluções, oferecendo interatividade, personalização e a capacidade de explorar os dados mas não

tem o nível de personalização do Core Plot, devido a não ser open source, ou a eficiência ou nível de

polimento do Shinobi Controls. As figuras Figura 15 e Figura 16 mostram alguma da personalização

disponível, ao nível de cores e capacidade de realçar dados.



Figura 14 - iOS:Chart 3D Example



Figura 15 - iOS:Chart Area

Figura 16 - iOS:Chart Interactivity



JBChartView Criada pela Jawbone, esta biblioteca (JBChartView) tem um aspeto notável. Muito polido e personalizável,

o JBChartView é impressionante visualmente mas peca por só conseguir criar gráficos de barras e linhas. No

entanto, com um elevado nível de personalização e um arsenal considerável de animações, o JBChartView é

uma biblioteca a ter em mente.



Figura 17 - JBChartView Bar



Figura 18 - JBChartView Line



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 ThreeDGraphics:

http://www.threedgraphics.com/tdg/products/tools/pgsdk/pgsdk.php

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/

Documents

Estudo das ferramentas disponíveis para criação de gráficos para iOS