FisicaNet - Prof. Alberto Ricardo Prass
ARTIGOS
ARTIGOS
Página 2 de 9

SVG: a linguagem gráfica ideal para ensinar Física na era digital

Prof. Alberto Ricardo Präss
PrassTek Quantum Computing

3. Por que SVG é diferente de uma fotografia?

Imagine uma fotografia de uma esfera. Uma câmera registra milhões de pixels e cada pixel recebe uma determinada cor.

Se ampliarmos bastante a fotografia, começaremos a perceber os pixels. A imagem não possui uma descrição matemática da esfera; possui apenas uma grande quantidade de informações sobre cores.

Agora imagine um círculo desenhado em SVG.

O arquivo pode simplesmente informar ao navegador que existe um círculo com determinado centro e determinado raio.

\[ (x-x_0)^2+(y-y_0)^2=r^2 \]

O navegador utiliza essa informação para construir a imagem na resolução necessária naquele momento.

Por isso, quando o mesmo SVG é mostrado em uma tela pequena de celular, em um tablet ou em um monitor de alta resolução, suas linhas continuam perfeitamente definidas.

Para o ensino de Física, essa característica é extremamente importante. Diagramas científicos frequentemente contêm linhas finas, eixos, setas, letras e símbolos que precisam permanecer legíveis mesmo quando a imagem é ampliada.

4. O SVG como uma descrição matemática de uma figura

Uma maneira interessante de compreender o SVG é pensar nele como uma espécie de receita geométrica.

Em vez de dizer “aqui estão os pixels desta figura”, o arquivo pode dizer:

  • desenhe uma linha;
  • desenhe um círculo;
  • desenhe um arco;
  • desenhe um polígono;
  • escreva determinado texto;
  • preencha determinada região;
  • aplique uma determinada transformação.

Essa característica aproxima o SVG da própria maneira como muitos fenômenos físicos são descritos: por relações matemáticas e geométricas.

Naturalmente, um arquivo SVG não é uma teoria física. Ele é uma linguagem gráfica. Mas a possibilidade de representar geometricamente objetos por coordenadas e relações matemáticas torna o formato especialmente apropriado para a comunicação visual da Física.

5. O sistema de coordenadas do SVG

Todo desenho SVG possui um sistema de coordenadas.

De maneira simplificada, podemos imaginar uma folha de papel virtual. Cada ponto possui coordenadas \(x\) e \(y\).

Diferentemente do sistema cartesiano normalmente utilizado na Física, a convenção gráfica do SVG normalmente considera o canto superior esquerdo como referência, com \(x\) crescendo para a direita e \(y\) crescendo para baixo.

Tabela 2. Comparação entre coordenadas cartesianas e coordenadas gráficas.
Sistema Origem Sentido de x Sentido de y
Cartesiano tradicional Origem definida pelo problema Normalmente para a direita Normalmente para cima
SVG Canto superior esquerdo Para a direita Para baixo

Essa diferença precisa ser considerada quando construímos gráficos e diagramas de Física. Uma transformação matemática pode ser utilizada para converter convenientemente as coordenadas físicas em coordenadas gráficas.