Skip to content
Vol. III · Wk 19 · 2026 Available Q3 2026
Vol. III · Wk 19 · 2026
data-viz September 2011

BcnDevCon 2011 - Battle of Communities

A funny visualisation of the different registered developer communities initiative

By Xavi Colomer · 1 min read
BcnDevCon 2011 - Battle of Communities
Fig. 01 · Hero BcnDevCon 2011 - Battle of Communities

about the project

In August 2011 the first edition of Barcelona Developers Conference was in process but we still needed the most important ingredient for our final soup, developers.

Inspired by the venue's theme, Barcelona Maritime Museum, I decided to create Battle of Communities, a pirate-themed ranking were each ship represents a community of developers, the more people from the same community the event the bigger the ship

But how would I associate the size and the position of the ship with a ranking position?

Every time a developer submitted a session to the call 4 papers they were also asked a few questions regarding programming language and community. Using Drupal's autocomplete field I avoided possible redundant values in the database.

Once a paper was submitted or modified a Drupal hook updated the resultant JSON which represented the final ranking.

When a visitor opened a ship profile, this info was shown

Ship Size: Related to how many members were registered from the same community. This value was percentual so growing communities would not also upgrade their ship but also downgrade other communities

Initiative: Related to how many sessions from the same community were submitted to the call for papers.

Reputation: How many upvotes from other communities did those papers received.

Piracy: In order to avoid massive downvoting from members of the same community to sessions from members of other communities, I decided to show this info too.

The project was sketched and designed in Adobe Illustrator, but mainly developed animated and programmed with Adobe Flash.

As mentioned before the Flash file loaded a JSON from the server, which was updated with the information provided by each user when registered, when submitting a paper to the conference or when voting up or down

Plates

Gallery

5 items
  • Plate 01
  • Developer community ranking in 'Battle of Communities'
    Plate 02
  • Developer community ship detail in 'Battle of Communities'
    Plate 03
  • Screenshot of the different ship designs for each community including Boat, Sloop, Galleon, Brigantine and Frigate
    Plate 04
  • Screenshot of the Frigate animation process using Adobe Flash
    Plate 05
Also see

More work