5.2 KiB
5.2 KiB
id | title | isRequired | challengeType | videoUrl | localeTitle |
---|---|---|---|---|---|
bd7178d8c242eddfaeb5bd13 | Visualize Data with a Scatterplot Graph | true | 3 | Visualice datos con un gráfico de dispersión |
Description
id="title"
. Historia de usuario n. ° 2: Puedo ver un eje x que tiene una id="x-axis"
correspondiente id="x-axis"
. Historia de usuario n. ° 3: Puedo ver un eje y que tiene una id="y-axis"
correspondiente id="y-axis"
. Historia de usuario n. ° 4: Puedo ver puntos, cada uno con una clase de dot
, que representan los datos que se trazan. Historia de usuario n. ° 5: Cada punto debe tener las propiedades data-xvalue
y data-yvalue
contienen sus valores x e y correspondientes. Historia de usuario n. ° 6: El valor de data-xvalue
y el valor de data-yvalue
de cada punto deben estar dentro del rango de los datos reales y en el formato de datos correcto. Para data-xvalue
, los enteros (años completos) o los objetos Date son aceptables para la evaluación de la prueba. Para data-yvalue
(minutos), use objetos Date. Historia de usuario n. ° 7: el valor data-xvalue
y su punto correspondiente deben alinearse con el punto / valor correspondiente en el eje x. Historia de usuario n. ° 8: el data-yvalue
y del data-yvalue
y su punto correspondiente deben alinearse con el punto / valor correspondiente en el eje y. Historia de usuario n. ° 9: Puedo ver varias etiquetas de tic en el eje y con el formato de hora %M:%S
Historia de usuario n. ° 10: Puedo ver varias etiquetas de tick en el eje x que muestran el año. Historia de usuario n. ° 11: Puedo ver que el rango de las etiquetas del eje x está dentro del rango de los datos reales del eje x. Historia de usuario n. ° 12: Puedo ver que el rango de las etiquetas del eje y está dentro del rango de los datos reales del eje y. Historia de usuario n. ° 13: Puedo ver una leyenda que contiene texto descriptivo que tiene id="legend"
. Historia de usuario n. ° 14: puedo pasar el mouse sobre un área y ver una información sobre herramientas con la correspondiente id="tooltip"
que muestra más información sobre el área. Historia de usuario n. ° 15: Mi información sobre herramientas debe tener una propiedad de data-year
que se corresponda con el valor de data-xvalue
del área activa. Aquí está el conjunto de datos que necesitará para completar este proyecto: https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/cyclist-data.json
Puede construir su proyecto por medio de este bolígrafo CodePen . O puede usar este enlace CDN para ejecutar las pruebas en el entorno que desee: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js
Una vez que haya terminado, envíe la URL a su cuenta Proyecto con todas sus pruebas aprobadas. Recuerda usar el método de lectura-búsqueda-pregunta si te atascas. Instructions
Tests
tests: []
Challenge Seed
Solution
// solution required