Front-end

Gráficos na web parte 1: Criando e customizando gráficos

Curso online de Gráficos na web parte 1: Criando e customizando gráficos

79 9.0

9,0

é a nota desse curso

670

alunos neste curso

Faça esse curso e...

  • Aprenda a codificar diferentes tipos de gráficos.
  • Saiba como customizar suas visualizações.
  • Conheça a biblioteca do Google Charts.
  • Extraia dados de um arquivo json.
  • Desenhe gráficos com programação na tela do navegador.

Veja o primeiro vídeo

Público alvo

Quem quer programar os gráficos usando a biblioteca do Google Charts.

Nível de Dificuldade

Básico

Instrutores

  • Cássia Sampaio

    Cássia é engenheira de software, instrutora e expert em Inteligência Artificial. Tem mestrado em Fundamentos da Matemática e há mais de 3 anos desenvolve projetos com IA. Participa ativamente da comunidade, fez parte do MIT Global Startup Labs, deu aula nas Pyladies SP e atuou como mentora em eventos como BlueHack, Women's Health Tech Weekend e AngelHack.

Já é aluno?

Começar o Curso

Conteúdo Detalhado

  1. Fazendo o primeiro gráfico com Google Charts

    • Criando o gráfico de pizza com a biblioteca
    • Definindo as opções da pizza
    • Mudando o gráfico de pizza para donut
  2. Estilizando o gráfico de pizza

    • Fazendo a pizza virar uma pizza 3d
    • Customizando a legenda e o texto da pizza
    • Adaptando as cores e pedaços da pizza
  3. Criando o gráfico de linha

    • Entendendo o gráfico de linhas e generalizações da biblioteca
    • Deixando o eixo vertical em português
    • Criando curvas e mexendo nas linhas de grade
    • Separando o JavaScript do HMTL e incluindo a tag meta
  4. Criando o gráfico de colunas

    • Usando ArrayToDataTable para criar a tabela
    • Customizando as colunas do gráfico
    • Fazendo um gráfico surpresa no projeto
    • Modificando elementos visuais do gráfico surpresa
    • Escolhendo as cores por coluna no gráfico surpresa
  5. Criando o gráfico de barras

    • Adaptando de colunas para barras com uma palavra
    • Ajustando os detalhes do gráfico de barras
    • Deixando o gráfico de barras harmônico e ordenado
    • Organizando melhor o código
  6. Usando um arquivo json

    • Criando as colunas no arquivo json do 0
    • Finalizando o conteúdo do json
    • Buscando e extraindo os dados do json
  7. Resolvendo problemas e usando o gist

    • Entendendo as questões de requisição, resposta e navegador
    • Customizando o gráfico feito com dados do json
    • Movimentando dados do gist para o gráfico

Escolha o seu plano e vamos começar

  • Cursos
  • Certificado de participação
  • Todas as formações

    Guias de estudo completo para você iniciar em uma nova área de tecnologia

  • Projeto avaliado pelos instrutores

    Projeto de conclusão das Formações com avaliação dos professores da Alura e certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Curso online de inglês técnico para aprimorar seu conhecimento

Premium
  • 644
12X
R$75

à vista R$900

Matricule-se
Premium Plus
  • 644
12X
R$100

à vista R$1.200

Matricule-se
Max
  • 644
12X
R$120

à vista R$1.440

Matricule-se
Acesso por 1 ano
Estude 24h/dia onde e quando quiser
Novos cursos toda semana