visited { color:#a7a; border:1px solid #357; border-width:1px 1px 0; font-size:200%; line-height:1.2em; color:#eee; text-transform:uppercase; letter-spacing:.2em; } #blog-title a { color:#eee; text-decoration:none; } #blog-title a:hover { color:#ad9; } #description { margin:0 5px 5px; padding:0 20px 20px; border:1px solid #357; border-width:0 1px 1px; font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.2em; color:#79b; } /* Content ----------------------------------------------- */ @media all { #content { width:660px; margin:0 auto; padding:0; text-align:left; } #main { width:410px; float:left; } #sidebar { width:220px; float:right; } } @media handheld { #content { width:90%; } #main { width:100%; float:none; } #sidebar { width:100%; float:none; } } /* Headings ----------------------------------------------- */ h2 { margin:1.5em 0 .75em; font:bold 78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.2em; color:#777; } /* Posts ----------------------------------------------- */ @media all { .date-header { margin:1.5em 0 .5em; color:#579; } .post { margin:.5em 0 1.5em; border-bottom:1px dotted #357; padding-bottom:1.5em; } } @media handheld { .date-header { padding:0 1.5em 0 1.5em; } .post { padding:0 1.5em 0 1.5em; } } .post-title { margin:.25em 0 0; padding:0 0 4px; font-size:140%; line-height:1.4em; color:#fc6; } .post-title a { text-decoration:none; color:#fc6; } .post-title a:hover { color:#fff; } .post div { margin:0 0 .75em; line-height:1.6em; } p.post-footer { margin:-.25em 0 0; color:#357; } .post-footer em, .comment-link { font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; } .post-footer em { font-style:normal; color:#579; margin-right:.6em; } .comment-link { margin-left:.6em; } .post img { padding:4px; border:1px solid #222; } .post blockquote { margin:1em 20px; } .post blockquote p { margin:.75em 0; } /* Comments ----------------------------------------------- */ #comments h4 { margin:1em 0; font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.2em; color:#579; } #comments h4 strong { font-size:130%; } #comments-block { margin:1em 0 1.5em; line-height:1.6em; } #comments-block dt { margin:.5em 0; } #comments-block dd { margin:.25em 0 0; } #comments-block dd.comment-timestamp { margin:-.25em 0 2em; font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; } #comments-block dd p { margin:0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } /* Sidebar Content ----------------------------------------------- */ .sidebar-title { color:#579; } #sidebar ul { margin:0 0 1.5em; padding:0 0 1.5em; border-bottom:1px dotted #357; list-style:none; } #sidebar li { margin:0; padding:0 0 .25em 15px; text-indent:-15px; line-height:1.5em; } #sidebar p { line-height:1.5em; } /* Profile ----------------------------------------------- */ #profile-container { margin:0 0 1.5em; border-bottom:1px dotted #357; padding-bottom:1.5em; } .profile-datablock { margin:.5em 0 .5em; } .profile-img { display:inline; } .profile-img img { float:left; padding:4px; border:1px solid #357; margin:0 8px 3px 0; } .profile-data { margin:0; font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; } .profile-data strong { display:none; } .profile-textblock { margin:0 0 .5em; } .profile-link { margin:0; font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; } /* Footer ----------------------------------------------- */ #footer { width:660px; clear:both; margin:0 auto; } #footer hr { display:none; } #footer p { margin:0; padding-top:15px; font:78%/1.6em "Trebuchet MS",Trebuchet,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; }

Monday, July 10, 2006

lo que llevo al trabajo


Hay muchas formas de representar datos, cantidades, las gráficos habituales, de barras, de quesitos, etc… Pero todos están limitados por ser lineales. No sirven cuando los datos son más complejos y estructurados. Ninguno podría mostrar gráficamente la cantidad de archivos que hay en mi disco duro, su estructura de carpetas y diferenciando los tipos. Eso es lo que hacen programas como WinDirStat (Win) o Disk Inventory X (Mac). Lo hacen usando el método Treemap.

La imagen de arriba es de mi disco duro, en el que tengo sobre todo archivos de música mp3 (en verde) y aplicaciones (en amarillo en virtual PC, por cierto a ver si lo quito que no lo uso). Cuanto más grande el archivo, más grande lo muestra. Y están agrupados según la estructura de carpetas. Es perfecto.

Otro ejemplo puede ser Newsmap, del que ya hablamos, que muestra las noticias del día agrupadas por categoría y por importancia.

…si es que no hay nada mejor que entrar por la vista.

0 Comments:

Post a Comment

<< Home