From DHL and fashion designer Fyodor Golan comes an infographic-y video explaining how a high-fashion dress is sourced.
via the Guardian
From DHL and fashion designer Fyodor Golan comes an infographic-y video explaining how a high-fashion dress is sourced.
via the Guardian
The crisis in Syria now resembles more of a civil war. The UN General Assembly has condemned the conflict and passed a resolution calling for Bashar al-Assad to step aside along with a host of other steps to resolve the conflict. However, nothing can happen until the Security Council agrees on a measure, which is still unlikely given the previous vetoes by China and Russia.
This piece from the Guardian chronologically explains what has been happening—at least as best as can be determined in the not-so-media-friendly country. As this story focuses on dates and places, a map feels natural. The designers have added some crucial details from the backstory about the ethnic complexities of the country and denoted the larger and more important urban centres.
When one clicks on a date, coloured by what part of the story is taking place, markers with text boxes overlay the original city markers and provide the user information on what happened in that city on that date. Or, if the event is more general, the box appears outside the borders.
The interface is rather simple, but works in focusing a person in on a time. Unfortunately, since much of this story can be seen through the lens of locale, e.g. the city of Homs has borne the brunt of al-Assad’s wrath, one cannot focus in on a place and then add time. For example, clicking on the marker for Homs and then seeing a chronological list of events that occurred there would also be quite useful.
Another slight improvement would be more clearly signifying the date being viewed. It does appear in the text box, but with the visual prominence of the main navigation at the top, on a few occasions when I was going through the piece, I did forget what date I was on and had brief moments of confusion.
Mitt Romney lost badly last night. No way around that. But as I watched the results come in through various sources, I noticed two interesting design decisions that made me think; one from the Guardian (the British perspective), and the other from the New York Times.
Using only Colorado as an example, here is the map of county results by the Guardian.
Note how the map is presented in 3-D that therefore allows the use of height as another encoded variable, in this case the size of the lead. Now compare that to the map used by the New York Times.
Note how this map is flat. So much less cool, right? But try to compare the results in Denver County. When I look at the Times’ map, I see blue; Mitt Romney won. When I look at the Guardian’s map, I see…actually, I can’t. That label is in the way. And then even when I begin to interact with the map, Denver County is hidden by the height of Arapahoe County.
But what about the size of the lead? I cannot see that encoded in the New York Times map. No, one cannot. However, they added a toggle function to change the data displayed on the map—though the utility of that view can be left for another discussion.
And now to a minor point about comparing the totals.
Again, a look at the Guardian’s presentation.
And now the New York Times. Numbers are numbers and faces are faces. But look at the graphic element representing the percentage. With the Guardian, I can just barely discern that the size of the circles for Santorum and Romney are not the same. And the same goes for Gingrich and Paul. But when I look at the Times’ presentation, I see a simple bar chart that more clearly shows the relationships between the results.
So interesting design decisions lead to one view that I find far more successful in showing the data: the New York Times.
The Guardian has an interactive piece that details payments to and from European Union member states to institutions, determining whether each state is a giver or receiver.
The concept sounds all well and good. However, the piece itself feels clumsy with too much scrolling and whipping about to pan across the whole EU. The charts look a tad heavy—which could have been remedied for a more concise piece—and the callouts beg for a level of interactivity that is otherwise lacking.
Lastly, I have concerns about the list of countries at the top, although these may stem only from the point of view of an American not too familiar with Europe. Flags are not circles, they are, in most cases, rectangular in shape. Does cropping a symbol or icon of a country make it more or less useful of a symbol or icon? Furthermore, do the British recognise the flags of their fellow EU member states?
The country icons/flags call for some type of sorting function, to compare payments and receipts and their balance. But, instead, they sit there in unalterable silence, providing only an economic overview when clicked. An overview that through its staid design feels more like an afterthought.
The Iraq War is over. And now it is time to reflect on what we have gained and what we have lost. This map by the Guardian details the number of soldiers killed in action in Iraq. (Other options include total wounded, killed by non-hostile, &c.)
Unfortunately, I call it a ‘no kidding’ type of map. The data, accessible via the Guardian here, corresponds nicely with a list of states by total population. Of the top ten countries in KIA, only Virginia is not among the top ten in population; it is 12th. The country thus not in the top ten in KIA, but in population is North Carolina. It’s rank in terms of KIA? 11th.
The data is interesting and worth depicting if we are to reflect. But, perhaps a more suitable visualisation could have been chosen.
On a personal note, these Google Maps overlays are annoying when, in the cases of, e.g., Wisconsin and Massachusetts, the shapes are incorrect. Perhaps coastlines are not as easy as states with ‘straight lines’ for boders, but we would do well to try and make irregular coasts at least somewhat correct.
The riots in the UK earlier this year prompted questions about British society and the causes behind the riots. The Guardian has been reporting on different elements of the riots for some time now and has released the results of their work on discovering those causes. And naturally, survey results should be visualised for more awesomeness.
The discrepancies between the causes should be interesting. However, the number of bars and their tight spacing along with contrasting colours makes me wonder if the chart would be more effective not if it plotted the value of the responses, but rather the value of the difference in the responses.
Plans are afoot to harness the power of the sun in the deserts across northern Africa. The electricity generated in Morocco is planned to turn on light switches in Madrid and throughout the rest of Europe.
The Guardian created a map to show how the solar facilities could be connected to each other and to other renewable power sources in Europe—from Icelandic geothermal plants to North Sea wind turbines to Alpine hydroelectric plants.
Credit for the piece goes to Christine Oliver.
Do you live in a horribly violent and crime-afflicted state? Do you want to know? Well there’s a map for that.
From the Guardian, here we have a familiar choropleth that colours each state based on where it falls into the range from most peaceful, Maine and Vermont, to the the most violent, Louisiana and Tennessee. The map was developed using a site called chartsbin from data provided by the Global Peace Initiative.
In short, nothing fancy, but an interesting topic to visualise after the earlier world rankings. Truth be told, I think the added data in the rollover state for the US states is more meaningful than the big rank number and flag that appears in the global version.
Perhaps the 21st century version of the Pentagon papers, the ‘War Logs’, as they are being called, consist of some 90,000 classified documents centring on the Afghanistan War. While they do not paint a necessarily different picture from what is known publicly, the War Logs do provide interesting glimpses into the war, a war that, like any other, is a messy and ugly business despite the polish of design, propaganda, and the media. To put it differently and perhaps in another sense, the War Logs offer depth down to the ground-level, unpleasant details of warzone combat. But the documents lack an overall, strategic-level—I daresay antiseptic—breadth of understanding. The War Logs suffer from a lack of the broader context—but they do provide useful and interesting stories, vignettes, and anecdotes that flesh out the story we all broadly know.
The Guardian is one of three main newspapers that received the leaks in advance; the others were the New York Times and Germany’s Der Spiegel. And one of the things the Guardian did was create an interactive piece exploring improvised explosive devices (IEDs) and where and when they occurred in Afghanistan from 2004 to 2010.
While I understand the use of Google maps, I always see the map as a distraction. For example, why in a story about Afghanistan do I need to see a map that includes the small cities of India. To some degree, the same can be said about the bordering countries like Iran and Pakistan—but as those countries are along the border and are to varying degrees involved in the action, their inclusion can be understood on a case-by-case basis.
Choice of map aside, the piece highlights the detonation of IEDs as circles whose area reflects the number of casualties. The colour of each circle represents which ‘group’ of people had the most casualties: civilians, Coalition soldiers, or Afghan soldiers. However, by reducing the data to a single circle of a single colour, we lose the potential added depth of breaking down the event into the deaths of soldiers and civilians alike. Do I have an instant solution on hand? No. But I do note that if one clicks on the specific event, a window appears that breaks down the event into said figures.
One of the more interesting things about this whole story is that at least the Guardian is putting out the data as a spreadsheet. Perhaps in the near to intermediate future those with the time and inclination will take that information and make something truly interesting for the public’s consumption.
The election has come and gone yet very little is resolved; the UK now has a hung parliament. Labour, the Tories, and the Lib Dems are now left to negotiate on the details of forming a coalition government, wherein two parties formally agree to cooperate in governing the country, or a minority government, wherein the Tories try to govern with the most seats but less than a majority. Or does Labour try to work with the Lib Dems and achieve something of a minority coalition government. The one certain thing about the election is that we now have loads of electoral data that wants to be visualised.
A few things at the top, as an American, despite my following of British politics, I am, well, an American. I am more familiar with the American system and so some of what may follow may be inaccurate. If at all, please do speak up. I should very much like to understand an electoral system that may now change entirely.
I wanted to point out a couple of sites real quick and some advantages and disadvantages thereof. Most of these were likely around before the election, however, I have been a tad busy with work and some other things to provide any commentary until now.
Auntie. The Beeb. The BBC. They have done a pretty good job at playing with four variables and the results. Are pie charts great? No. Not at all. However, they naturally limit us to 100% whereas bar charts displaying share are not necessarily as limiting—understanding that, yes, such things can be coded into the system.
Another interesting thing about the BBC’s electoral map is their cartographic decision to represent each constituency as a hexagon instead of overlaying the constituencies over a political map. This actually makes quite a lot of sense, however, if one considers that British constituencies are supposed to be rather equal in terms of population—not geographic area. And so while a traditional map will portray vast swathes of Tory blue and Lib Deb yellow, Labour counters in holding numerous visually insignificant constituencies in the inner cities of the UK.
Does the BBC need to represent each Commons seat as a square and arrange them to cross the majority line? Most likely not. However, it does keep with the idea of displaying each constituency as the boxes are placed next to the hexagons.
All in all, I think the BBC’s piece is quite effective. I do miss seeing the actual geography of the UK. But I understand how it is less useful in displaying the outcome of one’s playing with the electoral swing. Useful, but not necessarily needed, is the provision of several historical elections as comparisons to one’s playing.
The Guardian is next, in no particular order. Their swingometer is a bit less interesting than that of the BBC’s. Certainly in some senses it makes more sense, any bi-directional swing, while easier to grasp, ignore the complexities in having the Liberal Democrats as a viable third party and thus third axis. The circular swingometer attempts to rectify that. However, what the BBC does with their pie chart version is delve into the politics of the regional and fourth party candidates. For example, the Greens won a single constituency in southern England. In a hung parliament a single vote may be the difference between passing and defeating a bill. The BBC accounts for this while the Guardian does not.
What is particularly interesting about their calculator, however, is the ability to track individual seats and watch as one’s changes affect that particular constituency. As I play with the calculator, I can watch as Brighton Pavilion, where the Green party candidate won, changes from Labour to Conservative. However, nowhere in my exercises, have I managed to switch the seat to a fourth party candidate. The BBC solves this by not allowing one to select particular constituencies; one can only guess which seats they are looking at.
Also interesting about the Guardian’s version is their provision of different data displays. The default is a proportional representation, with each seat equating to a single square. However, they also allow one to view the results on a natural geographic level and strictly in terms of number of results and how close said results are to the magic number of 326. Additionally, the map allows you to filter for only that region of particular interest to you. If I only wish to look at, for example, the West Midlands, I can look at just the West Midlands without being distracted by additional regions. (The West Midlands provides another interesting example of being unable to factor in the role of fourth party players as Wyre Forest switched to the Conservatives, a result I cannot here duplicate.)
Overall, I really like how the Guardian provides different ways of viewing the data and the ability to track those changes to a particular constituency—even across the changes in data views. However, the Guardian is lacking at least in the ability to address the role of independents and regional parties. Perhaps this is do to a level of difficulty in predicting results at that level of granularity; something that is wholly understandable. However, that the BBC does just that is unfortunate for the rest of the Guardian’s piece because the rest of it is so nice. Even aesthetically, I find the Guardian’s to be appealing.
Next is the Sun. This, admittedly, is not so much a calculator but more a results map. And as such, it is effective in its simplicity. There is no messing about with swing or such—again probably because it is simply filling in constituencies by result. However, where the Sun’s piece fails is that to see any result, one needs to click a specific region. When selecting the UK, one can only see the outlines of the various regions of the UK. There appears to be no way of seeing UK-wide results.
Additionally, the data is presented strictly on a natural geography. This has the deficits as outlined above. And while the Guardian does present the results in such a fashion, it is not the only fashion in which data can be presented. Further, to see any results for a particular constituency, one must click all the way through the map before seeing data. None of this helps one access the actual data. And while one could say that the results are less important than showing the victor, one still needs to click into a specific region to see a victor thereby requiring a click whereas the other pieces provide results at an instant view.
Aesthetically, while both the BBC and Guardian favour a lighter, more open space the Sun’s piece feels trapped in a claustrophobic space surrounded by dark advertisements and flush against menus and heavy-handed navigation. All in all, I must confess that the Sun’s piece strikes me as an underwhelming piece that is less than wholly successful. It could have been made at least wholly successful if I needed not navigate into a particular region to mouseover a constituency.
The last piece I am going to look at is that from the Times. While there appears to be no way of playing with possible outcomes, the Times provides interesting ways of slicing the data in a more narrative structure. In terms of the map, the display suffers from being viewable only as the natural geography of the United Kingdom without being able to even toggle to a proportional view.
The additional data is displayed nicely in a side panel. I have to say that from an aesthetic standpoint, the Times’ mini site for the election results is my favourite. The black banner and main navigation sits well against the light colours used for the remainder of the piece. The serifed typeface for the numbers fits well with the newspaper feel and the black and serif combined works well to recall No. 10, Downing Street. A very nice touch and design decision.
As noted, the display fails in that only shows the data in a natural geographic sense. Now, the site overall provides links to news coverage of the event; these are accessible through a dropdown menu in the black banner. But, when clicked, these stories alter the map and highlight the particular constituencies in question. This approach provides a nice touch on straight data visualisation in linking the data to the editorial content of the newspaper. Which seats were taken or lost by independents? On a broad and filled-in map of the United Kingdom, I may not be able to know. But by clicking on that story, the map filters appropriately and I can click each constituency and get the story.
And so while the data visualisation is not necessarily on par with that of the BBC and the Guardian, the tie-in with the editorial emphasis—in my mind—makes up for the lack of detail in data visualisation. Data is wonderful, however, the narrative is what helps us make sense of what is otherwise just numbers and figures.
That editorial link and the subtle design decision to link the minisite to the sort of 10 Downing Street aesthetic makes the Times version my favourite and the best designed experience. Besides the lack of detail in the data visualisation aspect, the only other drawback is perhaps the load time for each change in display.