5.0 KiB
5.0 KiB
id | title | localeTitle | isRequired | challengeType |
---|---|---|---|---|
587d7fa6367417b2b2512bc0 | Visualize Data with a Treemap Diagram | Visualice datos con un diagrama de treemap | true | 3 |
Description
id="title"
correspondiente id="title"
.
Historia de usuario n. ° 2: Mi mapa de árbol debe tener una descripción con una id="description"
correspondiente id="description"
.
Historia de usuario # 3: Mi mapa del á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 # 7: Mi mapa del árbol debe tener una leyenda con el correspondiente id="legend"
.
Historia de usuario # 8: Mi leyenda debe tener elementos rect
con una class="legend-item"
correspondiente class="legend-item"
.
Historia de usuario # 9: Los elementos rect
en la leyenda deben usar al menos 2 colores de relleno diferentes.
Historia de usuario # 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 Proyecto de trabajo 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