Tree Map

¿Qué es?

[{"selector":"#anim-c3b8f6f6-193f-44e6-bbba-4b4f515f17ad","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f0668682-3733-4f9f-bc06-73be1f32250c","keyframes":{"transform":["translate3d(0px, 98.36285%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-db071115-9eff-4234-b715-5c40893df368","keyframes":{"opacity":[0,1]},"delay":0,"duration":1300,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-57f40b2e-6a60-4f31-9b22-2a19bc9913e6","keyframes":{"transform":["translate3d(-119.59459%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1300,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-43700105-7a16-412b-b8f8-b44db7013993","keyframes":{"opacity":[0,1]},"delay":0,"duration":1300,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-87565c4a-653a-47eb-9f01-f40d81b1a94a","keyframes":{"transform":["translate3d(-124.00001%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1300,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Elementos

[{"selector":"#anim-0cd80c46-9de0-467a-b131-b2782b7e1e64","keyframes":{"opacity":[0,1]},"delay":0,"duration":2500,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e24e8045-dd08-4fbf-9cb6-b7076ff79019","keyframes":{"opacity":[0,1]},"delay":0,"duration":3500,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b71d03b7-1cf8-4219-a0f4-ac47b54e3fdc","keyframes":{"opacity":[0,1]},"delay":0,"duration":4500,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-29618bf0-1eff-4efa-9dae-2ddac5e99827","keyframes":{"opacity":[0,1]},"delay":0,"duration":1300,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c73ca324-3b21-46f8-93bb-77b54c9e135e","keyframes":{"transform":["translate3d(-124.00001%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1300,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d4120a22-2aa1-4e96-a4c1-2513c21aca70","keyframes":{"opacity":[0,1]},"delay":0,"duration":2500,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-673105d3-2f77-4d38-b275-58e7c8121e76","keyframes":{"opacity":[0,1]},"delay":0,"duration":3500,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0c45a984-5f28-4324-ac99-c6ae0b5c3527","keyframes":{"opacity":[0,1]},"delay":0,"duration":4500,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Rectángulos: Representan las categorías o subcategorías. Tamaño: Codifica la magnitud de los valores que representa. Color: Indica diferentes rangos o variables adicionales.

A partir de sus rectángulos anidados, ofrece una vista organizada y de varios niveles en cualquier conjunto de datos jerárquicos.

[{"selector":"#anim-ed60ed36-087c-412b-bcd6-e62fae09388d","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}]

¿Te gustaría ver un ejemplo?

[{"selector":"#anim-39aec961-dffb-47d3-b334-3278e89451b2","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ba4f723e-8a2b-4968-afbe-fa138233d3e9","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}]

Paso 1.

[{"selector":"#anim-db97ce0a-2f70-4d57-820e-c89c1015cc87","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-03ca65e8-693c-4c1c-8b61-5e180f726d53","keyframes":{"transform":["translate3d(0px, 122.17916%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a9b31219-d45e-4da5-bdae-8b35a4415db3","keyframes":{"opacity":[0,1]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5fa6e0e1-87af-4efe-a812-2c3e217a8c4b","keyframes":{"transform":["translate3d(-124.00001%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b38f7a9d-7bc5-4aca-a91f-191dd87d52b2","keyframes":{"opacity":[0,1]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7508977d-b767-47aa-95a7-6f31b324f660","keyframes":{"transform":["translate3d(-124.10072%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Paso 2.

[{"selector":"#anim-fad0e449-4136-4202-aa9e-f712470a1663","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e523b4d7-0d03-4d9f-9bd6-a95baa00c488","keyframes":{"transform":["translate3d(0px, 243.05561%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-36136d7f-5a91-4dbb-8371-8e87b04609f5","keyframes":{"opacity":[0,1]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-91d070f8-07f9-45d1-ac8e-35a3366e3ec0","keyframes":{"transform":["translate3d(-124.00001%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-406793d6-5cc1-4dc2-b991-faca3bdce7b7","keyframes":{"opacity":[0,1]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4df7ae23-641f-43c0-8cb8-6e8e7c45935b","keyframes":{"transform":["translate3d(-124.10072%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

[{"selector":"#anim-ec5f150d-72e1-44e7-bf2c-27091631e50a","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2dc5df63-a879-4064-a67e-092fa1a5bb23","keyframes":{"transform":["translate3d(-113.53846%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Unidades vendidas por ciudad. AMSTERDAM | BRUSELAS | DUBLIN | LONDRES | PARIS

Unidades vendidas por ciudad. AMSTERDAM | BRUSELAS | DUBLIN | LONDRES | PARIS

Paso 3.

[{"selector":"#anim-ea8978ab-6553-431a-8c5d-1161ebb0e84e","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-63a7bfe5-76d8-4a72-af2c-3ba140c4588b","keyframes":{"transform":["translate3d(0px, 243.05561%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-257323ac-6ee4-493a-b48c-a547cf79fbba","keyframes":{"opacity":[0,1]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-771f7638-1998-4ef6-85ca-80efaef417b1","keyframes":{"transform":["translate3d(-124.00001%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e37aef69-7656-4a46-9936-eda974300e1a","keyframes":{"opacity":[0,1]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-07d724db-4f74-48b2-8490-c6173f35fae2","keyframes":{"transform":["translate3d(-124.10072%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

[{"selector":"#anim-4538bc8e-710f-400a-9742-08c934c7f5bf","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8040d63f-c72b-4bc2-b99d-8cccc1a5a997","keyframes":{"transform":["translate3d(-113.53846%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Unidades vendidas por ciudad y producto. AMSTERDAM | BRUSELAS | DUBLIN | LONDRES | PARIS

Unidades vendidas por ciudad y producto. AMSTERDAM | BRUSELAS | DUBLIN | LONDRES | PARIS

¿Cuándo usarlos?

[{"selector":"#anim-80a4969a-df3e-43b0-b948-90a5bd2b50c7","keyframes":{"opacity":[0,1]},"delay":0,"duration":1300,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-708874e6-fea8-4d7e-a24f-fe3b062bc901","keyframes":{"transform":["translate3d(-127.11865%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1300,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d9d84646-718e-4098-b9fc-70309d12aa95","keyframes":{"opacity":[0,1]},"delay":0,"duration":1300,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7cfdb323-7507-4a40-9003-26232db2e6e6","keyframes":{"transform":["translate3d(-115.73771%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1300,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Útil para:

[{"selector":"#anim-1748871f-0c9e-4a1e-b8e9-5a6850a945a0","keyframes":{"opacity":[0,1]},"delay":0,"duration":1300,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1f3ecb37-a868-449e-9663-f2c017dd756c","keyframes":{"transform":["translate3d(-127.11865%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1300,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7c4abae6-454d-4786-bea0-0eaa68092e9f","keyframes":{"opacity":[0,1]},"delay":0,"duration":1300,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5c5f9cc7-981e-4ddc-88e2-54fe83050843","keyframes":{"transform":["translate3d(-115.73771%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1300,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-dacb8292-2baf-4213-a71f-71fe219344d7","keyframes":{"opacity":[0,1]},"delay":0,"duration":1300,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d5899168-2d10-4c44-a4be-7264f3f09845","keyframes":{"transform":["translate3d(-115.73771%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1300,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2e253d8c-f74d-4765-bbd5-fcfcc7a9d77e","keyframes":{"opacity":[0,1]},"delay":0,"duration":1300,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d4be176d-d17f-46bc-b676-e0dffeab70a1","keyframes":{"transform":["translate3d(-115.73771%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1300,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6f7c2af1-0e0c-4c08-8d1d-955780348565","keyframes":{"opacity":[0,1]},"delay":0,"duration":1300,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-eb776c3f-59e2-447f-8c2b-4717dee5d8ae","keyframes":{"transform":["translate3d(-115.73771%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1300,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bf1b6d07-14ac-4e96-9715-329a917eac67","keyframes":{"opacity":[0,1]},"delay":0,"duration":1300,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-13f923a8-26cd-4157-84ba-3a2ce8fdb001","keyframes":{"transform":["translate3d(-115.73771%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1300,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b02370c6-45c3-48f4-b825-b9e882238470","keyframes":{"opacity":[0,1]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-29dc627e-df88-4147-9dcc-4a4191e00a76","keyframes":{"transform":["translate3d(0px, 97.28394%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Desafíos

[{"selector":"#anim-61a65026-2498-4351-93ce-ea7a3caafbcf","keyframes":{"opacity":[0,1]},"delay":0,"duration":1300,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cc4dedf6-7488-4a94-8d7b-72bbfe54da0c","keyframes":{"transform":["translate3d(-127.11865%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1300,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-68a610e8-d02c-4d62-8675-5eb237418178","keyframes":{"opacity":[0,1]},"delay":0,"duration":1300,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-06daa748-93fc-4d12-b641-ef29c6028d07","keyframes":{"transform":["translate3d(-113.91305%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1300,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-54abb2d6-41c2-4274-a405-d275674a7485","keyframes":{"opacity":[0,1]},"delay":0,"duration":1300,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-07609f0d-08aa-4d0a-a401-16d87ce20480","keyframes":{"transform":["translate3d(-114.28572%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1300,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-936a5b28-83c7-4a4a-b87e-c74f081b5670","keyframes":{"opacity":[0,1]},"delay":0,"duration":1300,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-57e39315-7b01-48de-b7e3-ae1f4748b387","keyframes":{"transform":["translate3d(-115.73771%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1300,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d3aae814-b906-4abb-ab5e-db2b346dc655","keyframes":{"opacity":[0,1]},"delay":0,"duration":1300,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-53f410c2-464b-4369-96f5-714fd1236736","keyframes":{"transform":["translate3d(-115.73771%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1300,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4dc4f2ac-f814-49de-ac24-8fc80a024ebc","keyframes":{"opacity":[0,1]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-152376b0-ad2f-45b0-b604-a7392d304e3d","keyframes":{"transform":["translate3d(0px, 98.55810%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] – Su audiencia puede no estar familiarizada con ellos. – Es difícil hacer comparaciones precisas de áreas. – Pueden ser abrumadores de procesar. – Sólo para conjuntos de datos con valores mayores a cero.

Tip adicional:

[{"selector":"#anim-76ddbc58-9f72-443a-baef-696bcbcbaee5","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-38318ce3-af1e-47ef-955f-98c23798b28e","keyframes":{"transform":["translate3d(-127.11865%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-35bf2c45-d181-46cd-8dc2-18aa0b7d8a86","keyframes":{"opacity":[0,1]},"delay":0,"duration":1300,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bb91cd26-ee93-45cb-b21e-f8d0221c886e","keyframes":{"transform":["translate3d(-128.62595%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1300,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-83b72766-b2a5-4338-b0ba-1f3c8c269926","keyframes":{"opacity":[0,1]},"delay":0,"duration":1300,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b3e47e2e-0c9d-4469-8c89-7e3b648aeb4d","keyframes":{"transform":["translate3d(-123.57143%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1300,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Consúltame

[{"selector":"#anim-0bc867da-351a-44cc-ae57-01168f6454ae","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c1cb2d7c-0f74-4f06-860b-8d41057d903b","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}]

[{"selector":"#anim-503d9489-64ac-462c-b60d-a8dfd1633634","keyframes":[{"offset":0,"transform":"translate3d(0, -166.2263%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.29,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.45,"transform":"translate3d(0, -46.74283556%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.61,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.71,"transform":"translate3d(0, -15.89123428%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.8,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.85,"transform":"translate3d(0, -5.967524170000001%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.92,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.96,"transform":"translate3d(0, -2.59313028%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":1,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"}],"delay":0,"duration":1500,"fill":"both"}]

Tree Map

¿Qué es?

Una forma de visualización de datos que muestra jerarquías utilizando áreas rectangulares.

Elementos

A partir de sus rectángulos anidados, ofrece una vista organizada y de varios niveles en cualquier conjunto de datos jerárquicos.

¿Te gustaría ver un ejemplo?

Veamos cómo visualiza la información una empresa papelera con múltiples sedes internacionales.

Paso 1.

Muestra del total de unidades vendidas:

Paso 2.

Posteriormente, añade un nivel a la visualización: Unidades vendidas por ciudad.

Paso 3.

Finalmente, añade un segundo nivel a la visualización: Unidades vendidas por ciudad y producto.

¿Cuándo usarlos?

Cuando se desea visualizar la relación jerárquica de parte a todo entre muchas categorías, en poco espacio, sin compararlas con precisión.

Útil para:

– Gestión de activos.

– Análisis financieros.

– Gestión de proyectos.

– Análisis de ventas.

– Análisis de R.R.H.H.

Desafíos

Tip adicional:

¿Quieres impactar a todos con su uso?

Añade interactividad a tu gráfico.

Consúltame

para descubrir pasos prácticos para construirlos y/o mejorarlos.