Acciones

Diferencia entre revisiones de «Infografía»

De OCHA Colombia Wiki

(Página creada con 'Las '''infografías''' o infográficas son representaciones gráficas visuales de la información, los datos o el conocimiento que buscan presentar una información …')
 
Sin resumen de edición
 
(No se muestra una edición intermedia del mismo usuario)
Línea 28: Línea 28:
Las infografías son efectivas por su elemento visual. Los seres humanos reciben insumos de todos sus cinco sentidos, pero reciben más información de la visión que de las demás.<ref>[http://www.ted.com/talks/david_mccandless_the_beauty_of_data_visualization.html David McCandless (2010).  The Beauty of Data Visualization.  TED Talk]</ref>  La mitad del cerebro humano se dedica a las funciones visuales, y los imagenes son procesados antes del texto. El cerebro procesa todos los imagenes de manera inmediata, pero procesa el texto de manera linear, esto quiere decir que toma más tiempo obtener información desde el texto.<ref name = "Ref2"/>  Además, se estima que el 65 por ciento de la población son aprendices visuales (comparando con aprendices por oído o tocar), así que la naturaleza visual de la infografía llega a una porción grande de la población.<ref name = "Ref2"/> Hay procesos de negocios o industrias enteras que pueden volver relevantes a nuevas audiencias a través de una técnica de diseño que llega por el ojo.  
Las infografías son efectivas por su elemento visual. Los seres humanos reciben insumos de todos sus cinco sentidos, pero reciben más información de la visión que de las demás.<ref>[http://www.ted.com/talks/david_mccandless_the_beauty_of_data_visualization.html David McCandless (2010).  The Beauty of Data Visualization.  TED Talk]</ref>  La mitad del cerebro humano se dedica a las funciones visuales, y los imagenes son procesados antes del texto. El cerebro procesa todos los imagenes de manera inmediata, pero procesa el texto de manera linear, esto quiere decir que toma más tiempo obtener información desde el texto.<ref name = "Ref2"/>  Además, se estima que el 65 por ciento de la población son aprendices visuales (comparando con aprendices por oído o tocar), así que la naturaleza visual de la infografía llega a una porción grande de la población.<ref name = "Ref2"/> Hay procesos de negocios o industrias enteras que pueden volver relevantes a nuevas audiencias a través de una técnica de diseño que llega por el ojo.  


Cuando se diseña el aspecto visual de una infografía, un número de consideraciones debe estar tomado en cuenta para poder optimizar la efectividad de la visualización. Los seis componentes del encriptación visual son espacial, marcas, conección, encierre, propiedades retinales y [[codificación temporal]].<ref name = "Ref4"/>  Cada uno de ellos puede ser utilizado en su propia manera para representar relaciones entre distintos tipos de datos. Sin embargo, los estudios han mostrado que la posición espacial es la manera más efectiva para poder representar datos numéricos y llega al entendimiento más rápida y fácil para sus visores.
Cuando se diseña el aspecto visual de una infografía, un número de consideraciones debe estar tomado en cuenta para poder optimizar la efectividad de la visualización. Los seis componentes del encriptación visual son espacial, marcas, conección, encierre, propiedades retinales y [[codificación temporal]].<ref name = "Ref4"/>  Cada uno de ellos puede ser utilizado en su propia manera para representar relaciones entre distintos tipos de datos. Sin embargo, los estudios han mostrado que la posición espacial es la manera más efectiva para poder representar datos numéricos y llega al entendimiento más rápida y fácil para sus visores.<ref name = "Ref3"/>  Por ende, los diseñadores frecuentemente representan la relación más importante en una infografía.
Each of these can be utilized in its own way to represent relationships between different types of data.  However, studies have shown that spatial position is the most effective way to represent numerical data and leads to the fastest and easiest understanding by viewers.<ref name = "Ref3"/>  Therefore, the designers often spatially represent the most important relationship being depicted in an infographic.


There are also three basic provisions of [[communication]] that need to be assessed when designing an infographic – appeal, comprehension, and retention.<ref name = "Ref20">Jason Lankow, Josh Ritchie, Ross Crooks (2012). Infographics: The Power of Visual Storytelling</ref>  Appeal is the idea that the communication needs to engage its audience. Comprehension implies that the viewer should be able to easily understand the information that is presented to them. And finally, retention means that the viewer should remember the data presented by the infographic. The order of importance of these provisions depends on the purpose of the infographic. If the infographic is meant to convey information in an unbiased way, such as in the domains of academia or science, comprehension should be considered first, then retention, and finally appeal.  However, if the infographic is being used for commercial purposes, then appeal becomes most important, followed by retention and comprehension. When infographics are being used for editorial purposes, such as in a newspaper, appeal is again most important, but is followed first by comprehension and then retention.<ref name = "Ref20"/>
También existen tres provisiones básicas de comunicación que deben ser asesoradas cuando se diseña una infografía - llamamiento, comprehensión y retención.<ref name = "Ref20">Jason Lankow, Josh Ritchie, Ross Crooks (2012). Infographics: The Power of Visual Storytelling</ref>  El llamamiento es la idea que la comunicación debe llegar a la audiencia. La comprehensión implica que el visor debe poder entender facilmente la información presentada. Finalmente, la retención significa que el visor debe recordar el dato presentado en la infografía. La orden de importancia de estas provisiones depende en el propósito de la infografía. Cuando se usan las infografías para fines editoriales, tal como en un periodico, el llamamiento es lo más importante, seguido por comprehensión y luego retención.<ref name = "Ref20"/>


When the varieties of factors listed above are taken into consideration when designing infographics, they can be a highly efficient and effective way to convey large amounts of information in a visual manner.
Cuando las variedades de factores alistadas se toma en cuenta para el diseño de las infografías, pueden ser una manera muy eficiente y efectiva para comunicar grandes cantidades de información de manera visual.


==Data visualization==
==Visualización de datos==
[[Visualización de datos]] son utilizados con frecuencia en las infografías y pueden ser la totalidad de la infografía. Existen muchos tipos de visualizaciones que se puede utilizar para representar el mismo conjunto de datos. Por ende, es crítico identificar la visualización apropiada para el conjunto de datos y la infografía toman en cuenta los atributos gráficas tales como ubicación, tamaño, forma y color. Existen cinco tipos de categorías de visualización - datos de [[serie temporal]], [[distribuciones estadísticas]], [[mapas]], jerarquías y redes.<ref name = "Ref21">Heer, J., Bostock, M., & Ogievetsky, V. (2010). A tour through the visualization zoo. Communications of the ACM, 53(6), 59-67.</ref>


{{Main|Data visualization}}
===Series temporales===
Datos de [[series temporales]] son de las formas más comunes de [[visualización de datos]]. Documentan conjuntos de valores sobre el tiempo. Ejemplos de las gráficas de esta categoría incluyen tablas de índices, gráficas de barras apilado, [[multiples pequeñas]] y gráficas de horizonte. Las tablas de índice son ideales para usar cuando valores crudos son menos importantes que los cambios relativos. Es una tabla linear que muestra cambios porcentuales para un conjunto de series temporales basado sobre un punto de índice seleccionado. Por ejemplo, inversionistas podrían utilizar esto porque están menos preocupados con el precio específico y más preocupados con la tasa de crecimiento. Gráficas de barras apilado son tablas de área que se amontonan una encima de otra, y muestran patrones agregados. Permiten al visor ver patrones generales y patrones individuales. Sin embargo, no apoyan a números negativos y hacen díficil interpretar tendencias facilmente. Una alternativa a esta es multiples pequeñas. En lugar de amontonar cada gráfica, cada serie se muestra para que las tendencias generales de cada sector se interpreta más facilmente. Gráficas de horizonte son una metodología de uso eficiente del espacio que aumentan la densidad de datos de una serie temporal mientras que preservan resolución.<ref name = "Ref21"/>


[[Data visualization]]s are often used in infographics and may make up the entire infographic. There are many types of visualizations that can be used to represent the same set of data. Therefore it is crucial to identify the appropriate visualization for the data set and infographic by taking into consideration graphical features such as position, size, shape, and color. There are primarily five types of visualization categories – [[time-series]] data, [[statistical distributions]], [[maps]], hierarchies, and networking.<ref name = "Ref21">Heer, J., Bostock, M., & Ogievetsky, V. (2010). A tour through the visualization zoo. Communications of the ACM, 53(6), 59-67.</ref>
===Estadística===
[[Distribuciones estadísticas]] revelan tendencias basadas en cómo se distribuyen los números. Ejemplos comunes incluyen [[histogramas]] y [[diagramas de cajas]], que comunican atributos estadísticos tales como [[medios]], [[medianos]] y [[valores atípicos]]. Además de estas infografías comunes, alternativas incluyen [[diagramas de tallos y hojas]], [[gráficos Q-Qs]], diagramas de dispersión y [[coordenadas paralelas]]. Para evaluar un conjunto de números y enfocar sobre la [[distribución de frecuencia]], diagramas de tallos y hojas pueden ayudar. Los números están archivados verticalmente con el primer digito significativo, y entre cada conjunto archivado verticalmente nuevamente sobre el segundo digito significativo. Por otro lado, la gráfica Q-Q compare dos [[distribuciones de probabilidades]] creando gráficos de quintiles uno contra otro. Esto permite al visor ver si los valores basados en modelos son similares y si los dos están relacionados de manera linear. Diagramas de dispersión es una técnica que representa la relacíon entre multiples variables. Utiliza multiples [[diagramas de dispersión]] para representar una relación conjunta entre variables. Otro enfoque de distribución estadístico para visualizar datos multivariables es [[coordenadas paralelas]]. En lugar de poner cada conjunto de gráficas en dos dimensiones, los datos están repitidamente graficados en un eje paralelo y los puntos correspondientes están conectados por una línea. La ventaja de coordenadas paralelas es que están relativamente compactos, permitendo mostrar multiples variables al tiempo.<ref name = "Ref21"/>


===Time-series===
===Mapas===
[[File:Processor families in TOP500 supercomputers.svg|right|thumb|250px|A stacked graph showing the changing distribution of processor families in [[TOP500]] supercomputers since 1996]]
Mapas son una forma natural de representar datos [[geográficos]]. El tiempo y el espacio puede ser ilustrado utilizando [[mapas de flujos]]. Pasos de linea se usan de varios tamaños y colores para codificar la información. Mapas de colores se utilizan para codificar datos con color por zona geográfica. Mapas de simbolos graduados son otra metodología para representar datos geográficas. Son una alternativa utilizando símbolos tales como gráficas de torta para cada zona en el mapa. Este mapa permite el uso de más dimensiones con varios tamaños, formas y colores. [[Cartogramas]] distorcionan la forma de una región de acuerdo a una variable. En lugar de utilizar un mapa geográfico, las regiones se vuelven a dibujar de acuerdo a los datos. Por ejemplo, cada zona puede ser representado utilizando un círculo y el tamaño/colo proporcional a otra información, como la población.
[[Time-series]] data is one of the most common forms of [[data visualization]]. It documents sets of values over time. Examples of graphics in this category include index charts, stacked graphs, [[small multiple]]s, and horizon graphs. Index charts are ideal to use when raw values are less important than relative changes. It is an interactive [[line chart]] that shows percentage changes for a collection of [[time-series]] data based on a selected index point. For example, stock investors could use this because they are less concerned with the specific price and more concerned with the rate of growth. Stacked graphs are [[area chart]]s that are stacked on top of each other, and depict aggregate patterns. They allow viewers to see overall patterns and individual patterns. However, they do not support negative numbers and make it difficult to accurately interpret trends. An alternative to stacked graphs is [[small multiple]]s. Instead of stacking each area chart, each series is individually shown so the overall trends of each sector are more easily interpreted. Horizon graphs are a space efficient method to increase the data density of a time-series while preserving resolution.<ref name = "Ref21"/>


===Statistical===
===Jerarquías===
[[Statistical distributions]] reveal trends based on how numbers are distributed. Common examples include [[histograms]] and [[box-and-whisker plot]]s, which convey statistical features such as [[mean]], [[median]], and [[outliers]]. In addition to these common infographics, alternatives include [[stem-and-leaf plot]]s, [[Q-Q plot]]s, scatter plot matrices (SPLOM) and [[parallel coordinates]]. For assessing a collection of numbers and focusing on [[frequency distribution]], [[stem-and-leaf plot]]s can be helpful. The numbers are binned based on the first significant digit, and within each stack binned again based on the second significant digit. On the other hand, [[Q-Q plot]]s compare two [[probability distribution]]s by graphing [[quantiles]] against each other. This allows the viewer to see if the plot values are similar and if the two are linearly related. SPLOM is a technique that represents the relationships among multiple variables. It uses multiple [[scatter plots]] to represent a pairwise relation among variables. Another statistical distribution approach to visualize multivariate data is [[parallel coordinates]]. Rather than graphing every pair of variables in two dimensions, the data is repeatedly plotted on a parallel axis and corresponding points are then connected with a line. The advantage of parallel coordinates is that they are relatively compact, allowing many variables to be shown simultaneously.<ref name = "Ref21"/>
Muchos conjuntos de datos, tales como entidades espaciales de paises o estructuras en común para gobiernos, pueden ser organizados en jerarquías naturales. Diagramas de enlace por nodos, diagramas de proximidad y diagramas de recinto son todos tipos de infografía que efectivamente comunican datos jerárquicos. Diagramas de enlace por nodos son una metodología popular dado que tienen resultados concisos y eficientes en términos de espacio. Un diagrama de enlace por nodo es similar a un arbol, en donde cada rama del nodo se rompe en multiples sub-secciones. Una alternativa es una diagrama de proximidad, que es un variante que llena espacio frente al diagrama de enlace por nodos. En lugar de mostrar el enlace entre las jerarquías, los nodos están dibujados como áreas sólidos con sub-secciones entre cada sección. Esta metodología permite que el tamaño facilmente se representa en lugar de diagramas de enlace por nodo. Diagramas de recinto también llenan espacio. Sin embargo, utilizan contenimiento en lugar de proximidad para reprsentar la jerarquía. Similar al diagrama de proximidad, el tamaño del nodo es facilmente representado en este modelo.<ref name = "Ref21"/>


[[File:Final 2008 electoral cartogram.png|left|thumb|250px|A cartogram showing the final electoral results of the 2008 US presidential election]]
===Redes===
Visualización de redes explora relaciones, tales como amistades. Tres tipos comunes son [[esquema dirigida a fuerza]], [[diagramas de arcos]] y [[vista matriz]]. Esquemas dirigidas a fuerza son un enfoque común e intuitivo para una esquema de redes. En este sitema, los nodos son similares a partículos cargados, que se oponen uno al otro. Los enlaces son utilizados para jalar nodos relacionados uno hacía el otro. Los diagramos de arco son esquemas de una dimensión de los nodos con arcos circulares entrelazando cada nodo. Cuando están utilizados correctamente, con buen orden en los nodos, agrupaciones y puentes son facilmente identificados con esta esquema. Alternativamente, matemáticos y ingenieros de sistemas utilizan más a vistas de matriz. Cada valor tiene un valor (x,y) entre la matriz que corresponde a un nodo. Utilizando color y saturación en lugar de texto, los valores asociados con los enlaces pueden ser percibidos rápidamente. Mientras que este método hace que sea difícil ver el camino de los nodos, no hay cruces de líneas, en donde una red grande y fuertemente interconectado puede volver demasiado abarratado.<ref name = "Ref21"/>


===Maps===
Mientras que todas estas visualizaciones pueden ser utilizadas efectivamente solas, muchas infografías combinan multiples tipos en una sola gráfica, conjuntamente con otros elementos, tales como ilustraciones y textos. Algunas infografías modernas nisiquiera contienen visualizaciones de datos, y en lugar a esto son simplemente maneras coloridas y sucientas de presentar conocimiento. Cincuenta y tres por ciento de los 30 infografías más vistas en el sitio visual.ly no contenían datos de verdad.<ref>Van Slembrouck, Paul, “Analyzing the Top 30 Infographics on Visually”, June 2012. [http://blog.visual.ly/top-30-viral-infographics/]</ref>
Maps are a natural way to represent [[geographical]] data. Time and space can be depicted through the use of [[flow map]]s. Line strokes are used with various widths and colors to help encode information. Choropleth maps, which encode data through color and geographical region, are also commonly used. Graduated symbol maps are another method to represent geographical data. They are an alternative to choropleth map and use symbols, such as [[pie chart]]s for each area, over a map. This map allows for more dimensions to be represented using various shapes, size, and color. [[Cartogram]]s, on the other hand, completely distort the shape of a region and directly encode a data variable. Instead of using a geographic map, regions are redrawn proportionally to the data. For example, each region can be represented by a circle and the size/color is directly proportional to other information, such as population size.<ref name = "Ref21"/>


===Hierarchies===
==Herramientas==
[[File:Uganda Export Treemap.png|right|thumb|250px|A treemap showing the exports of Uganda]]
Infografías pueden ser creados a mano con herramientas sencillas. Sin embargo, hoy son más frecuentemente creados utilizando software, que es más rápida y fácil. Pueden ser creados con software de ilustración tal como [[Adobe Illustrator]] o [[Inkscape]], que está libre. También existe una cantidad de sitios web especializados con herramientas tales como Visually que se puede utilizar para construir infografías.
Many data sets, such as spatial entities of countries or common structures for governments, can be organized into natural hierarchies.  Node-link diagrams, adjacency diagrams, and enclosure diagrams are all types of infographics that effectively communicate hierarchical data. Node-link diagrams are a popular method due to the tidy and space-efficient results. A node-link diagram is similar to a tree, where each node branches off into multiple sub-sections. An alternative is adjacency diagrams, which is a space-filling variant of the node-link diagram. Instead of drawing a link between hierarchies, nodes are drawn as solid areas with sub-sections inside of each section. This method allows for size to be easily represented than in the node-link diagrams. Enclosure diagrams are also a space-filling visualization method. However, they uses containment rather than adjacency to represent the hierarchy. Similar to the adjacency diagram, the size of the node is easily represented in this model.<ref name = "Ref21"/>


[[File:Farey diagram horizontal arc.png|left|thumb|250px|[[Arc diagram]] representing the mathematical Farey sequence]]
Los diagramas pueden ser creados manualmente y dibujados en software como Creately, Gliffy y LucidChart, que se puede bajar como cliente o usar en línea. También incluye a plantillas para iniciar el usuario con sus diagramas. Adicionalmente, permite usuarios colaborar en diagramas en tiempo real a través del Internet. Todos estos servicios tienen una opción gratuita pero se puede actualizar para tener más funcionalidades.


===Networks===
Como un volumen de búsqueda para infografías aumentó 800 por ciento entre 2010 y 2012, las infografías han vuelto una herramienta crítica para adquisición de tráfico y educación de clientes. Mientras que Gliffy ofrece plataformas abiertas, otras herramientas como Piktochart, se conocen por tener una plataforma con plantillas, iconos y diseños listos estructurados en un formato más sincronizado con las convenciones de publicadores en Internet - por ejemplo la mayoría de publicadores esperan que las infografías son 600 pixeles de ancho, y con fuentes estilizado e imagenes, etc. Piktochart también publica infografías en formato HTML
Network visualization explores relationships, such as friendships and cliques. Three common types are force-directed layout, arc diagrams, and matrix view. Force-directed layouts are a common and intuitive approach to network layout. In this system, nodes are similar to charged particles, which repel each other. Links are used to pull related nodes together. Arc diagrams are one-dimensional layouts of nodes with circular arcs linking each node. When used properly, with good order in nodes, cliques and bridges are easily identified in this layout. Alternatively, [[mathematicians]] and [[computer scientists]] more often use matrix views. Each value has an (x,y) value in the matrix that corresponds to a node. By using color and saturation instead of text, values associated with the links can be perceived rapidly. While this method makes it hard to view the path of the nodes, there are no line crossings, which in a large and highly connected network can quickly become too cluttered.<ref name = "Ref21"/>


While all of these visualizations can be effectively used on their own, many modern infographics combine multiple types into one graphic, along with other features, such as [[illustrations]] and text.  Some modern infographics do not even contain data visualization, and instead are simply a colorful and succinct ways to present knowledge. Fifty-three percent of the 30 most-viewed infographics on the infographic sharing site [[visual.ly]] did not contain actual data.<ref>Van Slembrouck, Paul, “Analyzing the Top 30 Infographics on Visually”, June 2012. [http://blog.visual.ly/top-30-viral-infographics/]</ref>
[[Tableau Public]] es una herramienta que se puede bajar que analiza un [[conjunto de datos]] cuando el usuario lo sube. Luego sugiere visualizaciones de los datos y permite al usuario diseñar la infografía con una [[interfaz de arrastrar y colocar]]. Usuarios también pueden, simultáneamente, crear una serie de infografías utilizando distintas partes del mismos conjunto de datos. Provee el usuario con HTML de su infografía para que la comparten por web.


==Tools==
Una cantidad de datos globales de fuentes tales como [[OECD]] y el [[Banco Mundial]] han sido integrado al sitio web y programa de cliente [[Gapminder]]. Los usuarios pueden visualizar y diseñar infografías de datos del mundo tales como [[tasa de nacimiento]] y [[PIB]]. Fue construido sobre una plataforma [[Trendalyzer]], que se vendió a Google en 2007.<ref>Rosmarin, Rachel, “Google Buys Data Visualization Software”, Forbes.com, March 16, 2007.  [http://www.forbes.com/2007/03/16/google-trendalyzer-gapminder-tech-internet_cx_rr_0316google.html]</ref>  Esto explica algunos de los similitudes entre Gapminder y Google Public Data Explorer, que es un repositorio grande de datos disponibles públicamente tales como del Bureau del Censo de los Estados Unidos, el Instituto de Recursos Mundiales y Eurostat. Usuarios también pueden cargar sus propios conjuntos de datos. Usuarios pueden seleccionar datos específicos de un conjunto, y el sitio creará visualizaciones de los datos en la forma de distintos gráficas, tales como gráficas de barra y línea. Existe una cantidad de opciones para los usuarios diseñar su visualización cambiando su escala, ejes y otros variables.
Infographics can be created by hand using simple everyday tools such as [[graph paper]], [[pencils]], markers, and [[rulers]]. However, today they are more often created using [[computer software]], which is often both faster and easier.  They can be created with general illustration software, such as [[Adobe Illustrator]] or the open-source [[Inkscape]].  There are also a number of specialized [[websites]] and tools like Visually that can be used to construct infographics.


Diagrams can be manually created and drawn using software like [[Creately]], Gliffy and [[LucidChart|Lucidchart]], which can be downloaded for the desktop or used online. It also includes a number of templates to get users started on their diagrams. Additionally, it allows users to collaborate on diagrams in real time over the Internet. All of the services above have a free option but can be upgraded for more feature rich experience.
También existen herramientas para cerar unos tipos de visualizaciones muy específicos. Photo Stats App e InFoto pueden ser utilizados para crear una visualización basada en los datos dentro de fotos en un teléfono inteligente. Los usuarios pueden crear una infografía de su hoja de vida utilizando visualize.me.


As the search volume for infographics has increased by 800% from 2010-2012, infographics have become a critical tool for traffic acquisition and client education for many companies.  While Gliffy offers an open platform, other tools such as [[Piktochart]], are known for providing a platform with templates, icons, and readymade designs structured in a format that is more attuned to the conventions of internet publishers—for example most publishers expect infographics to be 600 pixels wide, to feature highly stylized fonts and images etc. Piktochart also publishes infographics in an HTML format which makes their infographics readable by search engines—a feature that had previously been expensive, requiring the intervention of a developer to achieve.
==Ver tmabién==
 
[[Tableau Public]] is a downloadable program that automatically parses [[dataset]]s when users upload them. It then suggests visualizations of the data and allows the user to customize the infographic using a simple [[drag-and-drop]] interface.  Users may also simultaneously make a number of infographics using different parts of the same [[dataset]].  It provides users with [[HTML]] of their infographic so that they can share it on the web.
 
ManyEyes is a project by [[IBM]] that allows users to create visualizations from either their own or other users’ uploaded [[dataset]]s. They can then share their visualizations with all the other users, who can comment on and modify the visualization.  It is meant as a sharing and collaboration platform for infographics, allowing them to change over time based on input from numerous people.
 
A wealth of global data from sources such as the [[OECD]] and [[World Bank]] are built into the website and desktop program [[Gapminder]]. Users can view and customize infographics of world data such as [[birth rates]] and [[GDP]].  It was built on a platform called [[Trendalyzer]], which was sold to [[Google]] in 2007.<ref>Rosmarin, Rachel, “Google Buys Data Visualization Software”, Forbes.com, March 16, 2007.  [http://www.forbes.com/2007/03/16/google-trendalyzer-gapminder-tech-internet_cx_rr_0316google.html]</ref>  This explains some of the similarities between Gapminder and [[Google Public Data Explorer]], which is a large online repository of publicly available data from resources such as the [[U.S. Census Bureau]], the [[World Resources Institute]], and [[Eurostat]]. Users can also upload their own [[dataset]]s.  Users can select specific data from a set, and the site will create visualizations of the data in the form of different graphs, such as bar and line graphs.  There are a number of options for users to tailor the visualization by changing the scale, axes, and other variables.
 
There are also numerous tools to create very specific types of visualizations.  The Photo Stats App and InFoto can be used to create a visualization based on embedded data in the photos on a user’s [[smartphone]].  Users can create an infographic of their resume using visualize.me or a “picture of their digital life” using [[Intel]]’s "What About Me?" The site Wordle allows users to provide text and create word clouds from it.
 
==See also==
{{div col|colwidth=20em}}
{{div col|colwidth=20em}}
* [[A picture is worth a thousand words]]
* [[Mapa de argumentos]]
* [[Argument map]]
* [[Diagrama]]
* [[Charts]]
* [[Diagrama de espiral]]
* [[Condegram spiral plot]]
* [[Dashboards]]
* [[Converting scanned graphs to data|Converting scanned graphs back to data]]
* [[Visualización de datos]]
* [[Dashboards (management information systems)|Digital dashboard]]
* [[Diseño gráfico]]
* [[Data Presentation Architecture]]
* [[Diseño de la información]]
* [[Data visualization]]
* [[Gráficas estadísticos]]
* [[Graphic design]]
* [[Ilustración técnica]]
* [[Graphic image development]]
* [[Isotipo]]
* [[Graphic organizer]]s
* [[Linea de tiempo]]
* [[Information design]]
* [[List of information graphics software]]
* [[Scientific visualization]]
* [[Statistical graphics]]
* [[Technical illustration]]
* [[Isotype (picture language)]]
* [[Timeline]]
* [[Visualization (graphic)]]
* [[News Illustrated]]
* [[Maestro Concept]]
* [[Family tree]]
{{div col end}}
{{div col end}}


== References ==
== Referencias ==
{{reflist}}
{{reflist}}


==Further reading==
==Enlaces Externas==
 
* Heiner Benking (1981-1988) Requisite inquiry and time-line: computer graphics-infographics http://benking.de/infographics/ see there: [http://independent.academia.edu/HeinerBenking/Papers/1775909/Moglichkeiten_und_Grenzen_der_Datenprasentation_durch_Computergrafik_im_Umweltbereich Computer Graphics in the Environmental Sector - Possibilities and Limitations of Data-visualisation]  this citation in chapter 3: technical possibilities and human potentials and capacities, "a picture is more than 10.000 words", and "10.000 miles equal 10.000 books".
*Sullivan, Peter. (1987) ''Newspaper Graphics''. IFRA, Darmstadt.
* [[Jacques Bertin]] (1983). ''[[Semiology of Graphics]]''. Madison, WI: University of Wisconsin Press. Translation by William Berg of ''Semiologie Graphique''. Paris: Mouton/Gauthier-Villars, 1967.
* William S. Cleveland (1985). ''The Elements of Graphing Data''. Summit, NJ: Hobart Press. ISBN 978-1584655121
* Heiner Benking (1993), [http://www.benking.de/ceptualinstitute/education.htm Visual Access Strategies for Multi-Dimensional Objects and Issues] /  "[http://benking.de/ceptualinstitute/12theses.htm Our View of Life is too Flat]", WFSF, Turku, [http://books.google.de/books?id=A-RGtwAACAAJ&dq=benking+FAW&source=bl&ots=6vMLbJV0Qb&sig=eOmHk6JIHOZxS_71ClX0uDQqu_E&hl=de&sa=X&ei=9tM-UM_uBsGo4gT1vIDgBQ&redir_esc=y FAW Report TR-93019]
* William S. Cleveland (1993). ''Visualizing Data''. Summit, NJ: Hobart Press. ISBN 978-0963488404
*Sullivan, Peter. (1993) ''Information Graphics in Colour''. IFRA, Darmstadt.
* John Emerson (2008). [http://backspace.com/notes/2008/02/an-introduction-to-information-design.php Visualizing Information for Advocacy: An Introduction to Information Design]. New York: OSI.
* [[Paul Lewi]] (2006). [http://www.datascope.be/sog.htm "Speaking of Graphics"].
* Thomas L. Hankins (1999). "Blood, dirt, and nomograms: A particular history of graphs". In: ''Isis'', 90:50–80.
* Robert L. Harris (1999). ''Information Graphics: A Comprehensive Illustrated Reference''. Oxford University Press.
* [[Eric K. Meyer]] (1997). ''Designing Infographics''. Hayden Books.
* [[Edward R. Tufte]] (1983). ''The Visual Display of Quantitative Information''. Edition, Cheshire, CT: Graphics Press.
* [[Edward R. Tufte]] (1990). ''Envisioning Information''. Cheshire, CT: Graphics Press.
* [[Edward R. Tufte]] (1997). ''Visual Explanations: Images and Quantities, Evidence and Narrative''. Cheshire,
* [[Edward R. Tufte]] (2006). ''Beautiful Evidence. Cheshire''. CT: Graphics Press.
* [[John Wilder Tukey]] (1977). ''Exploratory Data Analysis''. Addison-Wesley.
* Sandra Rendgen, Julius Wiedemann (2012). ''Information Graphics''. Taschen Publishing. ISBN 978-3836528795
* Jason Lankow, Josh Ritchie, Ross Crooks (2012). [http://www.columnfivemedia.com/book ''Infographics: The Power of Visual Storytelling'']. Wiley. ISBN 978-1118314043
 
==External links==
* [http://www.datavis.ca/milestones/ Milestones in the History of Thematic Cartography, Statistical Graphics and Data Visualization]
* [http://www.datavis.ca/milestones/ Milestones in the History of Thematic Cartography, Statistical Graphics and Data Visualization]
* [http://www.visual-literacy.org/periodic_table/periodic_table.html Periodic Table of Visualization Methods]
* [http://www.visual-literacy.org/periodic_table/periodic_table.html Periodic Table of Visualization Methods]
* [http://www.snd.org/ Society for Newsdesign]
* [http://www.snd.org/ Society for Newsdesign]
* [http://www.youtube.com/watch?v=dmzdqRIS7SI Numbers that Paint the Picture], November 4, 2013, Jer Thorp, [[National Geographic Society|National Geographic]]
* [http://www.youtube.com/watch?v=dmzdqRIS7SI Numbers that Paint the Picture], November 4, 2013, Jer Thorp, [[National Geographic Society|National Geographic]]
<!-- NOTE: Do not add links to commercial design houses or courses as they will be treated as spam and removed. Only links to insightful material will be allowed. Please see [[Wikipedia:External links]] for more details. -->


{{Visualization}}
{{Visualization}}


{{DEFAULTSORT:Information Graphics}}
{{DEFAULTSORT:Information Graphics}}
[[Category:Illustration]]
[[Categoría:Metodología]]
[[Category:Graphic design]]
[[Categoría:Producto]]
[[Category:Infographics|*]]
[[Categoría:Manejo de Información]]
[[Category:News design]]
 
[[uk:Інфографіка]]

Revisión actual - 20:34 11 sep 2014

Las infografías o infográficas son representaciones gráficas visuales de la información, los datos o el conocimiento que buscan presentar una información compleja de manera rápida y clara.<ref name = "DN04">Doug Newsom and Jim Haynes (2004). Public Relations Writing: Form and Style. p.236.</ref><ref name = Ref2>Mark Smiciklas (2012). The Power of Infographics: Using Pictures to Communicate and Connect with Your Audience.</ref> Pueden mejorar la cognición a través del uso de gráficas para aumentar la capacidad del sistema visual humano de ver patrones y tendencias.<ref name = Ref3>Heer, J., Bostock, M., & Ogievetskey, V. (2010). A tour through the visualization zoo. Communications of the ACM, 53(6), 59-67.</ref><ref name = Ref4>Card, Scott (2009). Information visualization. In A. Sears & J. A. Jacko (Eds.), Human-Computer Interaction: Design Issues, Solutions, and Applications (pp. 510-543). Boca Raton, FL: CRC Press.</ref> El proceso de crear una infografía se conoce como visualización de datos, diseño de información o arquitectura de información, todas ramas del manejo de información.<ref name = "Ref2"/>

Generalidades

Infografías han existido durante muchos años y recientemente la proliferación de un número de herramientas de facil acceso y gratuitos que han hecho que la creación de infografías es posible para un segmento grande de la población. Sitios de medios sociales tales como Facebook y Twitter han permitido que infografías individuales se difunden entre multitudes. Las infografías son más utilizadas que nunca antes.

En los periódicos, las infografías son utilizadas más que todo mostrar el clima, también mapas, planas de sitios y gráficas para datos estadísticos. Algunos libros ahora están hechos totalmente de infografías, tales como The Way Things Work por David Macaulay. Los snapshots de USA Today son un ejemplo de infografías simples que transmiten noticias y eventos del días.<ref>USA Today Snapshots. http://usatoday30.usatoday.com/news/snapshot.htm</ref>

Mapas modernos, particularmente mapas de rutas para sistemas de tránsito, utilizan técnicas de infografías para integrar una variedad de información, tal como el diagrama conceptual de la red de tránsito, puntos de transferencia y lugares conocidos. Los mapas de transporte público, tales como los para el Metro de Eashington y el Underground de Londres son bien reconocidos. Lugares públicos tales como terminales de tránsito usualmente tienen algún tipo de "sistema de señalamiento" con iconos estandardizados y mapas estilizados.

En su libro de 1983, The Visual Display of Quantitative Information, Edward Tufte define las muestras gráficas y qué deben hacer, deben:

  • mostrar los datos
  • inducir a quien lo ve a pensar sobre la sustancia en lugar de la metodología, el diseño gráfico, la tecnología de la producción gráfica u otra cosa
  • evitar distorcionar lo que dicen los datos
  • hacer grandes conjuntos de datos coherentes
  • animar que el ojo compare piezas distintas de datos
  • revelar los datos en varios niveles de detalle, desde un gran sobrevista hasta una estructura fina
  • sirve un propósito razonablemente claro: descripción, exploración, tabulación o decoración
  • estar bien integrada con descripciones estadísticas y verables del cojunto de datos.

Las gráficas revelan los datos. De hecho las gráficas pueden ser más precisas y reveladores que computaciones estadísticas convencionales.<ref>Plantilla:Cite book</ref>

Mientras que las infografías contemporaneas frecuentemente tratan de temas 'cualitativas', generalmente hablando la definición de Tufte de 1983 todavía se mantiene, en un sentido amplio, a la definición de las infografías y qué deben hacer - condensar grandes cantidades de información en un formato adonde se puede absorber más facilmente por parte del lector.

Análisis

Las tres parte de una infografía son lo visual, el contenido, y el conocimiento.<ref name = "Ref18">“The Anatomy of an Infographic: 5 Steps to Create a Powerful Visual”</ref> Lo visual consiste de colores y gráficas. Existen dos tipos de gráficas diferentes - tema y referencia. Gráficas de tema son incluidos en toda infografía y representan la representación visual subyacente de los datos. Las gráficas de referencia son generalmente iconos que se puede utilizar para apuntar a ciertos datos, aunque no son siempre presente en todas las infografías. Las estadísticas y los hechos usualmente sirven como contenido para las infografías, y pueden ser obtenidas desde muchas fuentes, incluyendo datos del censo o informes noticieros. Uno de los aspectos más claves de las infografías es que contienen alguna observación valiosa sobre los datos que presentan - este es el conocimiento.<ref name = "Ref18"/>

Las infografías son efectivas por su elemento visual. Los seres humanos reciben insumos de todos sus cinco sentidos, pero reciben más información de la visión que de las demás.<ref>David McCandless (2010). The Beauty of Data Visualization. TED Talk</ref> La mitad del cerebro humano se dedica a las funciones visuales, y los imagenes son procesados antes del texto. El cerebro procesa todos los imagenes de manera inmediata, pero procesa el texto de manera linear, esto quiere decir que toma más tiempo obtener información desde el texto.<ref name = "Ref2"/> Además, se estima que el 65 por ciento de la población son aprendices visuales (comparando con aprendices por oído o tocar), así que la naturaleza visual de la infografía llega a una porción grande de la población.<ref name = "Ref2"/> Hay procesos de negocios o industrias enteras que pueden volver relevantes a nuevas audiencias a través de una técnica de diseño que llega por el ojo.

Cuando se diseña el aspecto visual de una infografía, un número de consideraciones debe estar tomado en cuenta para poder optimizar la efectividad de la visualización. Los seis componentes del encriptación visual son espacial, marcas, conección, encierre, propiedades retinales y codificación temporal.<ref name = "Ref4"/> Cada uno de ellos puede ser utilizado en su propia manera para representar relaciones entre distintos tipos de datos. Sin embargo, los estudios han mostrado que la posición espacial es la manera más efectiva para poder representar datos numéricos y llega al entendimiento más rápida y fácil para sus visores.<ref name = "Ref3"/> Por ende, los diseñadores frecuentemente representan la relación más importante en una infografía.

También existen tres provisiones básicas de comunicación que deben ser asesoradas cuando se diseña una infografía - llamamiento, comprehensión y retención.<ref name = "Ref20">Jason Lankow, Josh Ritchie, Ross Crooks (2012). Infographics: The Power of Visual Storytelling</ref> El llamamiento es la idea que la comunicación debe llegar a la audiencia. La comprehensión implica que el visor debe poder entender facilmente la información presentada. Finalmente, la retención significa que el visor debe recordar el dato presentado en la infografía. La orden de importancia de estas provisiones depende en el propósito de la infografía. Cuando se usan las infografías para fines editoriales, tal como en un periodico, el llamamiento es lo más importante, seguido por comprehensión y luego retención.<ref name = "Ref20"/>

Cuando las variedades de factores alistadas se toma en cuenta para el diseño de las infografías, pueden ser una manera muy eficiente y efectiva para comunicar grandes cantidades de información de manera visual.

Visualización de datos

Visualización de datos son utilizados con frecuencia en las infografías y pueden ser la totalidad de la infografía. Existen muchos tipos de visualizaciones que se puede utilizar para representar el mismo conjunto de datos. Por ende, es crítico identificar la visualización apropiada para el conjunto de datos y la infografía toman en cuenta los atributos gráficas tales como ubicación, tamaño, forma y color. Existen cinco tipos de categorías de visualización - datos de serie temporal, distribuciones estadísticas, mapas, jerarquías y redes.<ref name = "Ref21">Heer, J., Bostock, M., & Ogievetsky, V. (2010). A tour through the visualization zoo. Communications of the ACM, 53(6), 59-67.</ref>

Series temporales

Datos de series temporales son de las formas más comunes de visualización de datos. Documentan conjuntos de valores sobre el tiempo. Ejemplos de las gráficas de esta categoría incluyen tablas de índices, gráficas de barras apilado, multiples pequeñas y gráficas de horizonte. Las tablas de índice son ideales para usar cuando valores crudos son menos importantes que los cambios relativos. Es una tabla linear que muestra cambios porcentuales para un conjunto de series temporales basado sobre un punto de índice seleccionado. Por ejemplo, inversionistas podrían utilizar esto porque están menos preocupados con el precio específico y más preocupados con la tasa de crecimiento. Gráficas de barras apilado son tablas de área que se amontonan una encima de otra, y muestran patrones agregados. Permiten al visor ver patrones generales y patrones individuales. Sin embargo, no apoyan a números negativos y hacen díficil interpretar tendencias facilmente. Una alternativa a esta es multiples pequeñas. En lugar de amontonar cada gráfica, cada serie se muestra para que las tendencias generales de cada sector se interpreta más facilmente. Gráficas de horizonte son una metodología de uso eficiente del espacio que aumentan la densidad de datos de una serie temporal mientras que preservan resolución.<ref name = "Ref21"/>

Estadística

Distribuciones estadísticas revelan tendencias basadas en cómo se distribuyen los números. Ejemplos comunes incluyen histogramas y diagramas de cajas, que comunican atributos estadísticos tales como medios, medianos y valores atípicos. Además de estas infografías comunes, alternativas incluyen diagramas de tallos y hojas, gráficos Q-Qs, diagramas de dispersión y coordenadas paralelas. Para evaluar un conjunto de números y enfocar sobre la distribución de frecuencia, diagramas de tallos y hojas pueden ayudar. Los números están archivados verticalmente con el primer digito significativo, y entre cada conjunto archivado verticalmente nuevamente sobre el segundo digito significativo. Por otro lado, la gráfica Q-Q compare dos distribuciones de probabilidades creando gráficos de quintiles uno contra otro. Esto permite al visor ver si los valores basados en modelos son similares y si los dos están relacionados de manera linear. Diagramas de dispersión es una técnica que representa la relacíon entre multiples variables. Utiliza multiples diagramas de dispersión para representar una relación conjunta entre variables. Otro enfoque de distribución estadístico para visualizar datos multivariables es coordenadas paralelas. En lugar de poner cada conjunto de gráficas en dos dimensiones, los datos están repitidamente graficados en un eje paralelo y los puntos correspondientes están conectados por una línea. La ventaja de coordenadas paralelas es que están relativamente compactos, permitendo mostrar multiples variables al tiempo.<ref name = "Ref21"/>

Mapas

Mapas son una forma natural de representar datos geográficos. El tiempo y el espacio puede ser ilustrado utilizando mapas de flujos. Pasos de linea se usan de varios tamaños y colores para codificar la información. Mapas de colores se utilizan para codificar datos con color por zona geográfica. Mapas de simbolos graduados son otra metodología para representar datos geográficas. Son una alternativa utilizando símbolos tales como gráficas de torta para cada zona en el mapa. Este mapa permite el uso de más dimensiones con varios tamaños, formas y colores. Cartogramas distorcionan la forma de una región de acuerdo a una variable. En lugar de utilizar un mapa geográfico, las regiones se vuelven a dibujar de acuerdo a los datos. Por ejemplo, cada zona puede ser representado utilizando un círculo y el tamaño/colo proporcional a otra información, como la población.

Jerarquías

Muchos conjuntos de datos, tales como entidades espaciales de paises o estructuras en común para gobiernos, pueden ser organizados en jerarquías naturales. Diagramas de enlace por nodos, diagramas de proximidad y diagramas de recinto son todos tipos de infografía que efectivamente comunican datos jerárquicos. Diagramas de enlace por nodos son una metodología popular dado que tienen resultados concisos y eficientes en términos de espacio. Un diagrama de enlace por nodo es similar a un arbol, en donde cada rama del nodo se rompe en multiples sub-secciones. Una alternativa es una diagrama de proximidad, que es un variante que llena espacio frente al diagrama de enlace por nodos. En lugar de mostrar el enlace entre las jerarquías, los nodos están dibujados como áreas sólidos con sub-secciones entre cada sección. Esta metodología permite que el tamaño facilmente se representa en lugar de diagramas de enlace por nodo. Diagramas de recinto también llenan espacio. Sin embargo, utilizan contenimiento en lugar de proximidad para reprsentar la jerarquía. Similar al diagrama de proximidad, el tamaño del nodo es facilmente representado en este modelo.<ref name = "Ref21"/>

Redes

Visualización de redes explora relaciones, tales como amistades. Tres tipos comunes son esquema dirigida a fuerza, diagramas de arcos y vista matriz. Esquemas dirigidas a fuerza son un enfoque común e intuitivo para una esquema de redes. En este sitema, los nodos son similares a partículos cargados, que se oponen uno al otro. Los enlaces son utilizados para jalar nodos relacionados uno hacía el otro. Los diagramos de arco son esquemas de una dimensión de los nodos con arcos circulares entrelazando cada nodo. Cuando están utilizados correctamente, con buen orden en los nodos, agrupaciones y puentes son facilmente identificados con esta esquema. Alternativamente, matemáticos y ingenieros de sistemas utilizan más a vistas de matriz. Cada valor tiene un valor (x,y) entre la matriz que corresponde a un nodo. Utilizando color y saturación en lugar de texto, los valores asociados con los enlaces pueden ser percibidos rápidamente. Mientras que este método hace que sea difícil ver el camino de los nodos, no hay cruces de líneas, en donde una red grande y fuertemente interconectado puede volver demasiado abarratado.<ref name = "Ref21"/>

Mientras que todas estas visualizaciones pueden ser utilizadas efectivamente solas, muchas infografías combinan multiples tipos en una sola gráfica, conjuntamente con otros elementos, tales como ilustraciones y textos. Algunas infografías modernas nisiquiera contienen visualizaciones de datos, y en lugar a esto son simplemente maneras coloridas y sucientas de presentar conocimiento. Cincuenta y tres por ciento de los 30 infografías más vistas en el sitio visual.ly no contenían datos de verdad.<ref>Van Slembrouck, Paul, “Analyzing the Top 30 Infographics on Visually”, June 2012. [1]</ref>

Herramientas

Infografías pueden ser creados a mano con herramientas sencillas. Sin embargo, hoy son más frecuentemente creados utilizando software, que es más rápida y fácil. Pueden ser creados con software de ilustración tal como Adobe Illustrator o Inkscape, que está libre. También existe una cantidad de sitios web especializados con herramientas tales como Visually que se puede utilizar para construir infografías.

Los diagramas pueden ser creados manualmente y dibujados en software como Creately, Gliffy y LucidChart, que se puede bajar como cliente o usar en línea. También incluye a plantillas para iniciar el usuario con sus diagramas. Adicionalmente, permite usuarios colaborar en diagramas en tiempo real a través del Internet. Todos estos servicios tienen una opción gratuita pero se puede actualizar para tener más funcionalidades.

Como un volumen de búsqueda para infografías aumentó 800 por ciento entre 2010 y 2012, las infografías han vuelto una herramienta crítica para adquisición de tráfico y educación de clientes. Mientras que Gliffy ofrece plataformas abiertas, otras herramientas como Piktochart, se conocen por tener una plataforma con plantillas, iconos y diseños listos estructurados en un formato más sincronizado con las convenciones de publicadores en Internet - por ejemplo la mayoría de publicadores esperan que las infografías son 600 pixeles de ancho, y con fuentes estilizado e imagenes, etc. Piktochart también publica infografías en formato HTML

Tableau Public es una herramienta que se puede bajar que analiza un conjunto de datos cuando el usuario lo sube. Luego sugiere visualizaciones de los datos y permite al usuario diseñar la infografía con una interfaz de arrastrar y colocar. Usuarios también pueden, simultáneamente, crear una serie de infografías utilizando distintas partes del mismos conjunto de datos. Provee el usuario con HTML de su infografía para que la comparten por web.

Una cantidad de datos globales de fuentes tales como OECD y el Banco Mundial han sido integrado al sitio web y programa de cliente Gapminder. Los usuarios pueden visualizar y diseñar infografías de datos del mundo tales como tasa de nacimiento y PIB. Fue construido sobre una plataforma Trendalyzer, que se vendió a Google en 2007.<ref>Rosmarin, Rachel, “Google Buys Data Visualization Software”, Forbes.com, March 16, 2007. [2]</ref> Esto explica algunos de los similitudes entre Gapminder y Google Public Data Explorer, que es un repositorio grande de datos disponibles públicamente tales como del Bureau del Censo de los Estados Unidos, el Instituto de Recursos Mundiales y Eurostat. Usuarios también pueden cargar sus propios conjuntos de datos. Usuarios pueden seleccionar datos específicos de un conjunto, y el sitio creará visualizaciones de los datos en la forma de distintos gráficas, tales como gráficas de barra y línea. Existe una cantidad de opciones para los usuarios diseñar su visualización cambiando su escala, ejes y otros variables.

También existen herramientas para cerar unos tipos de visualizaciones muy específicos. Photo Stats App e InFoto pueden ser utilizados para crear una visualización basada en los datos dentro de fotos en un teléfono inteligente. Los usuarios pueden crear una infografía de su hoja de vida utilizando visualize.me.

Ver tmabién

Plantilla:Div col

Plantilla:Div col end

Referencias

<references group=""></references>

Enlaces Externas

Plantilla:Visualization