5.0 KiB
5.0 KiB
id | title | isRequired | challengeType | videoUrl | localeTitle |
---|---|---|---|---|---|
bd7178d8c242eddfaeb5bd13 | Visualize Data with a Scatterplot Graph | true | 3 | Visualize dados com um gráfico de gráfico de dispersão |
Description
id="title"
. História do usuário nº 2: Eu posso ver um eixo x que tem um id="x-axis"
. História do usuário nº 3: Eu posso ver um eixo y que tem um id="y-axis"
. História do usuário nº 4: Eu posso ver pontos, cada um com uma classe de dot
, que representa os dados sendo plotados. História do Usuário # 5: Cada ponto deve ter as propriedades data-xvalue
e data-yvalue
contendo seus valores x e y correspondentes. História do usuário nº 6: O valor data-xvalue
data-yvalue
e o data-xvalue
y de data-yvalue
de cada ponto devem estar dentro do intervalo dos dados reais e no formato de dados correto. Para data-xvalue
, inteiros (anos completos) ou objetos Date são aceitáveis para avaliação de teste. Para data-yvalue
(minutos), use objetos Date. História do Usuário # 7: O data-xvalue
e seu ponto correspondente devem estar alinhados com o ponto / valor correspondente no eixo x. História do usuário # 8: O valor de y dos data-yvalue
e seu ponto correspondente devem estar alinhados com o ponto / valor correspondente no eixo y. História do usuário nº 9: posso ver vários rótulos de escala no eixo y com o formato de hora %M:%S
História do usuário nº 10: posso ver vários rótulos de escala no eixo x que mostram o ano. História do usuário nº 11: Eu posso ver que o intervalo dos rótulos do eixo x estão dentro do intervalo dos dados reais do eixo x. História do usuário nº 12: Eu posso ver que o intervalo dos rótulos do eixo y estão dentro do intervalo dos dados reais do eixo y. História do usuário nº 13: Eu posso ver uma legenda contendo um texto descritivo que possui id="legend"
. História do usuário nº 14: Eu posso passar o mouse sobre uma área e ver uma dica com uma id="tooltip"
que exibe mais informações sobre a área. História do usuário nº 15: Minha dica de ferramenta deve ter uma propriedade data-year
que corresponda ao valor data-xvalue
da área ativa. Aqui está o conjunto de dados necessário para concluir este projeto: https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/cyclist-data.json
Você pode criar seu projeto, bifurcando essa caneta CodePen . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js
Quando terminar, envie a URL para o seu trabalho. projeto com todos os seus testes passando. Lembre-se de usar o método Read-Search-Ask se você ficar preso. Instructions
Tests
tests: []
Challenge Seed
Solution
// solution required