Y a-t-il un nom pour ce graphique - une sorte de croisement entre un graphique à secteurs et un tracé de Mekko

9

Y a-t-il un nom pour ce type de graphique ci-dessous (provenant du ministère néo-zélandais du commerce, de l'innovation et de l'emploi , pour lequel je travaille mais je n'ai pas participé à la création de ce graphique)? Il se compose de rectangles où la zone est proportionnelle à une variable et ressemble à une sorte de croisement entre un graphique à secteurs, un graphique en mosaïque et un graphique en mekko. Il est peut-être le plus proche d'une intrigue mekko mais a la complication que nous ne travaillons pas avec des colonnes mais avec un puzzle plus complexe.

L'original est un peu meilleur car il y a des bordures blanches entre les rectangles pour chaque région.

Étonnamment, cela me semble en fait pas trop mauvais graphique statistique, bien qu'il puisse être amélioré grâce à une meilleure utilisation de la couleur mappée à quelque chose de significatif. Une puissante version interactive montrant le budget des États-Unis pour 2011 a été utilisée par le New York Times .

Un défi intéressant est de penser à un algorithme automatique pour en dessiner un et le rendre aussi raisonnable. Les rectangles doivent avoir des proportions différentes, dans une plage acceptable.

entrez la description de l'image ici

Peter Ellis
la source
Le résultat final du projet qui a commencé avec cette question peut être vu dans l'outil Web interactif lié à partir d'ici: mbie.govt.nz/what-we-do/business-growth-agenda/regions
Peter Ellis

Réponses:

12

La question est le nom, mais son fonctionnement est également ouvert à la discussion.

Voici quelque chose de beaucoup plus prosaïque comme alternative, un graphique à barres horizontales.

entrez la description de l'image ici

Ce que nous pourrions vouloir faire avec un tel graphique varie d'une certaine compréhension du modèle global à un examen minutieux des cas individuels (qu'en est-il de Hawke's Bay, etc.). Je dirais que les deux sont plus faciles avec un graphique à barres. Les petits détails sont que j'utilise des minuscules dans les titres et les noms où c'est facile et ne répète pas le signe%. J'ai imité à peu près le codage couleur sans savoir ce qu'il signifie, de sorte que c'est tout aussi clair ou obscur que ce que vous avez copié.

Je suggère que l'attrait des treemaps réside en partie dans leur relative nouveauté. Ils peuvent fonctionner aussi bien ou mieux que les graphiques à barres s'il existe des dizaines de noms, qui peuvent être répartis sur une zone à deux dimensions plutôt que répertoriés dans une longue colonne. Mais pour une quinzaine de noms, un graphique à barres reste un concurrent sérieux à mon avis.

Je suis satisfait de tous ceux qui préfèrent un tableau de points (Cleveland) ici. Un graphique à barres verticales serait confronté à la difficulté de placer les noms de région confortablement. (Imaginez simplement faire tourner ce graphique pour voir cela.) J'aime l'idée de donner les chiffres aussi, bien que les conservateurs n'aiment pas mélanger les idées de graphiques et de tableaux.

Le graphique a été tracé dans Stata.

Nick Cox
la source
4
Je vais devoir creuser, mais si ma mémoire est bonne, l'une des motivations originales de la carte arborescente était pour une organisation hiérarchique des informations (c'est-à-dire pour vous permettre de visualiser la taille combinée des différents niveaux de la hiérarchie) et pour de nombreux autres numéros. L'intention n'était jamais de petites listes de nombres et avait un attrait plus exploratoire, voir Perceptual Guidelines for Creating Rectangular Treemaps ( Kong et al. 2010 )
Andy W
1
C'est mon impression aussi, d'où le nom treemap. Un seul niveau d'une hiérarchie est évident ici.
Nick Cox
4
Bill Shneiderman a rassemblé une belle histoire de treemaps avec des liens vers certaines publications pertinentes ( cs.umd.edu/hcil/treemap-history ). Les treemaps étaient initialement destinés à afficher une hiérarchie à plusieurs niveaux d'une manière moins encombrée que les dendrogrammes ou les arbres, et ils ont d'abord été utilisés pour visualiser le contenu des disques durs. De nos jours, les treemaps sont utilisés pour visualiser de grands arbres phylogénétiques (ils montrent les relations entre les espèces), entre autres applications. Pour plus d'exemples, voir l'article de Shneiderman sur perceptualedge.com/articles/b-eye/treemaps.pdf .
JTT
Merci; pour ce que ça vaut je suis d'accord dans ce cas particulier.
Peter Ellis
3

Modifier / ajouter

J'ai depuis découvert que le package treemap donne un bien meilleur résultat que la fonction map.market () mentionnée (et adaptée) ci-dessous; mais je vais laisser ma réponse pour des raisons historiques.

Réponse originale

Merci pour les réponses. S'appuyant sur la liaison de données fluide fournie par @JTT mais n'aimant pas la nécessité de modifier à la main dans Illustrator ou Inkscape juste pour obtenir un graphique raisonnable, j'ai modifié la fonction map.market () dans le package de portefeuille de Jeff Enos et David Kane pour le rendre plus contrôlé par l'utilisateur, les étiquettes varient selon la taille du rectangle et évitent les contrastes rouge-vert. Exemple d'utilisation:

library(portfolio)
library(extrafont)
data(dow.jan.2005)

with(dow.jan.2005, 
    treemap(id    = symbol,
        area  = price,
        group = sector,
        color = 100 * month.ret,
        labsc = .12,  # user-chosen scaling of labels 
        fontfamily="Comic Sans MS")
    )

entrez la description de l'image ici

Pour ce que ça vaut, je suis également d'accord avec @NickCox que dans l'exemple de ma question d'origine, un tracé de points est supérieur. Le code de ma fonction treemap () adaptée suit.

treemap <- function (id, area, group, color, scale = NULL, lab = c(group = TRUE, 
    id = FALSE), low="red", middle="grey60", high="blue", main = "Map of the Market", labsc = c(.5, 1), print = TRUE, ...) 
{
    # Adapted by Peter Ellis from map.market() by Jeff Enos and David Kane in the portfolio package on CRAN
    # See map.market for the original helpfile.  The changes are:
    # 1. low, middle and high are user-set color ramp choices
    # 2. The font size now varies with the area of the rectangle being labelled; labsc is a scaling parameter to make it look ok.
    #    First element of labsc is scaling parameter for size of group labels.  Second element is scaling for id labels.
    # 3. ... extra arguments to be passed to gpar() when drawing labels; expected use is for fontfamily="whatever"
    require(portfolio)
    if (any(length(id) != length(area), length(id) != length(group), 
        length(id) != length(color))) {
        stop("id, area, group, and color must be the same length.")
    }
    if (length(lab) == 1) {
        lab[2] <- lab[1]
    }
    if (missing(id)) {
        id <- seq_along(area)
        lab["id"] <- FALSE
    }
    stopifnot(all(!is.na(id)))
    data <- data.frame(label = id, group, area, color)
    data <- data[order(data$area, decreasing = TRUE), ]
    na.idx <- which(is.na(data$area) | is.na(data$group) | is.na(data$color))
    if (length(na.idx)) {
        warning("Stocks with NAs for area, group, or color will not be shown")
        data <- data[-na.idx, ]
    }
    zero.area.idx <- which(data$area == 0)
    if (length(zero.area.idx)) {
        data <- data[-zero.area.idx, ]
    }
    if (nrow(data) == 0) {
        stop("No records to display")
    }
    data$color.orig <- data$color
    if (is.null(scale)) {
        data$color <- data$color * 1/max(abs(data$color))
    }
    else {
        data$color <- sapply(data$color, function(x) {
            if (x/scale > 1) 
                1
            else if (-1 > x/scale) 
                -1
            else x/scale
        })
    }
    data.by.group <- split(data, data$group, drop = TRUE)
    group.data <- lapply(data.by.group, function(x) {
        sum(x[, 3])
    })
    group.data <- data.frame(area = as.numeric(group.data), label = names(group.data))
    group.data <- group.data[order(group.data$area, decreasing = TRUE), 
        ]
    group.data$color <- rep(NULL, nrow(group.data))
    color.ramp.pos <- colorRamp(c(middle, high))
    color.ramp.neg <- colorRamp(c(middle, low))
    color.ramp.rgb <- function(x) {
        col.mat <- mapply(function(x) {
            if (x < 0) {
                color.ramp.neg(abs(x))
            }
            else {
                color.ramp.pos(abs(x))
            }
        }, x)
        mapply(rgb, col.mat[1, ], col.mat[2, ], col.mat[3, ], 
            max = 255)
    }
    add.viewport <- function(z, label, color, x.0, y.0, x.1, 
        y.1) {
        for (i in 1:length(label)) {
            if (is.null(color[i])) {
                filler <- gpar(col = "blue", fill = "transparent", 
                  cex = 1)
            }
            else {
                filler.col <- color.ramp.rgb(color[i])
                filler <- gpar(col = filler.col, fill = filler.col, 
                  cex = 0.6)
            }
            new.viewport <- viewport(x = x.0[i], y = y.0[i], 
                width = (x.1[i] - x.0[i]), height = (y.1[i] - 
                  y.0[i]), default.units = "npc", just = c("left", 
                  "bottom"), name = as.character(label[i]), clip = "on", 
                gp = filler)
            z <- append(z, list(new.viewport))
        }
        z
    }
    squarified.treemap <- function(z, x = 0, y = 0, w = 1, h = 1, 
        func = add.viewport, viewport.list) {
        cz <- cumsum(z$area)/sum(z$area)
        n <- which.min(abs(log(max(w/h, h/w) * sum(z$area) * 
            ((cz^2)/z$area))))
        more <- n < length(z$area)
        a <- c(0, cz[1:n])/cz[n]
        if (h > w) {
            viewport.list <- func(viewport.list, z$label[1:n], 
                z$color[1:n], x + w * a[1:(length(a) - 1)], rep(y, 
                  n), x + w * a[-1], rep(y + h * cz[n], n))
            if (more) {
                viewport.list <- Recall(z[-(1:n), ], x, y + h * 
                  cz[n], w, h * (1 - cz[n]), func, viewport.list)
            }
        }
        else {
            viewport.list <- func(viewport.list, z$label[1:n], 
                z$color[1:n], rep(x, n), y + h * a[1:(length(a) - 
                  1)], rep(x + w * cz[n], n), y + h * a[-1])
            if (more) {
                viewport.list <- Recall(z[-(1:n), ], x + w * 
                  cz[n], y, w * (1 - cz[n]), h, func, viewport.list)
            }
        }
        viewport.list
    }
    map.viewport <- viewport(x = 0.05, y = 0.05, width = 0.9, 
        height = 0.75, default.units = "npc", name = "MAP", just = c("left", 
            "bottom"))
    map.tree <- gTree(vp = map.viewport, name = "MAP", children = gList(rectGrob(gp = gpar(col = "dark grey"), 
        name = "background")))
    group.viewports <- squarified.treemap(z = group.data, viewport.list = list())
    for (i in 1:length(group.viewports)) {
        this.group <- data.by.group[[group.data$label[i]]]
        this.data <- data.frame(this.group$area, this.group$label, 
            this.group$color)
        names(this.data) <- c("area", "label", "color")
        stock.viewports <- squarified.treemap(z = this.data, 
            viewport.list = list())
        group.tree <- gTree(vp = group.viewports[[i]], name = group.data$label[i])
        for (s in 1:length(stock.viewports)) {
            stock.tree <- gTree(vp = stock.viewports[[s]], name = this.data$label[s], 
                children = gList(rectGrob(name = "color")))
            if (lab[2]) {
                stock.tree <- addGrob(stock.tree, textGrob(x = unit(1, 
                  "lines"), y = unit(1, "npc") - unit(1, "lines"), 
                  label = this.data$label[s], gp = gpar(col = "white", fontsize=this.data$area[s] * labsc[2], ...), 
                  name = "label", just = c("left", "top")))
            }
            group.tree <- addGrob(group.tree, stock.tree)
        }
        group.tree <- addGrob(group.tree, rectGrob(gp = gpar(col = "grey"), 
            name = "border"))
        if (lab[1]) {
            group.tree <- addGrob(group.tree, textGrob(label = group.data$label[i], 
                name = "label", gp = gpar(col = "white", fontsize=group.data$area[i] * labsc[1], ...)))
        }
        map.tree <- addGrob(map.tree, group.tree)
    }
    op <- options(digits = 1)
    top.viewport <- viewport(x = 0.05, y = 1, width = 0.9, height = 0.2, 
        default.units = "npc", name = "TOP", , just = c("left", 
            "top"))
    legend.ncols <- 51
    l.x <- (0:(legend.ncols - 1))/(legend.ncols)
    l.y <- unit(0.25, "npc")
    l.cols <- color.ramp.rgb(seq(-1, 1, by = 2/(legend.ncols - 
        1)))
    if (is.null(scale)) {
        l.end <- max(abs(data$color.orig))
    }
    else {
        l.end <- scale
    }
    top.list <- gList(textGrob(label = main, y = unit(0.7, "npc"), 
        just = c("center", "center"), gp = gpar(cex = 2, ...)), segmentsGrob(x0 = seq(0, 
        1, by = 0.25), y0 = unit(0.25, "npc"), x1 = seq(0, 1, 
        by = 0.25), y1 = unit(0.2, "npc")), rectGrob(x = l.x, 
        y = l.y, width = 1/legend.ncols, height = unit(1, "lines"), 
        just = c("left", "bottom"), gp = gpar(col = NA, fill = l.cols), 
        default.units = "npc"), textGrob(label = format(l.end * 
        seq(-1, 1, by = 0.5), trim = TRUE), x = seq(0, 1, by = 0.25), 
        y = 0.1, default.units = "npc", just = c("center", "center"), 
        gp = gpar(col = "black", cex = 0.8, fontface = "bold")))
    options(op)
    top.tree <- gTree(vp = top.viewport, name = "TOP", children = top.list)
    mapmarket <- gTree(name = "MAPMARKET", children = gList(rectGrob(gp = gpar(col = "dark grey", 
        fill = "dark grey"), name = "background"), top.tree, 
        map.tree))
    if (print) {
        grid.newpage()
        grid.draw(mapmarket)
    }
    invisible(mapmarket)
}
Peter Ellis
la source
Ce code sera sans aucun doute utile. Je ne veux pas entraîner la discussion dans des domaines où elle ne se déroulera pas, mais l'exemple est-il tout à fait arbitraire ou existe-t-il une justification pour laisser les régions représenter les cours des actions? Que sommes-nous censés voir ou rechercher sur ce complot? (Je ne suis pas hostile, juste totalement inexpérimenté pour essayer d'utiliser ce design pour de vrai, bien que j'en ai vu beaucoup d'exemples.)
Nick Cox
1
En fait, je viens de prendre l'exemple du fichier d'aide pour map.market () par Enos et Kane. En y réfléchissant, je ne vois pas pourquoi ils ont choisi d'avoir le prix du salon; une mesure plus sensée serait sûrement de montrer la capitalisation totale, c'est-à-dire le prix x le nombre d'actions (soit le nombre d'actions sur le marché, soit juste le nombre d'actions que je possède en fonction de l'objectif). Ensuite, vous auriez une bonne utilisation intuitive de l'intrigue pour montrer l'importance des différents stocks.
Peter Ellis
J'ai aussi été intrigué par l'utilisation du prix.
Nick Cox
1

Il s'agit d'un treemap, vous pouvez le faire facilement avec Tableau 8 et Tableau Public gratuit, voir l'exemple ici: http://www.tableausoftware.com/new-features/new-view-types . Vous pouvez également voir @ cette URL que Treemap peut être combiné avec un graphique à barres

Andrew Pandre
la source