Arquivo

Posts Tagged ‘graph’

Perl + GD Graphic Library: Exemplo 4 (Gráfico Pizza)

Este exemplo utilizará o módulo GD::Graph para a criação de um Gráfico no estilo Pizza.

Para este exemplo, o módulo utilizado foi:

GD::Graph::pie;

Obs.: Usamos ‘GD::Graph::pie’ pois nosso objetivo é criar um gráfico pizza.

Assim como no Exemplo 2, carregamos os dados em dois arrays diferentes:

my @campos = (‘Out 2007′,’Nov 2007′,’Dez 2007′,’Jan 2008′,’Fev 2008′,’Mar 2008’);
my @valores = (‘547′,’2282′,’2798′,’2354′,’4326′,’1037’);

Estes dois itens serão armazenados em um array especial que guardará o endereço tanto array dos campos quanto a dos valores para que possa então esboçá-los no gráfico.

my @graf = (@campos,@valores);

Com todos os dados em mãos chamamos a função que criará um novo gráfico.

my $grafico = GD::Graph::pie->new(320, 300);

Agora temos na variável $grafico uma nova instância de gráfico de barras com 320x300px.

Para montar o gráfico utilizamos a função Graph set , passando o ângulo inicial, o ângulo nulo, o rótulo, o título do gráfico, valor do 3d, expessura 3d:

$grafico->set(
start_angle => ‘0’,    # Ângulo de onde iniciará os gráficos
suppress_angle => ‘0’,    # Se o nome do campo for menor que a área mencionada aqui ele não será exibido.
label => ‘Exemplo de Gráfico Circular’,  # Texto a aparecer abaixo do gráfico
title => ‘Visitas Mensais de “Um Site Qualquer”‘,        # Título do gráfico
‘3d’ => ‘1’,  # 1: Adiciona efeito 3d
pie_height => ’32’,   # Expessura do efeito 3d. Ideal 0,1*altura
) or warn $grafico->error;

Com isto o gráfico será criado, a menos que o warn retorne algum erro.

O próximo passo é passar os dados para o esboço.

A função plot faz isto:

$grafico = $grafico->plot(@graf) or die $grafico->error;

Se nenhum erro for retornado é sinal de que o gráfico foi criado com sucesso.

Nos resta então apenas exibí-lo na tela:

binmode STDOUT;
print “Content-type: image/pngnn”;
print $grafico->png;


Resultado: gd-exemplo4.cgi


Veja o Código Completo:
(gd-exemplo4.cgi)

#!/usr/bin/perl
use GD;
use GD::Graph::pie;
#  Usamos ‘GD::Graph::pie’ pois nosso objetivo é criar um gráfico de pizza

######## Cria as variáveis para exibir o gráfico ########
my @campos = (‘Out 2007′,’Nov 2007′,’Dez 2007′,’Jan 2008′,’Fev 2008′,’Mar 2008’);
my @valores = (‘547′,’2282′,’2798′,’2354′,’4326′,’1037’);
my @graf = (@campos, @valores);
################################
######## Criação da imagem ########
my $grafico = GD::Graph::pie->new(320, 300);
# Os valores de new são as dimensões do gráfico

$grafico->set(

start_angle => ‘0’,    # Ângulo de onde iniciará os gráficos
suppress_angle => ‘0’,    # Se o nome do campo for menor que a área mencionada aqui ele não será exibido.
label => ‘Exemplo de Gráfico Circular’,                       # Texto a aparecer abaixo do gráfico
title => ‘Visitas Mensais de “Um Site Qualquer”‘,        # Título do gráfico
‘3d’ => ‘1’,                                    # Se 1: Adiciona efeito 3d
pie_height => ’32’,   # Expessura do efeito 3d. Ideal 0,1*altura
) or warn $grafico->error;

$grafico = $grafico->plot(@graf) or die $grafico->error;
##########################
####### Exibe o gráfico ######
binmode STDOUT;
print “Content-type: image/pngnn”;
print $grafico->png;


Perl + GD Graphic Library
[ 1 | 2 | 3 | 4 | 5 | 6 | 7 ]

Perl + GD Graphic Library: Exemplo 3 (Gráfico Barras 3D)

Este exemplo utilizará o módulo GD::Graph para a criação de um Gráfico no estilo Barras 3D.

Para este exemplo, o módulo utilizado foi:

GD::Graph::bars3d;

Obs.: Usamos ‘GD::Graph::bars3d’ pois nosso objetivo é criar um gráfico barras 3d.

Assim como no Exemplo 2, carregamos os dados em dois arrays diferentes:

my @campos = (‘Out 2007′,’Nov 2007′,’Dez 2007′,’Jan 2008′,’Fev 2008′,’Mar 2008’);
my @valores = (‘547′,’2282′,’2798′,’2354′,’4326′,’357’);

Estes dois itens serão armazenados em um array especial que guardará o endereço tanto array dos campos quanto a dos valores para que possa então esboçá-los no gráfico.

my @graf = (\@campos,\@valores);

Com todos os dados em mãos chamamos a função que criará um novo gráfico.

my $grafico = GD::Graph::bars3d->new(500, 300);

Agora temos na variável $grafico uma nova instância de gráfico de barras com 500x300px.

Para montar o gráfico utilizamos a função Graph set , passando a expessura da barra, o espaçamento entre as barras, o rótulo horizontal, vertical e o título do gráfico:

$grafico->set(
bar_width => ’25’,   # Expessura das barras
bar_spacing => ‘4’,  # Espaçamento entre as barras
x_label => ‘Mes’,     # Rótulo horizontal
y_label => ‘Visitas Totais’, # Rótulo vertical
title => ‘Visitas Mensais de “Um Site Qualquer”‘,  # Título do gráfico
) or warn $grafico->error;

Com isto o gráfico será criado, a menos que o warn retorne algum erro.

O próximo passo é passar os dados para o esboço.

A função plot faz isto:

$grafico = $grafico->plot(\@graf) or die $grafico->error;

Se nenhum erro for retornado é sinal de que o gráfico foi criado com sucesso.

Nos resta então apenas exibí-lo na tela:

binmode STDOUT;
print “Content-type: image/png\n\n”;
print $grafico->png;


Resultado: gd-exemplo3.cgi


Veja o Código Completo:
(gd-exemplo3.cgi)

#!/usr/bin/perl
use GD;
use GD::Graph::bars3d;
#  Usamos ‘GD::Graph::3dbars’ pois nosso objetivo é criar um gráfico de barras

######## Cria as variáveis para exibir o gráfico ########
my @campos = (‘Out 2007′,’Nov 2007′,’Dez 2007′,’Jan 2008′,’Fev 2008′,’Mar 2008’);
my @valores = (‘547′,’2282′,’2798′,’2354′,’4326′,’357′);
my @graf = (\@campos, \@valores);
################################
######## Criação da imagem ########

my $grafico = GD::Graph::bars3d->new(500, 300);
# Os valores de new são as dimensões do gráfico

$grafico->set(
bar_width => ’25’,   # Expessura das barras
bar_spacing => ‘4’,  # Espaçamento entre as barras
x_label => ‘Mes’,   # Rótulo horizontal
y_label => ‘Visitas Totais’, # Rótulo vertical
title => ‘Visitas Mensais de “Um Site Qualquer”‘, # Título do gráfico
) or warn $grafico->error;

$grafico = $grafico->plot(\@graf) or die $grafico->error;
##########################
####### Exibe o gráfico ######
binmode STDOUT;
print “Content-type: image/png\n\n”;
print $grafico->png;


Perl + GD Graphic Library
[ 1 | 2 | 3 | 4 | 5 | 6 | 7 ]

Perl + GD Graphic Library: Exemplo 2 (Gráfico de Área)

Este exemplo utilizará o módulo GD::Graph para a criação de um Gráfico no estilo Área.

Assim, as primeiras instruções do programa serão:

use GD;

e

use GD::Graph::area;

Obs.: Usamos ‘GD::Graph::area’ pois nosso objetivo é criar um gráfico de área.

Tendo então os módulos carregados, podemos iniciar a construção do programa.

Neste exemplo, assim como nos dois artigos posteriores, colocarei exemplos ficticios em duas listas, de campos e de valores, para a demonstração no programa.

my @campos = (‘Out 2007′,’Nov 2007′,’Dez 2007′,’Jan 2008′,’Fev 2008′,’Mar 2008’);
my @valores = (‘547′,’2282′,’2798′,’2354′,’4326′,’357’);

Estes dois itens serão armazenados em um array especial que guardará o endereço tanto array dos campos quanto a dos valores para que possa então esboçá-los no gráfico.

my @graf = (@campos,@valores);

Com todos os dados em mãos nos resta agora chamar a função que criará um novo gráfico.

Esta é a:

my $grafico = GD::Graph::area->new(500, 300);

Agora temos na variável $grafico uma nova instância de gráfico de área com 500x300px.

Para montar o gráfico utilizamos a função Graph set , passando o rótulo horizontal, o rótulo vertical e o título do gráfico:

$grafico->set(
x_label => ‘Mes’, # Rótulo horizontal
y_label => ‘Número de Visitas’, # Rótulo vertical
title => ‘Visitas Mensais de “Um Site Qualquer”‘, # Título do gráfico
) or warn $grafico->error;

Com isto o gráfico será criado, a menos que o warn retorne algum erro.

O próximo passo é passar os dados para o esboço.

A função plot faz isto:

$grafico = $grafico->plot(@graf) or die $grafico->error;

Se nenhum erro for retornado é sinal de que o gráfico foi criado com sucesso.

Nos resta então apenas exibí-lo na tela:

binmode STDOUT;
print “Content-type: image/pngnn”;
print $grafico->png;


Resultado: gd-exemplo2.cgi


Veja o Código Completo:
(gd-exemplo2.cgi)

#!/usr/bin/perl
use GD;
use GD::Graph::area;
#  Usamos ‘GD::Graph::area’ pois nosso objetivo é criar um gráfico de área

######## Cria as variáveis para exibir o gráfico ########
my @campos = (‘Out 2007′,’Nov 2007′,’Dez 2007′,’Jan 2008′,’Fev 2008′,’Mar 2008’);
my @valores = (‘547′,’2282′,’2798′,’2354′,’4326′,’357’);
my @graf = (@campos, @valores);
################################
######## Criação da imagem ########
my $grafico = GD::Graph::area->new(500, 300);
# Os valores de new são as dimensões do gráfico

$grafico->set(
x_label => ‘Mes’, # Rótulo horizontal
y_label => ‘Número de Visitas’,  # Rótulo vertical
title => ‘Visitas Mensais de “Um Site Qualquer”‘, # Título do gráfico
) or warn $grafico->error;

$grafico = $grafico->plot(@graf) or die $grafico->error;
##########################
####### Exibe o gráfico ######
binmode STDOUT;
print “Content-type: image/pngnn”;
print $grafico->png;


Perl + GD Graphic Library
[ 1 | 2 | 3 | 4 | 5 | 6 | 7 ]

Perl + GD Graphic Library: Exemplo 1 (Desenho+Texto)

Com o GD instalado podemos então começar as demonstrações.

Para começar iremos fazer um programa em CGI que criará uma imagem contendo o desenho de um quadrado com uma borda e um texto em seu centro.

Após indicar o caminho do Perl, nosso programa deve conter no começo a chamada do módulo GD assim também como a instânciação deste:

use GD;

my $im = new GD::Image(100,100);

Já de início definimos as dimensões da nova imagem e a armazenamos na variável $im.

Em seguida vamos definir as cores com as quais iremos trabalhar.

Para isto usaremos a função colorAllocate do GD passando por parâmetro os valores RGB da cor desejada. Note:

my $amarelo = $im->colorAllocate(255,255,0);

Para definir a cor de fundo do nosso desenho usamos a função fill passando posições nulas e a cor por parâmetro:

$im->fill(0,0,$preto);

Também foi feito um retângulo na imagem para exemplificar a função rectangle. Aqui passamos por parâmetro as dimensões (inicioX,fimX,inicioY,fimY) junto com a cor:

$im->rectangle(6,94,94,6,$amarelo);

E para escrevermos o texto na imagem usamos a função string, onde passamos o estilo da fonte, x, y, texto e a cor do texto:

$im->string(gdGiantFont,12,45,”GD + PERL”,$vermelho);

Para finalmente exibir na tela, primeiro devomos converter a saída para modo binário usando:

binmode STDOUT;

Também é necessário setar o formato de saída no cabeçalho:

print “Content-type:image/png\n\n”;

Finalmente agora podemos enviar a imagem para o usuário.

Para isto imprimimos na tela a imagem convertida para o formato de saída desejado (gif,jpeg,png…).

No nosso caso utilizamos png:

print $im->png;


Resultado (gd-exemplo1.cgi)


Veja o Código Completo:
(gd-exemplo1.cgi)

#!/usr/bin/perl
use GD;

my $im = new GD::Image(100,100); # Cria uma imagem com dimensões 100×100

############## Determina Cores em Variáveis ##############
my $preto = $im->colorAllocate(0,0,0);
my $branco = $im->colorAllocate(255,255,255);
my $vermelho = $im->colorAllocate(255,0,0);
my $amarelo = $im->colorAllocate(255,255,0);
################################################

$im->fill(0,0,$preto);    # Pinta o fundo de preto
$im->rectangle(6,94,94,6,$amarelo);  # Cria um ‘retângulo’ com a cor amarelo
$im->string(gdGiantFont,12,45,”GD + PERL”,$vermelho); # Escreve texto com a cor vermelho
binmode STDOUT; # Verifica se o modo é binário
print “Content-type:image/png\n\n”;
print $im->png;   # Transforma a imagem em PNG e exibe.


Perl + GD Graphic Library
[ 1 | 2 | 3 | 4 | 5 | 6 | 7 ]

Perl + GD Graphic Library: Instalação

O GD Graphic Library é um módulo gráfico para linguagens como Perl, PHP, etc … que permite ao usuário criar e manipular imagens dinamicamente. Aqui iremos aprender como instalar e utilizar o GD com seus recursos.

Todo interpretador Perl possui sua pasta para módulos. Esta geralmente se encontra sob site/lib onde o Perl foi instalado.

Algumas distribuições possuem por padrão o módulo GD, mas se você estiver usando o ActivePerl talvez necessite instalar o GD manualmente. Se este for o caso, siga estes passos:

No ppm do ActivePerl execute os seguintes comandos para adicionar repositório:

rep add http://theoryx5.uwinnipeg.ca/ppms
rep add http://theoryx5.uwinnipeg.ca/cgi-bin/ppmse…rn:/PPMServer58
rep add http://www.activestate.com/ppmpackages/5.8-windows/

Feito isto, chame o instalador por:

install GD

Isso irá instalar o GD na versão mais recente, caso isso não ocorra, tente executar diretamente estes outros procedimentos:

install http://www.gmod.org/ggb/ppm/GD.ppd
install http://theoryx5.uwinnipeg.ca/ppms/GD.ppd
install http://theoryx5.uwinnipeg.ca/ppmpackages/GD.ppd

Agora que você já possui o GD, poderá instalar outros módulos distribuidos pela CPAN que aumentam a capacidade de criação do GD e serão usados ao longo deste tutorial sobre GD.

Para instalá-los, você deverá sempre respeitar a hierarquia da pasta substituindo :: por /

Exemplo:

GD::Graph::area deverá ser instalado na pasta perl/site/lib/GD/Graph


Perl + GD Graphic Library
[ 1 | 2 | 3 | 4 | 5 | 6 | 7 ]