4.9 KiB
4.9 KiB
id | title | isRequired | challengeType | videoUrl | localeTitle |
---|---|---|---|---|---|
bd7188d8c242eddfaeb5bd13 | Visualize Data with a Heat Map | true | 3 | Visualice datos con un mapa de calor |
Description
id="title"
correspondiente id="title"
. Historia de usuario n. ° 2: Mi mapa de calor debe tener una descripción con una id="description"
correspondiente id="description"
. Historia de usuario n. ° 3: Mi mapa de calor debe tener un eje x con una id="x-axis"
correspondiente id="x-axis"
. Historia de usuario n. ° 4: Mi mapa de calor debe tener un eje y con una id="y-axis"
correspondiente id="y-axis"
. Historia de usuario n. ° 5: Mi mapa de calor debe tener elementos rect
con una class="cell"
que representa los datos. Historia de usuario n. ° 6: Debe haber al menos 4 colores de relleno diferentes utilizados para las celdas. Historia de usuario n. ° 7: Cada celda tendrá las propiedades data-month
, data-year
, data-temp
contienen sus valores correspondientes de mes, año y temperatura. Historia de usuario n. ° 8: El data-month
data-year
de data-year
de cada celda debe estar dentro del rango de los datos. Historia de usuario n. ° 9: Mi mapa de calor debe tener celdas que se alineen con el mes correspondiente en el eje y. Historia de usuario # 10: Mi mapa de calor debe tener celdas que se alineen con el año correspondiente en el eje x. Historia de usuario n. ° 11: Mi mapa de calor debe tener varias etiquetas de tic en el eje y con el nombre completo del mes. Historia de usuario n. ° 12: Mi mapa de calor debe tener varias etiquetas de marca en el eje x con los años comprendidos entre 1754 y 2015. Historia de usuario n. ° 13: Mi mapa de calor debe tener una leyenda con una id="legend"
correspondiente id="legend"
. Historia de usuario n. ° 14: Mi leyenda debe contener elementos rect
. Historia de usuario n. ° 15: Los elementos rect
en la leyenda deben usar al menos 4 colores de relleno diferentes. Historia de usuario n. ° 16: 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. ° 16: Mi información sobre herramientas debe tener una propiedad de data-year
que corresponda con el data-year
de data-year
del área activa. Aquí está el conjunto de datos que necesitará para completar este proyecto: https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/global-temperature.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