Estudo de ferramentas para a implementação de gráficos

[Abraao1231]

Descrição:

Estudo de ferramentas para a elaboração de graficos que serão ultilizados no projeto.

Task do que será feito no documento:

• [x] Estudo de linguagem e bibliotecas a serem utilizadas.
• [x] Elaborar um pequeno exemplo de como os gráficos serão implementados no projeto.

Critérios de aceitação

• implementação correto do que foi feito
• os gráficos tem que ser de fácil interpretação aos psicólogos.

[Abraao1231]

Estudo e prototipo com Chart.js

Quando o assunto é trabalhar com graficos aparecem varias bibliotecas de javascript para ser realizada essa função em nosso projeto. NO entanto iremos ultilizar a Chart.js ela foi escolhida por ser extremante simples de ser usada dependendo da tag canvas do HTML, podendo gerar graficos de linha, pizza barra etc.

Fizemos um pequeno protótipo com django e a biblioteca chart.js para mostrar as possíveis formas de representação de dados adquiridos pela plataforma através de gráficos. O prototipo a seguir tem como exemplo mostrar o grau de ansiedade de clientes.

1. Primeiro criamos a parte do back end.

2. Em seguida a parte onde acontece a magia no front end com dois arquivos.

Esse template servirá como base para os templates do nosso gráfico. Note que adicionamos nele o CDN do Chart.js.Em seguida o arquivo responsavel pela Tag Canvas e configuração do grafico que no caso será reproduzido um gráfico de barra.

Note que a variavel ProductsChart é reponsavel pela criação e configurações do grafico como cores valores que serão ultilizados no grafico e estilo e tipo de grafico. Para alterarmos o tipo de grafico basta alterarmos o valor que o Type recebe que nesse caso recebe bar.

Em seguida o funcionamento do grafico, mostrando a criação das pessoas com um nivel de ansiedade em seguida o grafico gerado.

1. Criação de dados

[DaviMatheus]

Ficou muito bem explicado, parece mesmo muito simples mesmo , belo trabalho como batedor @Abraao1231 👍