curso de

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

Resumo do curso

  • 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.

Público alvo

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

Conteúdo relacionado

Cursos de JavaScript em Front-end

Leia nossos artigos de Front-end

Última atualização

12/05/2020

Já é aluno?

Comece o curso agora

10h

p/ conclusão

66

Atividades

190

Minutos de video

1908

Alunos nesse curso

9.2

Nota deste curso

Certificado de participação

Um pouco mais do conteúdo

Descubra se esse curso é pra você lendo as primeiras aulas de Gráficos na web parte 1: Criando e customizando gráficos

Instrutores

  • Cássia é cientista de dados, instrutora e expert em Inteligência Artificial. Tem mestrado em Fundamentos da Matemática e há mais de 5 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 Techmakers Health Tech Weekend e AngelHack.

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

Ainda não estuda com a gente?

Invista na transformação da sua carreira!

Comece agora

nossos alunos e alunas

Experiências de quem já mergulhou com a gente.

Muito boa a experiência, com ricos exemplos. Parabéns a Instrutora.

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

Braz Alves de Lima

Um das melhores didáticas que assisti até hoje. Explica exatamente tudo. Ótima!

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

Larissa Marques

Parabéns para instrutora, super calma e paciente, explicou cada vírgula do código, entrou em detalhes, a melhor instrutora da Alura até agora.

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

Elio Junior

Aprenda JavaScript com esse e outros cursos, comece agora!

Plus

  • Acesso a TODOS os cursos da plataforma

    Mais de 1200 cursos completamente atualizados, com novos lançamentos todas as semanas, em Programação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Alura Challenges

    Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.

  • Alura Cases

    Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.

  • Certificado

    Emitimos certificados para atestar que você finalizou nossos cursos e formações.

  • Alura Língua (incluindo curso Inglês para Devs)

    Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.

12X
R$85
à vista R$1.020
Matricule-se

Pro

  • Acesso a TODOS os cursos da plataforma

    Mais de 1200 cursos completamente atualizados, com novos lançamentos todas as semanas, em Programação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Alura Challenges

    Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.

  • Alura Cases

    Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.

  • Certificado

    Emitimos certificados para atestar que você finalizou nossos cursos e formações.

  • Alura Língua (incluindo curso Inglês para Devs)

    Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.

12X
R$120
à vista R$1.440
Matricule-se
Conheça os Planos para Empresas

Acesso completo
durante 1 ano

Estude 24h/dia
onde e quando quiser

Novos cursos
todas as semanas