5.1 KiB
5.1 KiB
id | title | isRequired | challengeType | videoUrl | localeTitle |
---|---|---|---|---|---|
587d7fa6367417b2b2512bc0 | Visualize Data with a Treemap Diagram | true | 3 | Visualice datos con un diagrama de treemap |
Description
id="title"
correspondiente id="title"
. Historia de usuario n. ° 2: el mapa de mi árbol debe tener una descripción con una id="description"
correspondiente id="description"
. Historia de usuario n. ° 3: Mi mapa de árbol debe tener elementos rect
con una class="tile"
correspondiente class="tile"
que representa los datos. Historia de usuario n. ° 4: Debe haber al menos 2 colores de relleno diferentes utilizados para los azulejos. Historia de usuario n. ° 5: Cada mosaico debe tener las propiedades data-name
data-category
data-value
contengan su nombre, categoría y valor correspondientes. Historia de usuario n. ° 6: El área de cada mosaico debe corresponder a la cantidad del valor de los datos: los mosaicos con un valor de datos más grande deben tener un área más grande. Historia de usuario n. ° 7: Mi mapa de árbol debe tener una leyenda con el id="legend"
correspondiente id="legend"
. Historia de usuario n. ° 8: Mi leyenda debe tener elementos rect
con una class="legend-item"
correspondiente class="legend-item"
. Historia de usuario n. ° 9: Los elementos rect
en la leyenda deben usar al menos 2 colores de relleno diferentes. Historia de usuario n. ° 10: 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. ° 11: Mi información sobre herramientas debe tener una propiedad de data-value
que corresponda al data-value
de data-value
del área activa. Para este proyecto puedes usar cualquiera de los siguientes conjuntos de datos: - Compromisos de Kickstarter:
https://cdn.rawgit.com/freeCodeCamp/testable-projects-fcc/a80ce8f9/src/data/tree_map/kickstarter-funding-data.json
- Ventas de películas:
https://cdn.rawgit.com/freeCodeCamp/testable-projects-fcc/a80ce8f9/src/data/tree_map/movie-data.json
- Ventas de videojuegos:
https://cdn.rawgit.com/freeCodeCamp/testable-projects-fcc/a80ce8f9/src/data/tree_map/video-game-sales-data.json
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