O Mar Ilimitado do Aprendizado

Iniciante

Neste projeto, você aprenderá a criar um gráfico de visualização de dados usando a biblioteca ECharts. O projeto visa ajudar a Lucy, uma usuária da plataforma de aprendizado online, a visualizar melhor seu tempo diário de estudo.

javascriptweb-development

💡 Este tutorial foi traduzido do inglês com assistência de IA. Para ver o original, você pode mudar para a versão em inglês

Introdução

Neste projeto, você aprenderá como criar um gráfico de visualização de dados usando a biblioteca ECharts. O projeto visa ajudar Lucy, uma usuária da plataforma de aprendizado online, a visualizar melhor seu tempo diário de estudo.

👀 Pré-visualização

ECharts bar chart preview

🎯 Tarefas

Neste projeto, você aprenderá:

  • Como obter dados de um arquivo JSON e processá-los para extrair as informações necessárias.
  • Como usar a biblioteca ECharts para criar um gráfico de barras que exibe as estatísticas de duração de estudo semanal e mensal.
  • Como implementar interatividade para permitir que o usuário alterne entre as visualizações semanal e mensal.
  • Como redimensionar o gráfico dinamicamente quando a janela é redimensionada.

🏆 Conquistas

Após concluir este projeto, você será capaz de:

  • Obter dados de um arquivo JSON e manipulá-los para visualização.
  • Configurar e personalizar um gráfico de barras ECharts para exibir as estatísticas de duração do estudo.
  • Adicionar interatividade ao gráfico e lidar com as interações do usuário.
  • Garantir que o gráfico permaneça responsivo e se adapte ao redimensionamento da janela.

Professor

labby
Labby
Labby is the LabEx teacher.