20% de desconto

acaba em

0

dias

00

horas

00

minutos

00

segundos

Front-end

Gráficos na web parte 2: Colunas e barras

Curso online de Gráficos na web parte 2: Colunas e barras

46 8.7

8,7

é a nota desse curso

294

alunos neste curso

Faça esse curso e...

  • Aprenda a programar e customizar gráficos empilhados.
  • Entenda mais sobre como a API do Google Charts funciona.
  • Experimente diferentes opções da API como em um projeto real.
  • Saiba como incluir datas no gráfico de forma prática.
  • Aprenda modificar o tipo de gráfico conforme a necessidade do projeto.

Veja o primeiro vídeo

Público alvo

Pessoas que querem criar gráficos usando a API do Google Charts

Nível de Dificuldade

Intermediário

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. Transformando uma pizza em barras

    • Será que mudar de pizza para barras deu certo?
    • Diferenças entre área do gráfico e área da div
    • Exibindo as categorias das barras no gráfico
  2. Estilizando e empilhando as barras

    • Colocando cores com series ou com colunas de estilo
    • Anotando os números nas barras do gráfico
    • Limpando o gráfico para melhorar a visualização
    • Mudando a estrutura da tabela e empilhando as barras
  3. Resolvendo o problema de eixos e alterando o código

    • O problema com eixos das barras empilhadas
    • Primeira solução: usando series nas cores
    • Segunda solução: alterando a estrutura da tabela
    • Usando array para tabela, um pouco menos verboso
  4. Transformando o gráfico de barras empilhadas em colunas empilhadas

    • Conhecendo os tipos de empilhamento
    • Colocando marcas e objetos de percentual
    • Adicionando datas nas barras
    • Arrumando os eixos e direções do gráfico
  5. Entendendo particularidades da API e finalizando o projeto

    • Adicionando o objeto date
    • Será que uso string ou objeto new Date()?
    • Estilizando o gráfico de colunas empilhadas

Black Friday Alura com 20% OFF
Escolha seu plano e vamos começar

acaba em

0

dias

00

horas

00

minutos

00

segundos

  • 668 cursos

    Cursos de programação, design, UX, agilidade, transformação digital, mobile, front-end, infraestrutura e mais.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • 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

  • Desconto 20%

Premium

Desconto 20%
  • 668 cursos

    Cursos de programação, design, UX, agilidade, transformação digital, mobile, front-end, infraestrutura e mais.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • 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

12X
R$75 R$60
à vista R$900 R$720
Matricule-se

Premium Plus

Desconto 20%
  • 668 cursos

    Cursos de programação, design, UX, agilidade, transformação digital, mobile, front-end, infraestrutura e mais.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • 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

12X
R$100 R$80
à vista R$1.200 R$960
Matricule-se

Max

Desconto 20%
  • 668 cursos

    Cursos de programação, design, UX, agilidade, transformação digital, mobile, front-end, infraestrutura e mais.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • 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

12X
R$120 R$96
à vista R$1.440 R$1.152
Matricule-se
Acesso por 1 ano
Estude 24h/dia onde e quando quiser
Novos cursos toda semana