List of Bookmarks collected from Jan-May


Alternative Displays

Pattern Matters


List of human–computer interaction topics – Wikipedia, the free encyclopedia


BBC Four – Metamorphosis: The Science of Change


Information and Data Visualisation

The Form of Facts and Figures ·
The Difference Between Information Architecture and UX Design – UX Booth | UX Booth | Opinion Cloud
Time Maps: Morphing a Country According to its Travel Time – information aesthetics
Vincent Meertens | Graphic Design — A Subjective Map of New York City
Vincent Meertens | Graphic Design — TimeMaps
VC blog » Manuel Lima


Making a Legible City London
AppforBerlin | Twitter Developers
Twitter: How to archive event hashtags and create an interactive visualization of the conversation Jisc CETIS MASHe
OUseful.Info, the blog…
Visualising A Twitter Conversation | Radical Punch #6 – YouTube
WE NEVER LOOK UP – Johannes Landstorfer
alleshannes » emotisys das diplom
Back To The Future | Was mit Medien
Data-Driven Stories – Future of StoryTelling
Censimento.TV |
Infographics & Data Visualization |
Storyboarding in the Software Design Process | UX Magazine
What is The Story? « The Story
Gundulas Stories an interactive learning environment | IxDA Interaction Awards
Visual Storytelling | Gestalten
Ministry of Stories
Every Last Drop – An Interactive Website about Water Saving
Where Should I Go On Holiday? |


Information Aesthetics


Processing Forum
Processing QRCode Library | daniel shiffman
Cannot find a class or type named “File” – Processing Forum
Free, open-source framework | Adobe Flex
John Nack on Adobe : Adobe demos Flash-to-HTML5 conversion tool
New Support for HTML5 in Flash Professional CS6 | CS6 & Creative Cloud Feature Tour for Web | Adobe TV
EABCN Real Time Database |
Export to HTML5 from Flash Professional | Adobe Technology Sneaks 2012 | Adobe TV
Anatomy \
RandomEtc/processing-gpx · GitHub
Using Netvizz & Gephi to Analyze a Facebook Network | persuasion
Demos | CLiPS
Pattern | CLiPS
Datasets – Gephi:Wiki
Gephi, an open source graph visualization and manipulation software$files/358971/digital-acoustic-cartography_de.pdf
Getting Started With The Gephi Network Visualisation App – My Facebook Network, Part I | OUseful.Info, the blog…
Text Free Browsing by Rafaël Rozendaal & Jonas Lund
How Do You Structure JavaScript? The Module Pattern Edition | CSS-Tricks
Lesson: Object-Oriented Programming Concepts (The Javaâ„¢ Tutorials > Learning the Java Language)
Manipulating HTML – Introduction to the DOM: HTML & jQuery | Codecademy
jQuery | Codecademy
Page not found · GitHub
Adobe Edge Animate JavaScript API v1.0.0
vvvv – a multipurpose toolkit | vvvv
HTML5 Games Creating Fun with HTML5, CSS3, and WebGL
User Interface | Android Developers
Illustrator’s Live Trace: Sketch to Vector | Smashing Magazine
W3Schools Online Web Tutorials
Tryit Editor v1.6
OTS Processing Sessions #2: Processing Code Jam – OpenTechSchool Berlin (Berlin) – Meetup
Processing.js for JavaScript Devs – MozillaWiki
Web Standards | Adobe & HTML
PirateBox DIY – David Darts Wiki
Twine review: the little blue box that hacks the world around you | The Verge


Einführung Daten Designer – 3sat neues vom 23.1.2011 – YouTube
Old Maps Online
valence | ben fry
A review of Edward Tufte’s ‘Beautiful Evidence’

Digital Futures

The Visuals into Auditory Images Transformer, Felix Hardmood Beck
McLaren’s Negatives – YouTube
BBC – Radio 4 – Reith Lectures 2003 – The Emerging Mind
The Beads Project – Realtime Audio for Java and Processing
BBC – Radio 4 – Reith Lectures 2003 – The Emerging Mind
Swarms of locusts use social networking to communicate
MusicalNodes | With
Five Ideas from Brighton for Socially Sustainable Cities | This Big City
A 20 Minute Intro to Typography Basics | Psdtuts+
Maps and the Geospatial Revolution | Coursera
Social Network Analysis | Coursera
Center for Urban Research

Cities and Big Data

Big Data For WHEN? | Humantific
HOw people visualize time on information graphics. | LinkedIn
Making a Legible City London
Workshops and Courses | Counselling | University of Portsmouth
Data Visualization, Infographics – R/GA
Start – GovApps
Cities | Invisible Cities | Invisible Cities
Making a Legible City London
GovData – Das Datenportal für Deutschland
Festival City | Edinburgh International Festival


The Data-Driven Life –
Latest news, sport and comment from the Guardian | The Guardian
UP London Festival | Urban Prototyping Festival, April 2013, London


visualising GPS data with processing | Studiolab Community
Future of social interaction | Studiolab Community
CSS background-color property
CSS Reference
Atelier Beinert | Design Studio für visuelle Kommunikation
Schriftsatzarten [ Satzarten, Textausrichtung, Satzanordnung ]
10 Infographics That Will Teach You About Typography
Novas Cartografias
Visualising A Twitter Conversation | Radical Punch #6 – YouTube
The economic impact of the MWC on Barcelona created with CartoDB and BBVA data
Google Public Data Explorer
Google Trends
Real-time database – Wikipedia, the free encyclopedia
facebook report – Wolfram|Alpha
Social Weather Mapping From Google Chrome Experiment
Who is doing what? |
Location and Environment: Linked-data innovation area | Anymails
Anymails – Visualization of my email inbox |
IBM Research | Technical Paper Search | THREAD ARCS: An Email Thread Visualization(Search Reports)
Talking with… Manuel Lima | Visual Loop
What is data journalism at The Guardian? | VIDEO | News |
The future of search … made simple – an animated guide | Technology |
Design is both the insanely radical and the passionately incremental — Tech News and Analysis
6 | Infographic: The Languages Of New York, Mapped By Tweets | Co.Design: business + innovation + design
Design Practices & Paradigms | Director Master in Design Studies Susan Yelavich, Instructor
NODE13 – Trailer on Vimeo
Music TuneGlue° | Relationship Explorer
Music-Map: Paul Kalkbrenner

Data Journalism

The Guardian’s Data Blog – Data Journalism Blog


Web Design is 95% Typography | Information Architects
Lecture 7.2: Typography (10:47)

Personal Data and Privacy

Wolfram|Alpha Widgets: Create, Share, and Embed Widgets for Free
HOME – Face to Facebook
Big Data Predictions For 2013 | Forrester Blogs
Parsons :: Exhibitions and Events :: The Sheila C. Johnson Design Center :: Exhibitions :: Current and Upcoming Exhibitions :: The Public Private
How Facebook could get you arrested | Technology | The Observer
facebook report – Wolfram|Alpha
How Facebook could get you arrested | Technology | The Observer


Digital Public Spaces | FutureEverything
FutureEverything | Summit of Ideas & Digital Invention – March 2013
Twitter / ripetungi: Check out …
New Views 2: Poster Gallery
Similar Diversity » Exhibitions
Neue Studie ermittelt Twitter-Tribes | Schwerdt-Blog
Social Network Analysis | Coursera
Resonet – mapping the twitter community around the resonate festival
Visualizing bipartite Facebook Like networks « Anne Helmond Traffic Visualisation Slides on Vimeo
Apps and the City -
NUMBER27 / The Work of Jonathan J. Harris / Non-Geographic Mapping
Visualizing your LinkedIn graph using Gephi – Part 1 | Dataiku
The New York Times > New York Region > Image > Travel Times on Commuter Rail
emoto Project | 2012 | Elastic tag maps
I for interface | Neil Clavin
Josh Magee
form follows behavior
Unfolding Maps: Unfolding is a library to create interactive maps and geovisualizations in Processing and Java
computational information design | ben fry – Filed under ‘Complex Systems’
Twitter Orographies | DATAINTERFACES
Social Network Fragments
Welcome to the London Datastore | London DataStore
Home –
Competition: visualise open government data and win $2,000 | News |
Data journalism and data visualization | News | The Guardian
Set up how you appear across Google – Google+ – Berlin – all startups mapped + a complete startup event guide
Anymails – Visualization of my email inbox |
Timeline · Demos · Flowplayer
Aaron Koblin – Information
Dynamic Media Institute at Massachusetts College of Art and Design
Public streams | Twitter Developers
JavaScript – Processing
Blog About Infographics and Data Visualization – Cool Infographics
Gerd Arntz Web Archive
Resonate 2013 – Belgrade New Media Festival
Mapping Science – Places & Spaces: Mapping Science
Creative Computation » Embedding a Processing Sketch
Computing, Goldsmiths, University of London
Where to begin to learn HTML5/JS? – Processing Forum
Flow Interactive
Information Is Beautiful | 3D Infographic Projection Mapping in Grand Central Station!
Apps and the City -
Processing 1.0 – Processing Discourse – Combining multiple sketches
Color to Sound- OpenProcessing
Search OpenProcessing
Design is making sense
Suche nach Ordnung | Design is making sense
Analysing data: Analyse this!!!
John Grimwade – VisualJournalism
myFnetwork – Your network
Stanza: CCTV Media Visualisations 2005. Large prints On Canvas. Stanza London CCTV Media Visualisation 2005 – Stanza | Musical Nodes
Nodus Labs
The Twitter Languages of London | Spatial Analysis
tomatto – gone but not forgotten
Data journalism and data visualization from the Datablog | News | The Guardian
Google Fusion Tables


5 Reasons Why Metaphors Can Improve the User Experience
Information Design: Semiotics and the Use of Metaphors
Babyccino London


IBM – Analytics: The real-world use of big data – United Kingdom
BBC – Developer – APIs
BBC – Research and Development: Visualising near-real-time iPlayer usage data
TAGSExplorer: Interactively visualising Twitter conversations archived from a Google Spreadsheet Jisc CETIS MASHe
Twitter: How to archive event hashtags and create an interactive visualization of the conversation Jisc CETIS MASHe
Running Lives with Data – di12
Knowledge Media Design – Fachbereich Mensch-Computer-Interaktion
The Data Visualization Beginner’s Toolkit #2: Visualization Tools — Fell in Love with Data
re:publica 2011 – Boris Müller, Till Nagel – Interagitation – YouTube
Gapminder World
Data Cuisine | Exploring food as a form of data expression
Information Designers
Information Designers
The Fundamental Interconnectedness of All Things – Detail – Places and Spaces
KLM | Pack&GO
blogviz | Mapping the dynamics of Information Diffusion in Blogspace
Offene Daten Berlin | Offene Daten lesbar für Mensch und Maschine. Das ist das Ziel. (Javadocs: MapThing)
Calming Technology – Inducing cognitive, affective, and physiological calm. Tweet at #calmingtech.
Journalism in the Age of Data: A Video Report on Data Visualization by Geoff McGhee
Welcome – The Data Journalism Handbook
Stanza|| Artworks about the urban landscape, surveillance culture and alienation in the city. Generative art, netart, networked spaces, live CCTV and surveillance. Artworks by British artist Stanza.
Berlin Open Data Day
Future Interactions | Using Critical Design Approaches to Explore Urban Data Transactions
Tutorial: Processing, Javascript, and Data Visualization | blprnt.blg | Plattform für Gestaltung mit Code
The Society for News Design – SND
TED Blog | Playlist: 6 beautiful talks by data artists
The phenomenology of time in interactive visual representations – Hipertext – ( UPF )
Facebook friends network mapping: a Gephi tutorial | Pegasus Data Project
Facebook friends network mapping: a Gephi tutorial | Pegasus Data Project
Visualizing Activity on Facebook
Visualising Social Media: Facebook Checkins « Big Data Toolkit
Map of the Internet: This mobile app visualizes the Internet in 3D – The Next Web
The Kinetica Art Fair 2013 at the Ambika P3 gallery in London – Telegraph
Welcome – the Data Hub
School of Data – Learn how to find, process, analyze and visualize data
Number of International Visitors to London | London DataStore
What is there to learn about Design besides what the industry wants? – my name is lolian…
API Documentation – Readmill
Readmill (Readmill) · GitHub
IxDA Berlin |
Matta – Release The Freq on Vimeo
Day Like Today : Applications
Day Like Today : About
Datapedia of the United States: American History in Numbers | MLibrary
Startups, This Is How Design Works – by Wells Riley
5 Reasons Why Metaphors Can Improve the User Experience
The Breast Cancer Conversation | GE Data Visualization
Twitter: How to archive event hashtags and create an interactive visualization of the conversation Jisc CETIS MASHe
moving-02-01.png (962×1010)
Lapka — Personal Environment Monitor
Greenwich map : How to get here : Visit : RMG
apache friends – xampp for mac os x
Markus Burkardt | Information Architecture and Design
about – postarchitectural
Creative Review – The digital ghosts of Street View
How to Friday: Gathering your own data: Geo-tagging | News |
The Information Architecture Institute
MusicalNodes | With
OUseful.Info, the blog…
Tod Machover: how to crowdsource a symphony | Music | The Guardian
Tod Machover: how to crowdsource a symphony | Music | The Guardian
The Art of Data Visualization: How to Tell Complex Stories Through Smart Design | Open Culture


Pinokio on Vimeo
icons times
The Guardian Open Platform | Open Platform | The Guardian
Get Data | Developers Area | Transport for London
Using Oyster Card journeys to understand how, why and where we travel in London | digital urban
digital urban | modelling, visualising, sensing and visualising urban environments
Digimites (digimites) on Twitter
Royal College of Art | Professor Anthony Dunne
FutureEverything | Summit of Ideas & Digital Invention – March 2013
designjournalists | designjournalisten
LaTeX Templates
Deep Web – Wikipedia, the free encyclopedia
Who Owns the Future? by Jaron Lanier; Big Data by Victor Mayer-Schönberger and Kenneth Cukier – review | Books | The Observer
Silence of the Bees – YouTube
IBM Biomimicry Challenge on Vimeo
Critique on Critical Design – YouTube
Digital futures: critical design | University of Portsmouth
CCi Channel
Faculty of Creative and Cultural Industries – Student Showcase | University of Portsmouth
Adam Connor: Applying Film Making Tools to Interaction Design | IxDA
Discover Projects — Kickstarter
Fachbereich Design der Fachhochschule Potsdam > Studiengänge > Master > Ausschreibungen,169968,en.pdf