<?xml version="1.0" encoding="ISO-8859-1"?>
<rss version="2.0"  xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
<channel>
<atom:link href="http://www.paseante.net/rss/tag/gr%E1fico" rel="self" type="application/rss+xml" /><title></title>
<link></link>
<description></description>
<pubDate>Tue, 06 Jan 2009 06:40:22 +0000</pubDate>
<generator>http://www.bligoo.com/</generator>
<language>es</language>
<item>
<title>¿Cuántos... por segundo?</title>
<link>http://www.paseante.net/content/view/314327/Cuantos_por_segundo.html</link>
<pubDate>Thu, 13 Nov 2008 17:41:16 +0000</pubDate>
<guid isPermaLink="false">http://www.paseante.net/content/view/314327/Cuantos_por_segundo.html</guid>
<dc:creator>Daniel Rojas</dc:creator>
<description><![CDATA[<p><a title="Ir a so_many_a_second" href="http://smas.studioludens.com/"><img alt="so_many" src="http://bligoo.com/media/users/0/1063/images/so_many.jpg" vspace="4" align="middle" hspace="0" /></a><br />&iquest;Cu&aacute;ntos (lo que sea) por segundo? es la pregunta que da origen a <b><a title="Ir a so_many_a_second" href="http://smas.studioludens.com/">so_many_a_second</a></b>, una visualizaci&oacute;n que representa los datos como una lluvia que cae a trav&eacute;s de la pantalla, mostrando cada unidad como una &ldquo;gota&rdquo;. La precipitaci&oacute;n es unas veces m&aacute;s copiosa que otras, dependiendo del volumen de informaci&oacute;n. Si se trata, por ejemplo, de <b>autom&oacute;viles</b> <b>fabricados en el mundo</b> se forma una suave llovizna (1.5 cada segundo). Si, en cambio, se trata de <b>&aacute;rboles cortados</b> el temporal arrecia (150 por segundo).&nbsp; Pero si hablamos de las <b>b&uacute;squedas con contenido pornogr&aacute;fico</b> que se realizan cada segundo en Internet (780), nos enfrentamos a una verdadera tromba de agua.</p>
<p><img style="float: right;" alt="Runnig the Numbers" src="http://bligoo.com/media/users/0/1063/images/so_many_bolsas.jpg" hspace="8" />La informaci&oacute;n est&aacute; dividida en 5 categor&iacute;as principales, cada una con sus respectivas subcategor&iacute;as.&nbsp; En la representaci&oacute;n conviven datos tan diversos como la cantidad de <b>nacimientos en el mundo</b> (4,2), las <b>estrellas que se crean en el universo</b> (200), o la cantidad de <b>alimentos que se producen</b> (&iexcl;168 toneladas!), adem&aacute;s de poder crear tu propio &ldquo;lo que sea&rdquo;. Para esto utilic&eacute; informaci&oacute;n obtenida de <a title="Ir a Running the Numbers" href="http://www.chrisjordan.com/current_set2.php?id=7"><b>Running the Numbers</b></a>, un proyecto del fot&oacute;grafo <b>Chris Jordan</b> que vale la pena ver y donde, entre varios otros datos, est&aacute; la cantidad de <b>bolsas de pl&aacute;stico&nbsp; que se usan en Estados Unidos: &iexcl;12.000 cada segundo!</b> (imagen de la derecha, fragmento) Definitivamente es como para aprender a respirar bajo la basura.</p>
<p><b>so_many_a_second</b> es un trabajo realizado por <a title="Ir a studio:lundens" href="http://www.studioludens.com/"><b>studio:ludens</b></a> y fue encontrado gracias a <a title="Ir a art&iacute;culo en FlowingData" href="http://flowingdata.com/2008/11/03/showing-this-many-per-second-data-humanized/">Flowing Data</a>.</p>
<p><b>Relacionado:</b> <a title="Ir al art&iacute;culo" href="http://www.paseante.net/content/view/222392/Toda_el_agua_del_mundo_y_lo_que_hacemos_con_ella.html"></a></p>
<ul>
<li><a title="Ir al art&iacute;culo" href="http://www.paseante.net/content/view/238508/Impacto_medioambiental_del_desarrollo.html">Impacto medioambiental del desarrollo</a>.</li>
<li><a title="Ir al art&iacute;culo" href="http://www.paseante.net/content/view/233836/Geografia_economica_del_mundo.html">Geograf&iacute;a econ&oacute;mica del mundo</a>.</li>
<li><a title="Ir al art&iacute;culo" href="http://www.paseante.net/content/view/222392/Toda_el_agua_del_mundo_y_lo_que_hacemos_con_ella.html">Toda el agua del mundo y lo que hacemos con ella</a>.<br /></li>
</ul>]]></description>
</item>
<item>
<title>Atlas del ciberespacio de descarga gratuita</title>
<link>http://www.paseante.net/content/view/306870/Atlas_del_ciberespacio_de_descarga_gratuita.html</link>
<pubDate>Thu, 30 Oct 2008 16:16:30 +0000</pubDate>
<guid isPermaLink="false">http://www.paseante.net/content/view/306870/Atlas_del_ciberespacio_de_descarga_gratuita.html</guid>
<dc:creator>Daniel Rojas</dc:creator>
<description><![CDATA[<p><img src="http://bligoo.com/media/users/0/1063/images/atlascyberspace.jpg" alt="Atlas of Cyberspace" vspace="4" align="middle" hspace="0" /><br />El <b><a href="http://www.kitchin.org/atlas/index.html" title="Ir al sitio de Atlas of Cyberspace">Atlas of Cyberspace</a></b> (de <a href="http://personalpages.manchester.ac.uk/staff/m.dodge/cybergeography/" title="Ir al sitio de Cybergeography Research">Cybergeography.org</a>) es un libro de referencia muy interesante para los que trabajan en temas relacionados con Internet y la representaci&oacute;n visual de su naturaleza y estructura. En sus p&aacute;ginas se re&uacute;nen<b> mapas de los &uacute;ltimos 30 a&ntilde;os de historia</b> (hasta el 2001, a&ntilde;o de su publicaci&oacute;n), categorizados en cap&iacute;tulos como: mapeando la infraestructura y el tr&aacute;fico de datos, mapeando la web, mapeando comunidades y conversaciones en l&iacute;nea, y otros.<br /><br />Ahora <b>el libro completo est&aacute; <a href="http://www.kitchin.org/atlas/contents.html" title="Sitio de descarga del libro">disponible para descarga</a> como PDF </b>bajo licencia <a href="http://creativecommons.org/licenses/by-nc-nd/2.0/uk/" title="Ver licencia Creative Commons">Creative Commons</a>. Se puede obtener como un solo archivo en<b> <a href="http://personalpages.manchester.ac.uk/staff/m.dodge/atlas/Atlas_with_cover_high.pdf" title="Descargar PDF en alta resoluci&oacute;n">alta resoluci&oacute;n <span style="font-weight: normal;">(228 MB)</span></a></b> y en <a href="http://personalpages.manchester.ac.uk/staff/m.dodge/atlas/Atlas_with_cover_low.pdf" title="Descargar PDF en baja resoluci&oacute;n"><b>baja resoluci&oacute;n </b>(28 MB)</a>, adem&aacute;s de por cap&iacute;tulos individuales. El libro est&aacute; en ingl&eacute;s, pero abunda en material visual de calidad, adem&aacute;s est&aacute; la <a href="http://personalpages.manchester.ac.uk/staff/m.dodge/cybergeography//spanish/atlas.html" title="Ir a versi&oacute;n en espa&ntilde;ol de Cibergeography.org">versi&oacute;n en espa&ntilde;ol de Cybergeography.org</a> para profundizar en el tema (claro que acabo de ver&nbsp; que por alguna raz&oacute;n no cargan las im&aacute;genes).</p>
<p>Visto en <a href="http://infosthetics.com/archives/2008/10/atlas_of_cyberspace_book_now_for_free.html" title="Ir a art&iacute;culo en information aesthetics">information aesthetics</a>.</p>
<p><b>Relacionado:</b></p>
<ul>
<li><a href="http://www.paseante.net/content/view/278627/Lunes_negro_o_mas_bien_rojo.html" title="Ir al art&iacute;culo">Lunes negro, o m&aacute;s bien rojo</a></li>
<li><a href="http://www.paseante.net/content/view/83153/Internet_a_la_vista.html" title="Ir al art&iacute;culo">Internet a la vista</a></li>
<li><a href="http://www.paseante.net/content/view/64975/Relaciones_de_poder.html" title="Ir al art&iacute;culo">Relaciones de poder</a></li>
</ul>]]></description>
</item>
<item>
<title>Ten Years After, forty years later</title>
<link>http://www.paseante.net/content/view/299143/Ten_Years_After_forty_years_later.html</link>
<pubDate>Wed, 15 Oct 2008 21:55:24 +0100</pubDate>
<guid isPermaLink="false">http://www.paseante.net/content/view/299143/Ten_Years_After_forty_years_later.html</guid>
<dc:creator>Daniel Rojas</dc:creator>
<description><![CDATA[<p><img alt="Ten Years After" src="http://bligoo.com/media/users/0/1063/images/tenyearsafter.jpg" vspace="4" align="middle" hspace="0" /><br />La broma es mala, lo acepto, pero me llam&oacute; mucho la atenci&oacute;n ver este cartel en las calles de Barcelona. <a title="Ir al sitio oficial de Ten Years After" href="http://www.ten-years-after.com/"><b>Ten Years After</b></a> nunca me gust&oacute; especialmente, ni supe mucho de la banda (aparte de su aparici&oacute;n en <a title="Sobre el festival de Woodstok en Wikipedia" href="http://es.wikipedia.org/wiki/Festival_de_Woodstock"><b>Woodstok</b></a>, claro), pero me sorprendi&oacute; que todav&iacute;a existieran&hellip; y que estuvieran de gira.</p>
<p>Pensando en la historia musical -por no decir arqueolog&iacute;a- record&eacute; un mapa de la historia de la m&uacute;sica que representa c&oacute;mo, <b>a partir de pocas ra&iacute;ces comunes, surgen pr&aacute;cticamente todos los estilos que forman parte del pop y el rock</b>. El gr&aacute;fico se llama <b>Genealogy of Pop/Rock Music</b> (dise&ntilde;o de Reebee Garofalo) y abarca el periodo de 1955 a 1978. En &eacute;l se incluyen m&aacute;s de 30 estilos musicales y 700 artistas, pero por m&aacute;s que busqu&eacute; no pude encontrar a <a title="Ir al sitio oficial de Ten Years After" href="http://www.ten-years-after.com/"><b>Ten Years After</b></a>. Al parecer no son tan importantes o ya no veo igual que antes.</p>
<p>La mejor imagen que encontr&eacute; est&aacute; en la tienda en l&iacute;nea de <a title="Ir a History Shots" href="http://www.historyshots.com/rockmusic/"><b>History Shots</b></a>, de donde es la versi&oacute;n que se incluye m&aacute;s abajo. Est&aacute; esta vista peque&ntilde;a, pero la imagen se puede explorar a trav&eacute;s de <a title="Opci&oacute;n de zoom" href="http://www.historyshots.com/ViewInfo.cfm?Type=zoom&amp;PID=1010">la opci&oacute;n de zoom</a>.</p>
<p><a title="Ir a History Shots" href="http://www.historyshots.com/rockmusic/"><img alt="Genealogy of Pop/Rock Music" src="http://bligoo.com/media/users/0/1063/images/tenyearsafter_genealogy.jpg" /></a></p>
<p>&iexcl;Ah!, si alguien puede y quiere ir al concierto de <b>Ten Years After</b> es este <b>domingo 19 de octubre</b> (<a title="Informaci&oacute;n del concierto en Gu&iacute;a del Ocio" href="http://www.guiadelociobcn.com/musica.php?concierto_id=10415">m&aacute;s datos aqu&iacute;</a>). Y para los que quieran ver parte del concierto de Woodstok en 1969 (&iexcl;!), pueden ver la memorable ejecuci&oacute;n de <a title="Ver video en YouTube" href="http://www.youtube.com/watch?v=tHw9b4BBV9Y"><b>I'm Going Home</b> en YouTube (11' 32'')</a>.</p>
<p>Visto en <a title="Ir al art&iacute;culo en Visual Complexity" href="http://www.visualcomplexity.com/vc/project_details.cfm?id=390&amp;index=9&amp;domain=Music">Visual Complexity</a>.</p>
<p><b>Relacionado: </b><a title="Manual para la construcci&oacute;n de gr&aacute;ficos" href="../view/191838/Manual_para_la_construccion_de_graficos.html">Manual 
para la construcci&oacute;n de gr&aacute;ficos</a></p>
<ul>
</ul>]]></description>
</item>
<item>
<title>Gráfico de torta (pastel) autorreferente</title>
<link>http://www.paseante.net/content/view/280677/Grafico_de_torta_pastel_autorreferente.html</link>
<pubDate>Thu, 18 Sep 2008 22:16:11 +0100</pubDate>
<guid isPermaLink="false">http://www.paseante.net/content/view/280677/Grafico_de_torta_pastel_autorreferente.html</guid>
<dc:creator>Daniel Rojas</dc:creator>
<description><![CDATA[<p><img alt="Gr&aacute;fico de torta" src="http://bligoo.com/media/users/0/1063/images/graficotorta2.jpg" vspace="4" align="middle" hspace="0" /><br />
La im&aacute;gen superior muestra un <b><a title="Gr&aacute;fico circular en Wikipedia" href="http://es.wikipedia.org/wiki/Gr%C3%A1fica_circular">gr&aacute;fico circular</a></b> (de torta, de pastel, o <i>pie chart</i>, depende d&oacute;nde te encuentres) que <b>m&aacute;s que representar datos, es la informaci&oacute;n en s&iacute; misma</b>. A ver ahora c&oacute;mo <a title="Cortando pastel" href="http://s3.gadgetreview.com/wp-content/uploads/2008/06/macbook-air-cuts-cake.png">dan cuenta</a> <a title="Cortando pastel" href="http://r-sharma.sulekha.com/mstore/R-Sharma/albums/PerfectCakeCutter.jpg">de lo que</a> <a title="Cortando pastel" href="http://www.designboom.com/contest/view.php?contest_pk=21&amp;item_pk=19729&amp;p=1">queda</a>, de lo <i>not yet eaten</i>.</p>
<p>Encontrado en <a title="Ir a art&iacute;culo en Dark Roasted Blend" href="http://www.darkroastedblend.com/2008/09/super-star-mobile-skyscraper.html">Dark Roasted Blend</a>.</p>
<p><b>Relacionado: </b><a title="Ir al art&iacute;culo en Paseante" href="http://www.paseante.net/content/view/191838/Manual_para_la_construccion_de_graficos.html">Manual para la construcci&oacute;n de gr&aacute;ficos</a>.</p>]]></description>
</item>
<item>
<title>Lunes negro, o más bien rojo</title>
<link>http://www.paseante.net/content/view/278627/Lunes_negro_o_mas_bien_rojo.html</link>
<pubDate>Mon, 15 Sep 2008 19:18:53 +0100</pubDate>
<guid isPermaLink="false">http://www.paseante.net/content/view/278627/Lunes_negro_o_mas_bien_rojo.html</guid>
<dc:creator>Daniel Rojas</dc:creator>
<description><![CDATA[<p><a title="Ir a Map of the Market" href="http://www.smartmoney.com/map-of-the-market/"><img alt="Lunes rojo" src="http://bligoo.com/media/users/0/1063/images/lunesnegro2.jpg" vspace="4" align="middle" hspace="0" /></a><br />Ya es de tarde en Barcelona. La <a title="Ir al sitio de NYSE" href="http://www.nyse.com/"><b>bolsa de Nueva York</b></a> lleva unas horas abierta y finalmente se ha sumado a <b>la debacle que esta ma&ntilde;ana se ha extendido por toda Europa</b>. De econom&iacute;a no tengo idea, pero me interesa el tema, es decir, se trata de algo importante. Trato de entender. Las notas de prensa explican detalladamente que <a title="Ir a la noticia" href="http://www.elmundo.es/mundodinero/2008/09/15/economia/1221456601.html">alguien se ha declarado en bancarrota</a>, que <a title="Ir a la noticia" href="http://www.nytimes.com/2008/09/15/business/15lehman.html">uno se pone a la venta para intentar salvar el pellejo sin resultados</a>, que <a title="Ir a la noticia" href="http://www.elpais.com/articulo/economia/Greenspan/pide/dinero/publico/evitar/victimas/elpepueco/20080915elpepieco_1/Tes">otro salen pidiendo urgentemente dinero</a> y cosas as&iacute;. Todo muy catastrofista.</p>
<p>Abrumado por cifras, nombres y vaticinios, intento entender un poco m&aacute;s recurriendo a las secciones de gr&aacute;ficos de los peri&oacute;dicos, pero la verdad es que eso no me ayuda. Recuerdo entonces un proyecto de visualizaci&oacute;n que tiene ya algunos a&ntilde;os, y empiezo a recorrer viejos enlaces hasta dar con &eacute;l. <a title="Ir a Map of the Market" href="http://www.smartmoney.com/map-of-the-market/"><b>Map of the Market</b></a> es una aplicaci&oacute;n (<a title="Sitio de SmartMoney" href="http://www.smartmoney.com/">SmartMoney.com</a>), que <b>muestra el desempe&ntilde;o del m&aacute;s de 500 empresas en el mercado de valores</b> en una sola pantalla, implementada como un <a title="Sobre Treemaps en Infovis" href="http://www.infovis.net/printMag.php?num=51&lang;=1"><i>treemap</i></a>. En la imagen se representan las <b>empresas en alza en color verde fuerte</b>, que se va oscureciendo a medida que se aproximan a un nivel de equilibrio. Cuando se trata de <b>variaciones negativas, el color se va desplazando progresivamente hacia un rojo</b> cada vez m&aacute;s intenso.</p>
<p>Encuentro la direcci&oacute;n, entro a la p&aacute;gina y, al terminar de cargar la aplicaci&oacute;n (<a title="Descarga de Java" href="http://www.java.com/es/download/"><i>Java</i></a>), me recibe una <b>pantalla saturada de rojo</b>(*). Sigo sin entender realmente todo lo que pasa, pero el asunto no pinta nada de bien y eso <b>me queda claro de un solo golpe de vista</b>.</p>
<p><span style="font-size: 8pt;">(*) Pese a todo me soprenden algunas excepciones, especialmente un verde luminoso en el centro de la imagen, en el sector <i><b>Financial</b></i>. Luego leo en la prensa que sobre la compra de <a title="Ir a noticia en El Pa&iacute;s" href="http://www.elpais.com/articulo/economia/Bank/of/America/compra/Merrill/Lynch/31000/millones/elpepueco/20080915elpepueco_3/Tes">Merryll Lynch por parte del Bank of America</a>. Al parecer hay gente dispuesta a dar la lucha... o a sacar provecho de las circunstancias.<br /></span></p>]]></description>
</item>
<item>
<title>Manual para la construcción de gráficos</title>
<link>http://www.paseante.net/content/view/191838/Manual_para_la_construccion_de_graficos.html</link>
<pubDate>Tue, 20 May 2008 20:45:41 +0100</pubDate>
<guid isPermaLink="false">http://www.paseante.net/content/view/191838/Manual_para_la_construccion_de_graficos.html</guid>
<dc:creator>Daniel Rojas</dc:creator>
<description><![CDATA[<p class="MsoNormal"><a target="_blank" title="Ir a Information Design Patterns" href="http://niceone.org/infodesign/"><img alt="Information Design Patterns" src="http://bligoo.com/media/users/0/1063/images/designPatterns.jpg" hspace="0" vspace="4" /></a><br /><a target="_blank" title="Ir a Information Design Patterns" href="http://niceone.org/infodesign/"><b>Information Design Patterns</b></a> es un cat&aacute;logo de sistemas gr&aacute;ficos para la representaci&oacute;n de informaci&oacute;n. Se trata de un manual en l&iacute;nea, una especie de &ldquo;libro de cocina&rdquo; de las principales estrategias utilizadas en la visualizaci&oacute;n de datos.</p>
<p class="MsoNormal">El proyecto est&aacute; montado en Flash y estructurado de acuerdo a las caracter&iacute;sticas de cada representaci&oacute;n: gr&aacute;ficos de barras, tortas, de l&iacute;nea, &aacute;rea, tem&aacute;ticos, capas, l&iacute;nea de tiempo, etc. Cada una de las categor&iacute;as se compone de distintas secciones, donde se explica en detalle las caracter&iacute;sticas de cada gr&aacute;fico, su dise&ntilde;o, para que datos es m&aacute;s apropiado y un caso real de aplicaci&oacute;n. Esto &uacute;ltimo resulta especialmente valioso como un modo de dar el paso entre la teor&iacute;a y el mundo real.</p>
<p class="MsoNormal">El proyecto es de <a target="_blank" title="Sitio de Christian Behrens" href="http://niceone.org/"><b>Christian Behrens</b></a>, dise&ntilde;ador <i>freelance</i> radicado en Berl&iacute;n, y es fruto de su proyecto de tesis de maestr&iacute;a para la <a target="_blank" title="Sitio de la universidad" href="http://www.fh-potsdam.de/"><b>Potsdam University of Applied Sciences</b></a>.</p>
<p class="MsoNormal">Visto en <a target="_blank" title="Sitio de information aesthetics" href="http://infosthetics.com/archives/2008/05/information_design_patterns_cookbook.html">information aesthetics</a>.</p>]]></description>
</item>
</channel>
</rss>
