Info Graphics
View allAll Photos Tagged infovis
he back-to-school shopping season is one of the biggest events in the US retail industry calendar, falling second only to Christmas in terms of annual sales for many major retail chains.
View full graphic and article at Meet the Boss TV
Graphic by T Farrant | Twitter @fallenblossom
Author(s):
Yarden Livnat, Jim Agutter, Shaun Moon, Stefano Foresti
Institution:
University of Utah
Year:
2005
URL:
www.sci.utah.edu/publications/yarden05/VisAware.pdf
------------------ ---------------
Project Description:
Presented at the Infovis 2005 Conference in Minneapolis, MN (USA), VisAware reveals a novel visual correlation paradigm that takes advantage of human perceptive and cognitive facilities in order to enhance users' situational awareness and support decision-making.
The first image reflects VisAware used in a Biowatch scenario where its structure classifies agents in colored sections around a ring. It shows the different categories of biological agents and the different types of chemical agents (i.e. blistering and nerve agents). With the map in the middle, it is easy to correlate the presence of agents to the sensor that detected it. The correlating line has a variable width that shows the probability of the agent under analysis; the thicker the line the greater the probability of an actual attack.
The second image shows VisAlert, a visualization method for network intrusion detection. The authors based their approach on representing the network alerts as connections between two domains. These two domains are a one dimensional domain representing the node attribute, and a two-dimensional domain representing the time and type attributes. A network alert instance, in this scheme, is thus a straight line from a point in the type-time domain to a point in the node domain. They choose to separate the node attribute from the type and time as nodes provide a more or less static set of objects that can be used as visualization anchors for the transient alert instances.
The Italian magazine WIRED asked us to draw a map based on the scenarios developed by the Institute for the Future in Palo Alto to help the reader in the net of ideas and hypothesis built by 7000 influencers from all over the world.
www.densitydesign.org/2009/10/02/we-will-be-here-map-of-t...
Creative Direction Donato Ricci;
Concept development, Gaia Scagnetti;
Visualizer, Mario Porpora;
Artist, Michele Graffieti;
Designer, Luca Masud.
A concept-map exploring the Left vs Right political spectrum. A collaboration between David McCandless and information artist Stefanie Posavec, taken from my book The Visual Miscellaneum (out Nov 10th).
THIS IS THE US VERSION WHERE BLUE=LEFT WING. RED=RIGHT WING.
from my book The Visual Miscellaeum (HarperCollins, Nov 2009)
www.harpercollins.com/book/pre-order.aspx?isbn13=97800617...
Find out more here:
: www.informationisbeautiful.net/2009/left-vs-right/"
Order a limited edition, signed poster of this image here: informationisbeautiful.bigcartel.com/
This is a high-res output from the Glocal Similarity Map engine. The map shows the compositional similarity between the image in the center and other images in the Glocal Pool.
For more information about Similarity maps, you can visit our website: www.glocal.ca/resources/toolkits/similarity-maps/
Red, Blue, Green, Yellow.
The (actual) distribution of my books.
A physical color histogram.
Day 200. July 19 2009.
explored.
and posted to gizmodo. mmhm.
follow me on twitter: twitter.com/patrickgage
How much will your Double Frozen FrapMochaChino add to your bulge and your buzz?
Inspired by data from the Guardian Datastore
www.guardian.co.uk/news/datablog/2009/jul/27/health-healt...
Hi-res A4 PDF here
infobeautiful.s3.amazonaws.com/buzz_vs_bulge.pdf
source: Guardian Datablog, Starbucks.co.uk, Calorie Count
additional illustration: Jez Burrows
See more of my visualizations at:
For a class assignment, I drew a self-portrait in profile, then added my categorized interests in the style of a 19th-century phrenology illustration (compare with actual period illustrations here and here).
I wrote a short blog post about it for more info.
Design Research Maps 2003-2007
Diagrams of the design research in italy 2003-2008
www.sistemadesignitalia.it/drm/report_drm.pdf
Art direction:
Donato Ricci
Infographic:
Daniele Guido - Luca Masud - Mauro Napoli - Donato Ricci - Gaia Scagnetti
My reworking of the brilliant Land Art Generator images 'Suface Area Required To Power The World' with one alternative energy source added :)
Originals are here:
www.landartgenerator.org/blagi/archives/127
===========
here's my maths (probably wrong, please correct me if so)
total world energy needs per year:
198,721,800,000,000 kwH
average energy output of a human per hour
0.1 KW per human (100 watts)
365 days at 24 hours a day = 8760 energy hours per year per human
0.1 KW x 8760 hours = 876 KWh energy generated per human per year
world energy needs divided by human supply
198,721,800,000,000 / 876 = 226,851,369,863 humans required
Human body occupies
2m x 1m = 2square metres
assuming machinery and spacing between human batteries
4m x 2m = 8 square metres
requires
1, 814,810,958,904 metres for all human batteries
1.8 trillion square metres
or
18,148,810,958 = 18 billion square kilometres
world land surface area is:
148,940,000 square kilometres (wikipedia)
so would require 221 billion humans to be stacked 121 rows high across the entire land surface of the earth.
very dystopian!
===========================
more inforgraphics at
A concept-map exploring the Left vs Right political spectrum. A collaboration between David McCandless and information artist Stefanie Posavec, taken from my book The Visual Miscellaneum (out Nov 10th).
THIS IS THE EUROPEAN & UK VERSION WHERE RED=LEFT WING. BLUE=RIGHT WING.
From my book The Visual Miscellaeum (HarperCollins, Nov 2009)
www.harpercollins.com/book/pre-order.aspx?isbn13=97800617...
Find out more here:
: www.informationisbeautiful.net/2009/left-vs-right/
Order a limited edition, signed poster of this image here: www.informationisbeautiful.net/store
These visualizations show the top organizations and personalities for every year from 1985 to 2001. Connections between these people & organizations are indicated by lines.
Data is from the newly-released NYTimes Article Search API: developer.nytimes.com
For more information, and source code to access the NYTimes API, visit my blog: blog.blprnt.com
Archival-quality giclée prints of individual years are available at blprnt.etsy.com
Built with Processing v1.0 - www.processing.org
The diagram describe the input-output flows in the production of wood-based products. From raw materials/energy/chemicals/water to waste/emissions/water. In between, the products!
Co-designed with Margherita Paleari
A year of edits on planet Earth for OpenStreetMap. Updated on the 1st January 2009. Do also check our the Animated OSM 2008 - A Year of Edits' on Vimeo.
Created using OSM Mapper from ITO World Ltd
Design Research Maps 2003-2007
Diagrams of the design research in italy 2003-2008
www.sistemadesignitalia.it/drm/report_drm.pdf
Art direction:
Donato Ricci
Infographic:
Daniele Guido - Luca Masud - Mauro Napoli - Donato Ricci - Gaia Scagnetti
Debora Nogueira de França Santos
Project progress report 01. Economic statistic & Communication Design
A spread from my beautiful book of infographics, data visualisations and information designs.
Order from Amazon.co.uk
www.amazon.co.uk/exec/obidos/ASIN/0007294662/thegooddrugs...
In the US, the book is called The Visual Miscellaneum
www.harpercollins.com/book/pre-order.aspx?isbn13=97800617...
Visit my website for more:
Revisit of the 'If Twitter was 100 people'. Now with added content data and timelines.
more detail here:
www.informationisbeautiful.net/2009/more-truth-about-twit...
sources:
www.sysomos.com/insidetwitter/
www.pearanalytics.com/2009/twitter-study-reveals-interest...
The oil spill in the Gulf of Mexico is now 80 miles across and the size of Jamaica, and according to new reports is five times worse than first thought, leaking around 5000 barrels into the sea, as opposed to the 1000 barrels first estimated.
View full article at Oil and Gas US
Graphic by T Farrant | Twitter @fallenblossom
The british magazine WIRED asked us to design a visualization for their "InfoPorn" section. We worked on the correlation between the technology diffusion and its perceived impact in producing a new map of Europe.
www.densitydesign.org/2010/02/22/a-new-map-of-europe-wire...
Credits
Paolo Ciuccarelli (density design Scientific Responsible)
Marco Fattore (Assistant Professor, Faculty of Statistics - data analysis)
Donato Ricci (creative direction Project Coordination)
Michele Mauri, Giorgio Caviglia (coding)
Luca Masud (art direction)
Lorenzo Fernandez, Mario Porpora (designer)
Does the BBC give good value for money? What does it spend on Mad Men and other shows? How does its budget compare to other broadcasters?
Original Guardian post here
www.guardian.co.uk/news/datablog/2010/mar/01/information-...
Data here
spreadsheets.google.com/ccc?key=0AqlCrVujNb9xdGYwWF9hVi00...
More visuals here
My latest submission to the InfoDesign Calendar Challenge at my blog.
It works like this:
1. Locate the day-number.
2. Move upwards in its column until you find the month-row.
3. Read the day-name in the intersection (month-names always fall on a Monday).
This is an evolution of my first submission and it comes in two flavors: mini (shown above) and maxi--here's a comparison pic between them. Actually, maxi is a far better candidate for the challenge (I always present forty-plus-olds with mini first, and while they do like it, they're overjoyed when I show them maxi) but I just couldn't resist putting mini up there--I find it amazing that you can fit a full calendar into such an small space and still keep type at a decent size:
mini: 4.2cm x 6.1cm. Type 11 for numbers and monthnames, 10 for daynames
maxi: 5.2cm x 7.5cm. Type 15 for numbers, 14 for monthnames, 13 for daynames.
Size comparison with a credit card.
Mini compared with a normal calendar.
Maxi compared with a normal calendar.
The young and the good-sighted overwhelmingly prefer mini.
As for the design, I abandoned, reluctantly at first, the "wordless automaton" dream. Actually, I abandoned every design feature that I could and left only type and 3 colors. The result was surprising and refreshing, and in many ways much easier to understand. The way color links month end dates, one of my favorite features of the previous design is now even simpler--now there's only red for months with less than 31 days. Rows are now indicated by type color and that brought a huge improvement in contrast, which was more harmful to legibility than font-size in the original design.
Two other interesting things followed from the type-color rows. First, it forced me to use 3letter daynames, which is quite an unprecedented feat for calendars of any size that does help somewhat (particularly in a calendar like this, were daynames change position). Second, it allowed number columns to continue, greatly improving scanning, which allowed me in turn to drop the ~6 month split--at first a seemingly neat idea that eventually turned out to be somewhat distracting, an exception, one more thought step.
The one exception I haven't been able to depart from are the embedded monthnames. Placing them on Mondays (instead of Wednesdays), and thus marking the start of the week, was an improvement but I can't think of further ones (and I do think they blend a little bit too much with daynames). The obvious improvement, placing them all on an extra leftmost column turns out not to be that helpful. It doesn't look nearly as good for one thing, but it also seems to be strangely less usable--it's much easier to lose your place. You have to use them to notice the difference but here's a very lousy diagram of my current theory: basically, with embedded monthnames the eye can sweep upwards and almost unconsciously through the calendar, find the monthname, and usually have the dayname closeby; with leftmost monthnames the eye has to do a lot of tracing and retracing to be sure it's at the right place.
Btw, notice the middle column is slightly darker to ease scanning. Anything that can be done to improve column visibility and memorability helps a lot.
The biggest advantages of this design are legibility, size, and speed (it consistently beats normal calendars, any size, at dayname games). The biggest disadvantages are a(n albeit minimal) learning curve and (this one kills me) the inability to be able to mark holidays.
Here are the Excel 2007 source files --mini and maxi-- for you to play with the design. You'll need the wonderfully narrow Andale FB and Matthew Carter's Bell Centennial --a font designed specifically for AT&T's telephone directory and thought with concision and legibility foremost in mind.
And here are PDFs of mini, maxi, and left-column-mini in case you want to print the designs and test them.
So what do you think?
Design Research Maps 2003-2007
Diagrams of the design research in italy 2003-2008
www.sistemadesignitalia.it/drm/report_drm.pdf
Art direction:
Donato Ricci
Infographic:
Daniele Guido - Luca Masud - Mauro Napoli - Donato Ricci - Gaia Scagnetti
These visualizations show the top organizations and personalities for every year from 1985 to 2001. Connections between these people & organizations are indicated by lines.
Data is from the newly-released NYTimes Article Search API: developer.nytimes.com
For more information, and source code to access the NYTimes API, visit my blog: blog.blprnt.com
Archival-quality giclée prints of individual years are available at blprnt.etsy.com
Built with Processing v1.0 - www.processing.org
Showing how a tweet travels around the internet.
Full article: www.ngonlinenews.com/news/the-journey-of-a-tweet/
What can and can't you do online in the People's Republic?
Most of the big social websites - Facebook, Twitter, YouTube - are blocked. Many familiar sites, such as Wikipedia, remain but with entire sections or contentious pages disappeared by The Great Firewall. Porn is pretty much outlawed.
Data in this area is difficult to come by. ConceptDoppler.org is a good source but most of the information dates back to 2008. Censored search terms and online materials often vary from region to region. Sites are routinely blocked and then unblocked, sometimes on a weekly basis. You can check it for yourself in this Google Doc.
spreadsheets.google.com/ccc?key=0Aqe2P9sYhZ2ncFliSmVvb2dw...
More infographics and visualisations here:
A timeline of global media scarestories.
For full size image, visit www.informationisbeautiful.net/visualizations/mountains-o...
source: Google News Timeline
A spread from my beautiful book of infographics, data visualisations and information designs.
Order from Amazon.co.uk
www.amazon.co.uk/exec/obidos/ASIN/0007294662/thegooddrugs...
In the US, the book is called The Visual Miscellaneum
www.harpercollins.com/book/pre-order.aspx?isbn13=97800617...
Visit my website for more:
A spread from my beautiful book of infographics, data visualisations and information designs.
Order from Amazon.co.uk
www.amazon.co.uk/exec/obidos/ASIN/0007294662/thegooddrugs...
In the US, the book is called The Visual Miscellaneum
www.harpercollins.com/book/pre-order.aspx?isbn13=97800617...
Visit my website for more:
The cover of my beautiful book of infographics, data visualisations and information designs.
Order from Amazon.co.uk
www.amazon.co.uk/exec/obidos/ASIN/0007294662/thegooddrugs...
In the US, the book is called The Visual Miscellaneum
www.harpercollins.com/book/pre-order.aspx?isbn13=97800617...
Visit my website for more:
Just like in the ocean – the business world is made up of a hierarchy of big and little fish, and that the little fish sometimes become the food of the bigger fish.
View full graphic and article at Meet the Boss TV
Graphic by T Farrant | Twitter @fallenblossom
Beatrice Lerma
Luca Masud
Francesca Vergiu
Torino World Design Capital - Designing Connected Places Summer School - Complexity Maps