background preloader

Voyagers and Voyeurs: Supporting Asynchronous Collaborative Information Visualization The collaborative visualization system. (a) An interactive visualization applet, with a graphical annotation for the currently selected comment. The visualization is a stacked time-series visualization of the U.S. labor force, broken down by gender. Here the percentage of the work force in military jobs is shown. (b) A set of graphical annotation tools. (c) A bookmark trail of saved views.

CSS Click Events An article about different experimental approaches of employing click events using CSS only. It summarizes and shows some clever hacks and smart tricks. For the last few years, we’ve been witnessing the wonderful expansion of front-end languages especially HTML with the HTML5 specifications and CSS with the CSS Level 3 specifications. We can now do a lot of stuff we couldn’t have done without JavaScript or images before, like rounded corners, gradients, responsive layouts, grid stuff, transparency in colors, and so much more. 40 Essential Tools and Resources to Visualize Data One of the most frequent questions I get is, "What software do you use to visualize data?" A lot of people are excited to play with their data, but don't know how to go about doing it or even start. Here are the tools I use or have used and resources that I own or found helpful for data visualization – starting with organizing the data, to graphs and charts, and lastly, animation and interaction. Organizing the Data by sleepy sparrow Data are hardly ever in the format that you need them to be in.

Filter Functionality with CSS3 Using the general sibling combinator and the :checked pseudo-class, we can toggle states of other elements by checking a checkbox or a radio button. In this tutorial we will be exploring those CSS3 properties by creating a experimental portfolio filter that will toggle the states of items of a specific type. View demo Download source The idea is inspired by Roman Komarov’s brilliant “Filtering elements without JS” experiment where he uses checkboxes and radio buttons for filtering colored shapes. Small Design Firm NRC: Naturalist Tables, Raleigh, North Carolina, 2012 Small Design Firm developed two completely custom interactive tables for the Nature Research Center at the North Carolina Museum of Natural Sciences. Visitors to the museum are invited to pick up actual specimens from the museum collection and place them on to the table surface. When the table reads the tagged specimen, video projection from above reveals activities and field guide information pertaining to the specimen.

featured projects Quantified Other Five weeks of my father's Nike Fuel data Tatelets Generative bracelet based on artworks from Tate Modern Threads Showcases on Datavisualization Interactively Explore the YOLO Flip 12 Feb 2014 Showcases Animation, Interactive, Process, Sports In preparation of the Winter Olympic Games 2014 in Sochi, we helped the Swiss newspaper Neue Zürcher Zeitung publish a long-form article about Iouri Podladtchikov, a professional snowboarder and – since yesterday – freshly baked Olympic gold medalist. To help readers better understand the sport, we created a series of illustrations and an interactive animation. Read more Datasets on Datavisualization Wikileaks US Embassy Cables 29 Nov 2010 Datasets Infographic, Politics Wikileaks began on Sunday November 28th publishing 251,287 leaked United States embassy cables, the largest set of confidential documents ever to be released into the public domain. Here's how media outlets strive to make the data more accessible than its original form. Read more