Pages tagged visualization:

beardposter_lg.jpg (JPEG Image, 1000x1324 pixels)
http://wondermark.com/xyz/beardposter_lg.jpg
AJAX APIs Playground
http://code.google.com/apis/ajax/playground/

Guia completo das APIs do Google Code.
Tweepler (Tweepler.com)
http://www.tweepler.com/
Tweepler is a Twitter application that allows you to organize followers
Tweepler is a Twitter application that allows you to organize followers.
Who to follow on Twitter
Flashbulb Interaction
http://www.flashbulbinteraction.com/index.html
Flashbulb Interaction, Inc. is a research, strategy, and design consultancy that works with clients to envision powerful and engaging user experiences for knowledge workers at the forefronts of their fields.
The Extreme Presentation(tm) Method
http://extremepresentation.typepad.com/blog/
Extremely effective communication of complex information
presentations on complex subject
CNN.com - Special Reports - The 44th President - The Moment
http://edition.cnn.com/SPECIALS/2009/44.president/inauguration/themoment/
"Select a scene:" の一番下。Photosynthの技術があの瞬間を切り取って、その雰囲気を集めてる。
就任式をphotosynthで
Photosynth
After a historic campaign season and Election Day, Barack Obama begins his term in the White House with a record-breaking inauguration.
great use of photosynth to show multidimensionality of Obama's election. one browses from one household to the other.... great stuff!!!
Worldwide Inauguration via Twitter
http://projects.flowingdata.com/inauguration/
amazing viz
"At noon EST, Barack H. Obama became the 44th president of the United States of America. Watch as the (Twitter) world watched. Below are the tweets worldwide that included inauguration with a "positive attitude." " - Flowing Data
Tracking US Airways Flight 1549 - Interactive Graphic - NYTimes.com
http://www.nytimes.com/interactive/2009/01/15/nyregion/20090115-plane-crash-970.html
Very clever, useful and informative infographic of the US Air 1549 Plane Crash into the Hudson River in New York City.
Great NYT interactive infographic style overview of the US Airways crash on the Hudson River.
I'm a bit late on this, but it's yet another fantastic interactive graphic from the New York Times showing the water landing of flight 1549.
Informative interactive feature
Twitterfall
http://twitterfall.com/
new way of search for target chat
どういうときにどんなグラフを使えばいいかが一発でわかるチャート - IDEA*IDEA ~ 百式管理人のライフハックブログ ~
http://www.ideaxidea.com/archives/2009/01/how_to_choose_chart_types.html
Web解析を行っていると数字とにらめっこになるわけですが、そこで重要なのが可視化することだったりします。ここで紹介されている(最終的にはFlickrに遷移)チャートを選択するためのチャートは常にデスクに貼っておいても良いぐらい便利なものだと思いますよ。
aMap
http://www.amap.org.uk/
Visualization of arguments
Cool widget that allows you to browse with cursor over brain maps
Gridplane
http://www.gridplane.com/html/projects/data-vis
AppleInsider | Apple working on 3D Mac OS X user interface (images)
http://www.appleinsider.com/articles/08/12/11/apple_working_on_3d_mac_os_x_user_interface_images.html
apple at it again
3D Desktop
A series of Apple patent filings published this week reveal the Mac maker has spent a considerable amount of time outlining a new multi-dimensional interface for Mac OS X that would make better use of screen real estate by increasing the number of virtual surfaces capable of housing application and interface elements.
JSXGraph - Graphics with JavaScript - The JSXGraph library
http://jsxgraph.uni-bayreuth.de/cms/
Graphics with JavaScript
plotting, geometry, visualization
Chart Chooser by Juice Analytics: Download Tufte-compliance Excel and PowerPoint charts
http://www.juiceanalytics.com/chartchooser/
XRVG
http://xrvg.rubyforge.org/
scoala
A high-level programming enviroment (Ruby) for vector graphics.
XRVG stands for "eXtended Ruby Vector Graphics". The purpose of this project is to define and implement a high-level and powerful programming environment for vector graphics generation.
an algorithmic vector library for ruby with idiosyncratic design principles (unit free?) and a recursive bent.
energy-scale-100-orders-of-magnitud.jpg (JPEG Image, 1008x876 pixels)
http://i206.photobucket.com/albums/bb127/drenka2busy/Nerdy%20stuff/energy-scale-100-orders-of-magnitud.jpg
The energy scale..kind of like circle of fifths
Scale representation of magnitude energy, usually in Earthquakes.
CrunchVision
http://www.crunchvision.com/
companies world map
Global recession - where did all the money go? | Business | guardian.co.uk
http://www.guardian.co.uk/business/dan-roberts-on-business-blog/interactive/2009/jan/29/financial-pyramid
Before the credit crisis, the world was awash with money. Now central banks are pumping in more than ever before and still everyone is short. Dan Roberts explains the illusion of wealth.
Map of Popular Super Bowl Words Used on Twitter - Interactive Graphic - NYTimes.com
http://www.nytimes.com/interactive/2009/02/02/sports/20090202_superbowl_twitter.html
Yay, Rochester is tracked.
TwitterSheep
http://twittersheep.com/
Panurgisme ailé ? Regardez le nuage de tags des "biographies" de ceux qui vous suivent sur Twitter.
well-formed.eigenfactor.org : Visualizing information flow in science
http://well-formed.eigenfactor.org/
Interactive visualizations based on the Eigenfactor™ Metrics and hierarchical clustering to explore emerging patterns in citation networks. A cooperation between the Eigenfactor Project (data analysis) and Moritz Stefaner (visualization).
Interactive visualizations based on the Eigenfactor™ Metrics and hierarchical clustering to explore emerging patterns in citation networks.
Your free online family tree / genealogy on dynastree
http://www.dynastree.com/
Facebook Demographic Statistics
http://www.allfacebook.com/facebook-demographic-statistics/
Facebook News, Facebook Games and analysis of Facebook.
k and have developed the following tool to make it easier for you to find interesting demographic data and sh
Modern Human Variation: Distribution of Blood Types
http://anthro.palomar.edu/vary/vary_3.htm
Blood type distribution shows a different, and more complex genetic history than so-called racial categories.
Distribution of the name in the US - dynastree.com
http://www.dynastree.com/maps
stamtræ
Surname map of US, geneology
JS charts – The free JavaScript chart generator
http://www.jscharts.com/
JS Charts is a free JavaScript based chart generator that requires little or no coding. With JS Charts drawing charts is a simple and easy task, since you only have to use client-side scripting (i.e. performed by your web browser). No additional plugins or server modules are required. Just include our scripts, prepare your chart data in XML or JavaScript Array and your chart is ready!
Molecular Movies - A Portal to Cell & Molecular Animation
http://www.molecularmovies.com/
Very insteresting site about biology simulation
This web resource presents an organized directory of cell and molecular animations, as well as a collection of original tutorials for life science professionals learning 3D visualization. The goal is to provide an efficient way for scientists and educators to browse and access existing animations for teaching and communication purposes.
Lovely Charts | Free online diagramming application
http://lovelycharts.com/
Allows to create pretty charts for free.
Free online diagramming application
Lovely Charts is a drawing application that allows you to create professionnal looking diagrams of all kinds, such as flowcharts, sitemaps, organisation charts, wireframes, and many more… For free.
With Lovely Charts's extremely simple and intuitive drag'n drop drawing mechanism, you'll be able to focus on what really matters. You won't have to draw boxes and arrows, you won't have to worry about what symbol to use.
Lovely Charts is a drawing application that allows you to create professionnal looking diagrams of all kinds, such as flowcharts, sitemaps, organisation charts, wireframes.
matrix-social_media_examples.jpg (image)
http://2.bp.blogspot.com/_UzvQ1qYedCE/SYdwrniKC9I/AAAAAAAAAEU/5ffr-82M2Wo/s1600-h/matrix-social_media_examples.jpg
For Entrepreneurial skills
Energy Information
http://www.google.org/powermeter/
Our lack of knowledge about our own energy usage is a huge problem, but also a huge opportunity for us all to save money and fight global warming by reducing our power usage. Google PowerMeter is free web-based platform that works with smart meters to provide visualization of real-time energy use data.
A device that records data in your house and tells you how you consume.
New Google project: a widget that shows your electricity usage over time.
Google PowerMeter which will show consumers their electricity consumption in near real-time in a secure iGoogle Gadget.
Energy Information
http://www.google.org/powermeter/howitworks.html
Google energy information - popular site in Delicious
Monitor your houseapplicances' energy consumption via Google!
Google PowerMeter, now in prototype, will receive information from utility smart meters and energy management devices and provide anyone who signs up access to her home electricity consumption right on her iGoogle homepage. The graph below shows how someone could use this information to figure out how much energy is used by different household activites.
Taking Apart the $819 billion Stimulus Package - washingtonpost.com
http://www.washingtonpost.com/wp-dyn/content/graphic/2009/02/01/GR2009020100154.html
thought you might be interested in this
The centerpiece of President Obama's domestic agenda is an $819 billion economic stimulus plan. The Senate will consider the measure this week, with an eye toward the amount of tax cuts and spending. Republicans and Democrats spar over what to consider a tax cut. An analysis by the nonpartisan Congressional Budget Office tallies the tax-cut portion to be significantly less than the one-third Democrats claim it to be.
The Washington Post's breakdown of the stimulus package.
not the clearest visualization. could benefit from some compactness, perhaps via mouse interaction/exploration. but definitely a lot of good research and data in here.
Pure Css Line Graph | Css Globe
http://cssglobe.com/post/4175/pure-css-line-graph
My intention was not only to enable data visualization to people that don't feel comfortable with using various scripting languages but also to demonstrate the power of css and present a way of using css a bit differently. If you are not a fan of line graphs and data visualization in general, you may still read this article and think of it as css experiment and perhaps learn a thing or two about css sprites and positioning.
graph
CodeProject: Visual Representation of SQL Joins. Free source code and programming help
http://www.codeproject.com/KB/database/Visual_SQL_Joins.aspx
TPB Tracker Geo Statistics
http://geo.keff.org/
pirate bay connecions mashup
"Realtime" updates of number of the Pirate Bay users per country.
Geographic traffic statistics for The Pirate Bay
SEED - The Universe in '09
http://seedmagazine.com/ui09/
In 2009, we are celebrating curiosity and creativity with a dynamic look at the very best ideas that give us reason for optimism. Rethink your assumptions and pose better questions about the future: Welcome to The Universe in 2009.
The home page for SEED Magazine is inviting, making me want to click around and read a couple of articles.
The Crisis of Credit Visualized
http://www.crisisofcredit.com/
The goal of giving form to a complex situation like the credit crisis is to quickly supply the essence of the situation to those unfamiliar and uninitiated. This project was completed as part of my thesis work in the Media Design Program, a graduate studio at the Art Center College of Design in Pasadena, California. For more on my broader thesis work exploring the use of new media to make sense of a increasingly complex world, visit my website here. or email me at: jonathan.jarvis@gmail.com
This short ten-minute video conveys the essentials of how the credit crisis occurred. It's a great example of information that is be explained using the smallest amount of words and images. It takes something both large and complex and personalizes/simplifies it for the lay audience. If you're looking for tips when putting together a presentation for non-scientists, this is a great resource to look toward for inspiration.
The goal of giving form to a complex situation like the credit crisis is to quickly supply the essence of the situation to those unfamiliar and uninitiated.
The goal of giving form to a complex situation like the credit crisis is to quickly supply the essence of the situation to those unfamiliar and uninitiated. This project was completed as part of my thesis work in the Media Design Program, a graduate studio at the Art Center College of Design in Pasadena, California. For more on my broader thesis work exploring the use of new media to make sense of a increasingly complex world
The Crisis of Credit Visualized on Vimeo
http://vimeo.com/3261363
Great little animation that explains why the credit markets have frozen.
The Short and Simple Story of the Credit Crisis. Crisisofcredit.com The goal of giving form to a complex situation like the credit crisis is to quickly supply the essence of the situation to those unfamiliar and uninitiated. This project was completed as part of my thesis work in the Media Design Program, a graduate studio at the Art Center College of Design in Pasadena, California. For more on my broader thesis work exploring the use of new media to make sense of a increasingly complex world, visit jdjarvis.com.
Astute, approachable, and just plain pretty animated explanation of our current economic situation. Oh, and did I mention INCREDIBLY FRIGHTENING!? Once you realize how simple, and thus fundamental, the underlying problems are, it becomes very difficult to believe in a quick or easy fix. Now, back to stuffing my remaining cash into my mattress...
R Graph Gallery :: thumbnails gallery
http://addictedtor.free.fr/graphiques/thumbs.php?sort=votes
Synoptic - We aint plastic
http://synoptic.weaintplastic.com/
wow. very smooth.
リアルタイムグラフ
meteorological data, Germany
Experience weather in a new way
Financial Crisis, Housing Crisis, Recession, Budget Crisis, What It Means to Your Financial Planning | Personal Finance Blog, Online Money Management, Budget Planner and Financial Planning - Mint.com
http://blog.mint.com/blog/finance-core/a-visual-guide-to-the-financial-crisisthe-bailout/
What do you do if you don't have the money to pay a debt? If you are like most of us, you borrow. The US Government is no different. In order to pay for the $700 billion bailout, it will have to borrow more money, increasing the national debt. But who will pay for this massive bailout? If you are a US taxpayer, you will. Here is a visual guide to understanding how the bailout is funded and a couple of financial experts take on how it could be funded.
What do you do if you don’t have the money to pay a debt? If you are like most of us, you borrow. The US Government is no different. In order to pay for the $700 billion bailout, it will have to borrow more money, increasing the national debt. But who will pay for this massive bailout? If you are a US taxpayer, you will.
A nice graphic showing how the Bailout is being funded
The Periodic Table of the Social Media Elements « eyecube
http://eyecube.wordpress.com/2009/02/23/the-periodic-table-of-the-social-media-elements/
table of social networking
Note to check out all of the links
GOOD Transparency - Getting Around
http://awesome.goodmagazine.com/transparency/web/trans0209gettingaround.html
fuel use by method of transportation. I like how 16 burgers = 1/2 gallon of gas.
fuel per passenger for 350 miles
Fuel use of various modes of transportation.
A nice graphic showing how much energy is needed for various different modes of transport. Cycling comes out best.
YouTube - The Crisis of Credit Visualized - Part 1
http://www.youtube.com/watch?v=Q0zEXdDO5JU
Great explanation of the credit crisis...
The Short and Simple Story of the Credit Crisis. By Jonathan Jarvis.
Information and Aesthetic. Nice.
Gridplane
http://www.gridplane.com/html/
website with good graphs/charts/grids
Cool stuff, more data based than xplane
6 jQuery Chart Plugins For Your App | Steve Reynolds Blog
http://www.reynoldsftw.com/2009/02/6-jquery-chart-plugins-reviewed/
charting and plotting with jquery.
TumblrStats
http://tumblrstats.com/
tumblrstats
362 - Greek To Me: Mapping Mutual Incomprehension « Strange Maps
http://strangemaps.wordpress.com/2009/02/26/362-greek-to-me-mapping-mutual-incomprehension/
"When a Hellenophone has trouble understanding something, his or her preferred languages of reference, as far as incomprehension is concerned, are Arabic and Chinese. And while for Arabs the proverbial unintelligible language is Hindi, for Chinese it’s the language of Heaven."
bush-map.gif (GIF Image, 1500x818 pixels)
http://www.theatlantic.com/images/issues/200901/bush-map.gif
design img
africa_in_perspective_map.jpg 604×786 pixels
http://strangemaps.files.wordpress.com/2006/11/africa_in_perspective_map.jpg
Africa is larger than china, argentina, us, india and western europe together.
JDMP » Java Data Mining Package » About
http://www.jdmp.org/
The Java Data Mining Package (JDMP) is an open source Java library for data analysis and machine learning. It facilitates the access to data sources and machine learning algorithms (e.g. clustering, regression, classification, graphical models, optimization) and provides visualization modules. It includes a matrix library for storing and processing any kind of data, with the ability to handle very large matrices even when they do not fit into memory. Import and export interfaces are provided for JDBC data bases, TXT, CSV, Excel, Matlab, Latex, MTX, HTML, WAV, BMP and other file formats. JDMP provides a number of algorithms and tools, but also interfaces to other machine learning and data mining packages (Weka, LibSVM, Mallet, Lucene, Octave).
Data mining and visualisation tool that connects to a number of data sources (including Matlab and Weka)
datamining
LGPL 3
Musicthatmakesyoudumb
http://musicthatmakesyoudumb.virgil.gr/
LOL
Average SAT (with standard error) for the 133 most popular entries for "favorite music" on facebook. The vertical axis doesn't mean anything.
counting crows? really?
GOOD 014 State of the Planet - Who's Going Where?
http://awesome.goodmagazine.com/transparency/014/014-buying-whos-buying-what.html
Vistazo a donde las personas alrededor del mundo estan direccionando algo de su poder de compra
Who is buying what.
Shows average yearly expenditures per citizen by type of item (5 categories) around the world.
Periodic Table of Typefaces
http://www.squidspot.com/Periodic_Table_of_Typefaces/Periodic_Table_of_Typefaces_large.jpg
World Builder on Vimeo
http://vimeo.com/3365942
nice short film, holographic thingy
What does one TRILLION dollars look like?
http://www.pagetutor.com/trillion/index.html
fun
Media Cloud
http://www.mediacloud.org/
Media Cloud is a system that lets you see the flow of the media. The Internet is fundamentally altering the way that news is produced and distributed, but there are few comprehensive approaches to understanding the nature of these changes. Media Cloud automatically builds an archive of news stories and blog posts from the web, applies language processing, and gives you ways to analyze and visualize the data. The system is still in early development, but we invite you to explore our current data and suggest research ideas. This is an open-source project, and we will be releasing all of the code soon. You can read more background on the project or just get started below.
Harvard's Berkman Center announces Media Could: "Media Cloud is a system that lets you see the flow of the media. The Internet is fundamentally altering the way that news is produced and distributed, but there are few comprehensive approaches to understanding the nature of these changes. Media Cloud automatically builds an archive of news stories and blog posts from the web, applies language processing, and gives you ways to analyze and visualize the data. The system is still in early development, but we invite you to explore our current data and suggest research ideas. This is an open-source project, and we will be releasing all of the code soon. You can read more background on the project or just get started below."
Media Cloud is a system that lets you see the flow of the media. The Internet is fundamentally altering the way that news is produced and distributed, but there are few comprehensive approaches to understanding the nature of these changes. Media Cloud automatically builds an archive of news stories and blog posts from the web, applies language processing, and gives you ways to analyze and visualize the data.
27 Visualizations and Infographics to Understand the Financial Crisis | FlowingData
http://flowingdata.com/2009/03/13/27-visualizations-and-infographics-to-understand-the-financial-crisis/
to understand the financial world crisis
Periodic Table of Typefaces on the Behance Network
http://www.behance.net/Gallery/Periodic-Table-of-Typefaces/193759
Flickr Clock
http://flickr.com/explore/clock
Flickr is almost certainly the best online photo management and sharing application in the world. Show off your favorite photos and videos to the world, securely and privately show content to your friends and family, or blog the photos and videos you take with a cameraphone.
Flickr Clock
An experimental Flickr timeline showing recent videos.
Data Store: Facts you can use | Data Store | guardian.co.uk
http://www.guardian.co.uk/data-store
The data store for the guardian newspaper
datasets
SXSW 2009 Twitter Visualizer
http://pepsicozeitgeist.com/
ing
A Twitter-based project that takes the pulse of SXSWi 2009
6 Unique Twitter Visualizations
http://mashable.com/2009/03/16/twitter-visualizations/
Twitter Visualizations
In search of the click track « Music Machinery
http://musicmachinery.com/2009/03/02/in-search-of-the-click-track/
Can Rhythmic Analysis Demonstrate the Use of Robotic Beats?
I’ve always been curious about which drummers use a click track and which don’t, so I thought it might be fun to try to build a click track detector using the Echo Nest remix SDK ( remix is a Python library that allows you to analyze and manipulate music). In my first attempt, I used remix to analyze a track and then I just printed out the duration of each beat in a song and used gnuplot to plot the data. The results weren’t so good - the plot was rather noisy. It turns out there’s quite a bit of variation from beat to beat. In my second attempt I averaged the beat durations over a short window, and the resulting plot was quite good.
Chrome Experiments - Home
http://www.chromeexperiments.com/
We think JavaScript is awesome. We also think browsers are awesome. Indeed, when we talk about them, we say they are the cat's meow – which is an American expression meaning AWESOME. In light of these deeply held beliefs, we created this site to showcase cool experiments for both JavaScript and web browsers. These experiments were created by designers and programmers from around the world. Their work is making the web faster, more fun, and more open – the same spirit in which we built Google Chrome. Naturally, if you've made something fun and fast with JavaScript, please send it in. We can't post everything, but we'd love to see it. Thanks for visiting, and happy experimenting.
Google/Google Chrome推奨、canvas、ショーケース/ゲーム/投稿/デモ、物理演算/3D
JSでゴニョゴニョ。
javascriptでいろいろできる例
5 Javascript Chart Alternatives | Steve Reynolds Blog
http://www.reynoldsftw.com/2009/03/javascript-chart-alternatives/
Last week I did a review of 6 jQuery plugins that were great for implementing charts. Since then, I’ve had the opportunity to work with a couple more alternatives that are outside of the jQuery realm, and arguably look like they could be real contenders for removing Flash’s dominance in this area, so let’s check them out:
The Sound Advice Project
http://www.thesoundadviceproject.com/
Ei side hvor du kan spille inn et lydsignal, og få omgjort bølgeforma fra lydsignalet til et armbånd. En fin gave fra noen som er opptatt av lyd!
Sound waves are converted into wearable bracelets
The Sound Advice Project. Don't just talk to your kids about drugs. Make sure your words stay with them.
The Sound Advice Project
Nice web2 Business
Interactive Map Showing Immigration Data Since 1880 - Interactive Graphic - NYTimes.com
http://www.nytimes.com/interactive/2009/03/10/us/20090310-immigration-explorer.html
10 Mar 09 / NYT interactive map of immigration & foreign born in US, 1880 to 2000, by time, county, group.
fine info-graphic
Interactive Map Showing Immigration Data Since 1880 - Interactive Graphic - NYTimes.com
GOOD Transparency - Walk This Way
http://awesome.goodmagazine.com/transparency/web/trans0309walkthisway.html
Visualized on GOOD Mag (via Karl Long)
YvoSchaap.com - TwitterThoughts...
http://yvoschaap.com/twitterthoughts/
a twitter thingy thing. Visualizing stuff in twitter.
advanced tool and mashup that visually graphs Twitter trends based on a variety of factors, such as number of tweets and followed total. It takes its information from a sample subset of Twitter accounts. The data can be complicated to work with, but it is a unique way to visualize data on Twitter.
visualization of twitter public time with google visualization API
mapping twitter thoughts similar to the I feel fine concept
Interactive map of Linux kernel
http://www.makelinux.net/kernel_map_intro
Social Collider: ready to collide
http://socialcollider.net/
The Social Collider reveals cross-connections between conversations on Twitter.
Social Collider
A graphing application created by Karsten Schmidt and Sasha Pohflepp that charts conversations on Twitter in a manner inspired by particles in an atomic collider.
Top Twitter Friends
http://twitter.mailana.com/
Cool Twitter visualization tool.
RT @TomChapman: Fantastic Twitter social graph tool from @PeteWarden aka Mailana http://twitter.mailana.com
Pearl Jam Ten Game
http://www.pearljamtengame.com/
This can't be as hard as I'm making it.
Solve the Pearl Jam Ten Game puzzle to preview Pearl Jam music from the Pearl Jam 10 reissue.
Timetric: making sense of statistics
http://timetric.com/
Timetric's here to help you make sense of data. It focuses on time series analysis: graphing, tracking and comparing the movements of data over time. It creates tools to make it easy to build models on top of time series — updated whenever the data they're based on is updated — as it is to use a spreadsheet. You can use data in the program or upload your own.
Radiology Art
http://www.radiologyart.com/
by artist and medical student Satre Stuelke
Bad News for Newspapers - Interactive Graphic - NYTimes.com
http://www.nytimes.com/interactive/2009/03/12/business/20090312-papers-graphic.html
a major American city could be left without a daily paper
Heavy debt has dragged several newspaper companies into bankruptcy. The industry’s dwindling revenues have forced some money-losing papers to close, and papers that are for sale are having trouble finding buyers. Experts say that before long, a major American city could be left without a daily paper. (Related Article: http://www.nytimes.com/2009/03/12/business/media/12papers.html)
CS171
http://www.seas.harvard.edu/courses/cs171/
Information visualization course
Wikirank
http://wikirank.com/en
what's popular on Wikipedia
What is popular on Wikipedia?
Slagsmålsklubben - Sponsored by destiny on Vimeo
http://www.vimeo.com/3514904
Great "infographic" version of the fairytale. So many neat little touches.
School assignment to reinterpret the fairytale Little red ridning hood. Inspired by Röyksopps Remind me. Music: Slagsmålsklubben, Sponsored by destiny www.smk.just.nu Animation: Tomas Nilsson www.tomas-nilsson.se
Little Red Riding Hood.
Little red riding hood re-interpretation with infographics
Awesome Infographics Interpretation of Little Red Riding Hood. Just wonderful.
Data Visualization Is Reinventing Online Storytelling - Advertising Age - DigitalNext
http://adage.com/digitalnext/post.php?article_id=135313
Data Visualization
Today's consumer seems to have an insatiable appetite for information, but until recently making sense of all of that raw data was too daunting for most. Enter the new "visual scientists" who are turning bits and bytes of data -- once purely the domain of mathematicians and coders -- into stories for our digital age.
A nice round up of teh ideas and some great examples
Advertising Age - DigitalNext
Bicycle Built for Two Thousand
http://www.bicyclebuiltfortwothousand.com/
Really cool, but undeniably creepy at the same time... >>Bicycle Built For 2,000 is comprised of 2,088 voice recordings collected via Amazon's Mechanical Turk web service. Workers were prompted to listen to a short sound clip, then record themselves imitating what they heard.<<
'over 2000 voices recorded via the Internet, assembled to sing Daisy Bell'
כמה שזה יפה, אלוהים
Very cool experiment involving the song "Daisy Bell", Amazon's Mechanical Turk, and 2000 human voices.
over 2.000 human voices recorded via the internet, assembled to sing Daisy Bell.
The Long Tail - Wired Blogs
http://www.longtail.com/the_long_tail/2009/03/terrific-survey-of-free-business-models-online.html
From Box UK, a survey of business models used by the top Web apps, most of them variations of ad-supported Free and Freemium. In the chart below, the largest segment (ITA) is ad-supported, the second largest (ISV) is Freemium. After that is referral (ITR) and then the sale of virtual goods (IPV), such as the gifts in Facebook.
A public diary on themes around my books
check out link to top 100 web apps
Terrific survey of free business models online
Longest common subsequence
http://wordaligned.org/articles/longest-common-subsequence
Starting with a list of runners ordered by finishing time, select a sublist of runners who are getting younger. What is the longest such sublist?
Longest common subsequence
Taking a brief step back, this article is the third of a series. In the first episode we posed a puzzle: Starting with a list of runners ordered by finishing time, select a sublist of runners who are getting younger. What is the longest such sublist? In the second episode we coded up a brute force solution which searched all possible sublists to find an optimal solution. Although the code was simple and succinct, its exponential complexity made it unsuitable for practical use. In this episode we’ll discuss an elegant algorithm which solves our particular problem as a special case. On the way we’ll visit dynamic programming, Python decorators, version control and genetics.
McKinsey: What Matters: Building an innovation nation
http://whatmatters.mckinseydigital.com/innovation/building-an-innovation-nation
Shows cities on a innovation scale from McKinsey. The dynamic graphic is particulary good in making a comparion between Europe and the rest of the world.
What Matters, a blog about topics of global importance, curated by McKinsey & Company and featuring essays by respected experts in a variety of disciplines, including biotechnology, climate change, credit crisis, energy, geopolitics, globalization, health care, innovation, the Internet and organization.
Economic Recovery Dashboard - Helping Advisors
http://www.russell.com/Helping-Advisors/Markets/EconomicRecoveryDashboard.asp
Economic Recovery Dashboard - Helping Advisors
To help you talk to your clients, we've identified a few key economic and market indicators to help assess the current economic health and trend.
Chart of leading and lagging economic indicators giving current numbers and historical information.
Weboword - Vocabulary Visually!
http://www.weboword.com/
interactive vocabulary-creates a sketch of the word
vocabulary words using cartoon
Data Visualization Is Reinventing Online Storytelling - Advertising Age - DigitalNext
http://adage.com/digitalnext/article?article_id=135313
Today's consumer seems to have an insatiable appetite for information, but until recently making sense of all of that raw data was too daunting for most. Enter the new "visual scientists" who are turning bits and bytes of data -- once purely the domain of mathematicians and coders -- into stories for our digital age.
Short blog post offers several different examples, not all from news organizations.
The Geography of a Recession - Interactive Graphic - NYTimes.com
http://www.nytimes.com/interactive/2009/03/03/us/20090303_LEONHARDT.html
Mrs. Tyler
unemployment map of the USA
SIMILE Widgets | Exhibit
http://simile-widgets.org/exhibit/
Exhibit lets you easily create web pages with advanced text search and filtering functionalities, with interactive maps, timelines, and other visualizations.
Exhibit lets you easily create interactive web pages with advanced text search and filtering functionalities, with interactive maps, timelines, and other visualizations...
SIMILE Widgets
http://www.simile-widgets.org/
SIMILE Widgets Free, Open-Source Data Visualization Web Widgets, and More This is an open-source “spin-off” from the Simile project at MIT. Here we offer free, open-source web widgets, mostly for data visualizations. They are maintained and improved over time by a community of open-source developers.
This is an open-source “spin-off” from the Simile project at MIT. Here we offer free, open-source web widgets, mostly for data visualizations. They are maintained and improved over time by a community of open-source developers.
Free, Open-Source Data Visualization Web Widgets, and More
Maps: Migration Flows in the United States
http://pewsocialtrends.org/maps/migration/
Mooie interactieve inforgraphic. Check de states tab: live feedback in infographic als je over een staat mouseOvert.
Flickr Photo Download: Web Trend Map 4 Final Beta
http://www.flickr.com/photos/formforce/3409362834/sizes/o/
I have no idea how to read it, but it looks interesting
AWESOME visualization of web trends
Web Trend map maps influential web domains and people onto a Tokyo Metro map
The Internet in the form of public transit
10 Useful Flash Components for Graphing Data
http://sixrevisions.com/flashactionscript/10-useful-flash-components-for-graphing-data/
In this article, you will find ten excellent Flash components that will help you in building stunningly attractive, complex, and interactive data visuals. These components will help you create an assortment of graphs and charts to aid in presenting otherwise boring and stale numerical data.
Information Architects » Blog Archive » Web Trend Map 4 - Final Beta
http://informationarchitects.jp/web-trend-map-4-final-beta/
The newest webtrends map.. great work. (kris)
The fina beta of the web trend map, a fantastic work trying to explain how the web is distributed right now
mapas de tendências estilo metrô
Protovis
http://vis.stanford.edu/protovis/
Protovis A graphical toolkit for visualization
Lifehacker - Exhibit Transforms Your Spreadsheet into an Interactive Web Page - Exhibit
http://lifehacker.com/5192486/exhibit-transforms-your-spreadsheet-into-an-interactive-web-page
Érdekes mashup. Interaktív, szűrhető, csoportosítható táblázatot készít Excel -ből, amibe képeket, térkép pontokat, stb. szerelhetünk
Turn a boring old spreadsheet into an interactive web-based map, timeline, or table with some simple HTML using the free, open source Exhibit project.
Very cool!
Turn a boring old spreadsheet into an interactive web-based map, timeline, or table with some simple HTML using the free, open source Exhibit project. Exhibit takes data sets up to about 500 rows, plots locations on a Google Map, dates on an interactive timeline, and displays images and links in a tabular or thumbnail view. The viewer can sort, search, and filter data in any Exhibit view without reloading the page. You can make Exhibit do all this with a single HTML file and a spreadsheet–no hardcore programming required
Zoomorama - Tech Crunch Web Trends
http://www.zoomorama.com/2477f0e8b447bb6570493cdac464c41f
Express Yourself in Pictures. Create, share, and zoom in complete freedom.
les 333 sites les plus influents....
Twitter Analytics for "Analytics": Juice Analytics
http://www.juiceanalytics.com/writing/twitter-analytics-analytics/
Excellent discussion on what is interesting in analytics.
Twitter’s wild popularity hasn’t obscured the fact that the service needs to eventually make money. The concept of “Twitter analytics” as a revenue stream has come up often enough to make my ears itch and my nose burn.
TwitThis&#39;); //--> Twitter&#8217;s wild popularity hasn&#8217;t obscured the fact that the service needs to eventually make money. The concept of &#8220;Twitter analytics&#8221; as a revenue stream has come up often ...
Despite all the activity, I haven’t yet seen a solution that offers the kind of valuable analytics that a company could use to understand the Twitter conversation relevant to their business. The applications above are either focused on the measurement of individual Twitter users or offer a high-level tracking of words and phases in the general conversation. They treat tweets as transactions — How many? How valuable? Who’s listening? Who’s responding?
moritz.stefaner.eu - Elastic Lists - NYT
http://moritz.stefaner.eu/projects/elastic-lists/NYT/
gauge.js (javascript programmable gauge)
http://www.netzgesta.de/gauge/
Sorting Algorithm Animations
http://www.sorting-algorithms.com/
クラスタリングの定番アルゴリズム「K-means法」をビジュアライズしてみた - てっく煮ブログ
http://d.hatena.ne.jp/nitoyon/20090409/kmeans_visualise
おもしろい
1. 各点にランダムにクラスタを割り当てる 2. クラスタの重心を計算する。 3. 点のクラスタを、一番近い重心のクラスタに変更する 4. 変化がなければ終了。変化がある限りは 2. に戻る。
-means 法(K平均法)
1. 各点にランダムにクラスタを割り当てる 2. クラスタの重心を計算する。 3. 点のクラスタを、一番近い重心のクラスタに変更する 4. 変化がなければ終了。変化がある
Deflation - The Opposite of Inflation. How It Can Grind the Economy to a Halt | Mint.com Blog | Personal Finance News & Advice
http://www.mint.com/blog/finance-core/a-visual-guide-to-deflation/
economia
visual guide
Evolution of Office Spaces Reflects Changing Attitudes Toward Work
http://www.wired.com/culture/design/magazine/17-04/pl_design
Changing attitudes towards work.
v swissmiss
hatful of hollow - Visualising Sorting Algorithms
http://www.hatfulofhollow.com/posts/code/visualisingsorting/index.html
via the cairo graphics lib, see cairographics.org
Cool, visual, way of showing sorting algoriothmsw
Static images of sorting algorithms, pretty neat!
"This whole thing started partly as an excuse to get familiar with the Cairo graphics library. It produces beautiful, clean images, and appears to be both portable and well designed. It also comes with a set of Python bindings that are maintained as part of the project itself - a big plus in my books. Firefox 3 will use Cairo as its standard rendering back end, which will instantly make it one of the most widely used vector graphics libraries out there. "
I dislike animated sorting algorithm visualisations - there's too much of an air of hocus-pocus about them. Something impressive and complicated happens on screen, but more often than not the audience is left mystified. I think their creators must also know that they have precious little explanatory value, because the better ones are sexed up with play-by-play doodles, added, one feels, as an apologetic afterthought by some particularly dorky sportscaster. Nevertheless I've been unable to find a single attempt to visualise a sorting algorithm statically (if you know of any, please drop me a line). So, presented below are the results of a pleasant evening with some nice Scotch and the third volume of Knuth. First, here's a taster - a static visualisation of heapsort: Heapsort I think these simple static visualisations are much clearer than most animated attempts - and they have the added benefit of also being, to my not entirely unbiased eye, rather beautiful.
I think these simple static visualisations are much clearer than most animated attempts - and they have the added benefit of also being, to my not entirely unbiased eye, rather beautiful.
Mailund on the Internet » Blog Archive » Simple data analysis in R
http://www.mailund.dk/index.php/2009/04/10/simple-data-analysis-in-r/
http://stats.oecd.org/OECDregionalstatistics/
http://stats.oecd.org/OECDregionalstatistics/
takes time to load.... but versatile views
click and roll over for pop stats of any region in the world
International comparisons of economies and societies tend to be undertaken at the country level; statistics refer to gross national product, for example, while health and education levels tend similarly to be measured and debated in national terms. However, economic performance and social indicators can vary within countries every bit as much as they do between countries. Understanding the differences and similarities in regional economic structures is essential for designing effective strategies which improve regional competitiveness and in turn increase sustainable national growth. Regions in OECD countries are classified on two territorial levels to facilitate greater comparability of regions at the same territorial level. The higher level (TL2) consists of 335 large regions. All the regions are defined within national borders and in most of the cases correspond to administrative regions.
Data Visualizations: 5 Beautiful Social Media Videos
http://mashable.com/2009/04/14/data-visualizations-social-media/
Data visualizations are a wonderful way to display the interactions between large groups of people within a network. Virtual places like Twitter, Facebook, or Flickr can be easier understood when you see a visual representation of their inner workings. We’ve chosen five fresh videos that visualize various social media ecosystems.
Visualizing social media in very interesting ways
WallStatsDATlarge.jpg (JPEG Image, 3500x2334 pixels)
http://www.wallstats.com/blog/wp-content/uploads/WallStatsDATlarge.jpg
cool visual on where tax dollars are spent
wallstatsdatlarge.jpg (JPEG Image, 3500x2334 pixels) - Scaled (36%)
http://img297.imageshack.us/img297/5927/wallstatsdatlarge.jpg
A Visual Guide to Where Your Tax Dollars Go Interesting, detailed poster. Obama's budget requests.
An interactive map of vanishing employment across the country. - By Chris Wilson - Slate Magazine
http://slate.com/id/2216238/
Clickable interactive map of Job gain and job loss across US across time.
By Chris Wilson (Slate Magazine): if you're morbidly interested, click-through; if you're the kind of person that cringes when you watch eye-ball surgery on the Health Channel... Well, maybe I can find a link to icanhazcheezburger around here somewhere...
Infinite Photograph -- As Seen On Earth -- The Green Guide
http://www.thegreenguide.com/infinite-photograph
** Posted using Viigo: Mobile RSS, Sports, Current Events and more **
Herman Miller
http://demos.freedomandpartners.com/thoughtpile/
a crowd sourcing site, in beta, which aims to answer tricky and interesting questions, so getting a feel for the view of the crowd. useful thing to try and do, very odd site design, unfriendly and unclear but arty!! not tried it but watch this space....
navigationing!
Herman Millers ThoughtPile application, bundling user generated ideas on new topics every day.
26051202.jpg (JPEG Image, 2282x1397 pixels)
http://www.newscientist.com/data/images/archive/2605/26051202.jpg
Info-graphic: consumption of key resources, estimated number of years before exhaustion. Many between 5 and 40 years.
50 great examples of infographics - FrancescoMugnai.com
http://blogof.francescomugnai.com/2009/04/50-great-examples-of-infographics/
Infográfico
Bem interessante.
The Omni Group - OmniGraphSketcher
http://www.omnigroup.com/applications/omnigraphsketcher/
Macintosh application for creating quantitive graphs of data.
Great looking graphing app from Omni - handy for all those 'management graphs' needed in presentations.
Graph Sketcher is now OmniGraphSketcher. A simple and easy to use graphing package.
Visual Representation of Tabular Information - How to Fix the Uncommunicative Table | FlowingData
http://flowingdata.com/2009/04/21/visual-representation-of-tabular-information-how-to-fix-the-uncommunicative-table/
table data visualisating
Triptrop NYC: extraordinarily pretty subway maps from anywhere to everywhere in new york city
http://www.triptropnyc.com/
oh my goodness whoever made this must certainly be good at making things wink nudge
tomc: "Pre computed isochrones for 128k start points. Brute force wins."
redhat.com | Open Source World Map
http://www.redhat.com/about/where-is-open-source/activity/
A nice idea for the map section
Mike Arauz | Blog: Spectrum of Online Friendship
http://www.mikearauz.com/2009/04/spectrum-of-online-friendship.html
"Online friendship is better described along a spectrum defined by the actions people take and how we feel about them."
Spectrum of Online Friendship
Processing.js
http://processingjs.org/
Processing.js is an open programming language for people who want to program images, animation, and interactions for the web without using Flash or Java applets. Processing.js uses Javascript to draw shapes and manipulate images on the HTML5 Canvas element.
Processing library ported to JavaScript
newsmap
http://newsmap.jp/
collective screen of various news feeds
25 great free resources for making charts - FrancescoMugnai.com
http://blogof.francescomugnai.com/2009/04/25-great-free-resources-for-making-charts/
Here you have a new roundup about a bunch of great tools for making charts and graphs. You can choose between web generators, flash, javascript libraries, Silverlight or PHP classes. At the end of the post you find also 3 tutorials to make pure css bar graphs and another one for Adobe Illustrator. JS Charts (JavaScript based chart generator)
Periodic_Table_of_Typefaces_large.jpg (JPEG Image, 3150x2100 pixels)
http://cache.gizmodo.com/assets/kindle2/Periodic_Table_of_Typefaces_large.jpg
http://cache.gizmodo.com/assets/kindle2/Periodic_Table_of_Typefaces_large.jpg
Demo: Stunning data visualization | Video on TED.com
http://www.ted.com/index.php/talks/joann_kuchera_morin_tours_the_allosphere.html
About this talk JoAnn Kuchera-Morin demos the AlloSphere, a new way to see, hear and interpret scientific data. Dive into the brain, feel electron spin, hear the music of the elements ... and detect previously unseen patterns that could lead to new discoveries. About JoAnn Kuchera-Morin Composer JoAnn Kuchera-Morin is the director of the Center for Research in Electronic Art Technology (CREATE) at UC Santa Barbara. Full bio and more links
JoAnn Kuchera-Morin demos the AlloSphere, a new way to see, hear and interpret scientific data. Dive into the brain, feel electron spin, hear the music of the elements ... and detect previously unseen patterns that could lead to new discoveries.
JoAnn Kucnera-Morin: Tour the AlloSphere, a stunning way to see scientific data
SpaceSniffer
http://www.uderzo.it/main_products/space_sniffer/index.html
Very cool util for Windows File
SpaceSniffer is a tool application that gives you an idea of how folders and files are structured on your disks. By using a Treemap visualization layout, you have immediate perception of where big folders and files are situated on your devices. Treemap concept was invented by Prof. Ben Shneiderman, who kindly permitted the use of his concept into this tool.
Twitter Analyzer
http://twitteranalyzer.com/Default.aspx
Twitterのユーザー解析が出来るTwitter analyzer
H1N1 Swine Flu - Google Maps
http://maps.google.com/maps/ms?ie=UTF8&hl=en&t=p&msa=0&msid=106484775090296685271.0004681a37b713f6b5950&ll=32.639375,-110.390625&spn=15.738151,25.488281&source=embed
H1N1 Swine flu in 2009 Pink markers are suspect Purple markers are confirmed or probable Deaths lack a dot in marker Yellow markers are negative * comes with RSS feed of updates - real time information mapping
Evolución del Virus H1N1
豚インフルの感染マップ on google map. こわすぎる!
Official Google Blog: Adding search power to public data
http://googleblog.blogspot.com/2009/04/adding-search-power-to-public-data.html
All the data we've used in this first launch are produced and published by the U.S. Bureau of Labor Statistics and the U.S. Census Bureau's Population Division. They did the hard work! We just made the data a bit easier to find and use. Since Google's acquisition of Trendalyzer two years ago, we have been working on creating a new service that make lots of data instantly available for intuitive, visual exploration.
Google launched a new search feature that makes it easy to find and compare public data. So for example, when comparing Santa Clara county data to the national unemployment rate, it becomes clear not only that Santa Clara's peak during 2002-2003 was really dramatic, but also that the recent increase is a bit more drastic than the national rate. If you go to Google.com and type in [unemployment rate] or [population] followed by a U.S. state or county, you will see the most recent estimates. Once you click the link, you'll go to an interactive chart that lets you add and remove data for different geographical areas.
http://www.google.com/publicdata?ds=usunemployment&met=unemployment_rate&idim=county:CN060850#met=unemployment_rate&idim=county:PS060900
Adding search power to public data 4/28/2009 12:17:00 PM Earthquakes are not the only thing that can shake Silicon Valley. After the dot-com bubble burst back in 2000 the unemployment rate of Santa Clara county went up to 9.1%. During the last couple of months, it has gone up again:
Google has launched a cool, if somewhat limited, new feature that makes it easier to search for and visualize statistics gleaned from public data. You can search for "unemployment rate" or "population" for any area in the United States and Google will provide you with information from the US Bureau of Labor Statistics and the Census Bureau.
"We just launched a new search feature that makes it easy to find and compare public data... If you go to Google.com and type in [unemployment rate] or [population] followed by a U.S. state or county, you will see the most recent estimates... Once you click the link, you'll go to an interactive chart that lets you add and remove data for different geographical areas."
NPR: Power Hungry: Visualizing The U.S. Electric Grid
http://www.npr.org/news/graphics/2009/apr/electric-grid/
Pretty sophisticated visualization. Lots of data, lots of layers.
Visible Tweets – Twitter Visualisations. Now with added prettiness!
http://visibletweets.com/
interesting
Chartle.net - interactive charts online!
http://www.chartle.net/
Over 1 billion charts, maps, plots and diagrams are found in print publications each year - but only 40 million online. This huge discrepancy is a reflection of the complexity to create & publish charts online. Chartle.net tears down the complexity of online visualizations - offers simplicity, ubiquity and interactivity instead.
Over 1 billion charts, maps, plots and diagrams are found in print publications each year - but only 40 million online. This huge discrepancy is a reflection of the complexity to create & publish charts online. Chartle.net tears down the complexity of online visualizations - offers simplicity, ubiquity and interactivity instead.
It’s a free, very intuitive, fast (Java-powered) website for generating embeddable graphs. All the basic types are there (line, bar, pie, etc.) along with some fun & unusual ones, like this “Google-O-Meter” (that’s what they call it!):
Descry - Lab - MIX Online
http://www.visitmix.com/Lab/Descry
mix: ways to utilize visualizations
Visualizing Bayes’ theorem | Ramblings
http://blog.oscarbonilla.com/2009/05/visualizing-bayes-theorem/
Intuitive visual explanation of Bayes' theorem using Venn diagrams
I recently came up with what I think is an intuitive way to explain Bayes’ Theorem. I searched in google for a while and could not find any article that explains it in this particular way. Of course there’s the wikipedia page, that long article by Yudkowsky, and a bunch of other explanations and tutorials. But none of them have any pictures. So without further ado, and with all the chutzpah I can gather, here goes my explanation.
Chrome Experiments - Browse - Most Recent
http://www.chromeexperiments.com/browse/
Progress: A Graphical Report on the State of the World
http://projects.flowingdata.com/state-of-the-world/index.html
Dados sobre o mundo, estatísticas interessantes.
About a year ago the United Nations announced UNdata, a way to disseminate data stretched out across 22 United Nations databases through one central application. While UNdata houses 66 million records, it's tough to get a sense of what's going on without a visual representation. Progress is an effort to make this world data visible. More than anything though, it was a chance for me to mess around with some data. TAKE A LOOK --- A Project by FlowingData
"About a year ago the United Nations announced UNdata, a way to disseminate data stretched out across 22 United Nations databases through one central application. While UNdata houses 66 million records, it's tough to get a sense of what's going on without a visual representation. Progress is an effort to make this world data visible. More than anything though, it was a chance for me to mess around with some data."
Many Eyes: Visualization Options
http://manyeyes.alphaworks.ibm.com/manyeyes/page/Visualization_Options.html
Need this for class.
FANTÁSTICO
Finding the right way view your data is as much an art as a science. The visualizations provided on Many Eyes range from the ordinary to the experimental. We're deliberately providing a wide array of possibilities since this is an experimental site...
Finding the right way view your data is as much an art as a science. The visualizations provided on Many Eyes range from the ordinary to the experimental. We're deliberately providing a wide array of possibilities since this is an experimental site—and expect to see more soon!
cool collection of visualizations
Twitnest 0.1 (by @nattster)
http://twitnest.appspot.com/nest/index.html
Very cool
Visualizing connections and relations between users in twitter. Nice relations.
Ferramenta que agrupa seus contatos e as relacoes entre eles.
37 Data-ish Blogs You Should Know About | FlowingData
http://flowingdata.com/2009/05/06/37-data-ish-blogs-you-should-know-about/
You might not know it, but there are actually a ton of data and visualization blogs out there. I'm a bit of a feed addict subscribing to just about anything with a chart or a mention of statistics on it (and naturally have to do some feed-cleaning every now and then). In a follow up to my short list last year, here are the data-ish blogs, some old and some new, that continue to post interesting stuff.
Lifehacker - Six Easy Ways to Graph Your Life - Charts
http://lifehacker.com/5242319/six-easy-ways-to-graph-your-life
Your habits, behaviors, and the things you consume every day create patterns over time that say a whole lot about you as a person. It's time to graph your life.
Internet Memes
http://www.dipity.com/tatercakes/Internet_Memes
An interactive view of the all the memes that swept across the internet and burrowed in our zeitgeist. Built from Wikipedia and Memelabs, open for you to add and maintain.
Timeline of internet memes
Dancing Baby, Susan Boyle, etc.
VocabGrabber : Thinkmap Visual Thesaurus
http://www.visualthesaurus.com/vocabgrabber/
a visual map and thesaurus
How does Vocabgrabber work? VocabGrabber analyzes any text you're interested in, generating lists of the most useful vocabulary words and showing you how those words are used in context. Just copy text from a document and paste it into the box, and then click on the "Grab Vocabulary!" button. VocabGrabber will automatically create a list of vocabulary from your text, which you can then sort, filter, and save. Select any word on the list and you'll see a snapshot of the Visual Thesaurus map and definitions for that word, along with examples of the word in your text. Click on the word map or the highlighted word in the example to see the Visual Thesaurus in action. Want to try it out? Click on one of our sample texts to fill the box and start grabbing! How can I view my vocabulary list? After you grab the vocabulary from a text, you will see a list of words and phrases in "tag cloud" view. In the default view, words in the vocab list are arranged by relevance (more on that below!). In t
Twitual
http://twitual.com/
Canvas 3d JS Library » What is C3DL?
http://www.c3dl.org/
The Canvas 3D JS Libary (C3DL) is a javascript library that will make it easier to write 3D applications using canvas 3d. It will provide a set of math, scene, and 3d object classes to make the canvas more accessible for developers that want to develop 3D content in browser but do not want to have to deal in depth with the 3D math needed to make it work. If you are viewing this page with a canvas 3d (ver. 0.4.2 or higher) enabled browser (Firefox 3.5 or higher), the scene below will be moving. If not you will see a screen shot. This scene was originally created by Jay Edry and has been adapted to work with 1.0 Release of the library. Click here to download the source and models
JS Library
すばらしい。 javascript めどいがそろそろ ....
Involution Studios • Building a Digital Concept Car
http://make.involutionstudios.com/conceptcar/
via:information Aesthetics
# Interactive HTML+JavaScript
Involution Studios
# Browser Application
i dont know if i get this entirely but its pretty to look at
Is Information Visualization the Next Frontier for Design? | Cannell | Fast Company
http://www.fastcompany.com/blog/michael-cannell/cannell/visualization-new-frontier-design
Visualization is the antithesis of Powerpoint
design work shifts to infrastructure and problem solving, sexy infographics are part of the new skill set. You've seen them. Those tag clouds in the right-hand column of Web sites with jumbled type of varying weigh
As design work shifts to infrastructure and problem solving, sexy infographics are part of the new skill set.
40 Useful and Creative Infographics
http://sixrevisions.com/graphics-design/40-useful-and-creative-infographics/
Six Revisions
Just Landed: Processing, Twitter, MetaCarta & Hidden Data | blprnt.blg
http://blog.blprnt.com/blog/blprnt/just-landed-processing-twitter-metacarta-hidden-data
Guy parses the Twitter stream with MetaCarta data services to create a Processing visualization of people's flights around the world.
drool :) "The idea is simple: Find tweets that contain this phrase, parse out the location they’d just landed in, along with the home location they list on their Twitter profile, and use this to map out travel in the Twittersphere"
Looking for ‘Just landed in…’ in public twitter streams, »BOOM!« Arcs on map!
Spezify - inspired search
http://beta.spezify.com/
Spezify is a new attempt at creating an easy-to-browse visual search engine
visual and text
Fotos e links relacionados a um tema de busca
Visual Search Engine
A Visual Guide to Inflation | Mint.com Blog | Personal Finance News & Advice
http://www.mint.com/blog/finance-core/a-visual-guide-to-inflation/
הסבר ויזאולי על אינפלציה
Live Piracy Map
http://www.icc-ccs.org/index.php?option=com_fabrik&view=visualization&controller=visualization.googlemap&Itemid=89&phpMyAdmin=F5XY3CeBeymbElbQ8jr4qlxK1J3
This map shows all the piracy and armed robbery incidents reported to the IMB Piracy Reporting Centre during 2008. If exact coordinates are not provided, estimated positions are shown based on information provided. Zoom-in and click on the pointers to view more information of an individual attack. Pointers may be superimposed on each other.
Un mapa de todos los robos a mano armada y piratería incidentes (ambos con éxito y tentativa) informó el año pasado
Mappa con i punti di attacco delle navi pirata verso imbarcazioni commerciali.
Yarrr
Axiis : Data Visualization Framework
http://www.axiis.org/
open source data visualization Axiis is an open source data visualization framework designed for beginner and expert developers alike. Whether you are building elegant charts for executive briefings or exploring the boundaries of advanced data visualization research, Axiis has something for you. Axiis provides both pre-built visualization components as well as abstract layout patterns and rendering classes that allow you to create your own unique visualizations. Axiis is built upon the Degrafa graphics framework and Adobe Flex 3.
The New York Times > Business > Image > The Road to 200 Million
http://www.nytimes.com/imagepages/2009/03/29/business/29face.graf01.ready.html
Facebook's rise to 200 million users, showing network diagrams and site expansion and use
infographic on growth of Facebook
Nice diagram from NY Times showing map of the world and changing age distribution of Facebook members over time.
Great data visualization for how the age and worldwide distribution of Facebook members has cahnged since launch in 2004
China vs United States: A Visual Comparison | Mint.com Blog | Personal Finance News & Advice
http://www.mint.com/blog/finance-core/china-vs-united-states-a-visual-comparison/
simplified the data from the CIA World Factbook
As we discussed in yesterday’s post, whether the United States and China like it or not, the economic futures of both countries are intertwined. Everyone knows that China’s got more people and that its importance as an economic superpower has escalated in recent years. What you might not understand is how the differences between our countries, in economic philosophy, in population, in geography and in how the military is built and paid for ultimately play into the entire economic relationship. For many China remains something of a mystery. In order to help compare and contrast the economic differences, we have simplified the data from the CIA World Factbook. For the exact numbers in any category, check here.
China vs United States
The Faces of Mechanical Turk - Waxy.org
http://waxy.org/2008/11/the_faces_of_mechanical_turk/
The human face of "slave" labor? in any event an amazing idea. http://adjix.com/4g2q [from http://twitter.com/DrIanFenwick/statuses/1215164589]
Actual users of Amazon's Mechanical Turk service revealed. Seems to contradict (though in a non-scientific way) the myth of the MT sweatshop. These are not third-world workers.
Axiis : Data Visualization Framework
http://www.axiis.org/examples.html
우아한 차트를 만들어주는 프레임웍이란다
Here & There — a horizonless projection in Manhattan
http://schulzeandwebb.com/hat/
These maps of Manhattan look uptown from 3rd and 7th, and downtown from 3rd and 35th
Here & There is a project by S&W exploring speculative projections of dense cities. These maps of Manhattan look uptown from 3rd and 7th, and downtown from 3rd and 35th. They're intended to be seen at those same places, putting the viewer simultaneously above the city and in it where she stands, both looking down and looking forward.
A horizonless projection of Manhattan, where the whole city is visible recurring to an artificial rounding of the horizon line.
Speculative projections for dense cities
Music Artist Cloud for coldplay
http://camaris.no-ip.com:3546/artistcloud/artist/default
Find music bands similar to coldplay including youtube music videos with this mashup by visualizing music band tag clouds.
Find an artist, and in its cloud, find similar artists
grammy awardrtist winning a
If you're looking for some new tunes, Music Artist Cloud creates recommendation clouds of new artists based on the music you already enjoy.
The Three Sexy Skills of Data Geeks : Dataspora Blog
http://dataspora.com/blog/sexy-data-geeks/
istograms, where labels and colors are minimally set by default. Their goal is to help develop a hypothesis about the data, and their audience typically numbers one or a small team. A second kind of data visualization are those intended to communicate to a wider audience, whose goal is to visually advocate for a hypothesis. While most d
The sexy job in the next ten years will be statisticians… The ability to take data—to be able to understand it, to process it, to extract value from it, to visualize it, to communicate it—that’s going to be a hugely important skill.
parsing, and proofing one’s data before it’s suitable for analysis. Real world data is messy. At best it’s inconsistently delimited or packed into an unnecessarily complex XML s
The Geography of Jobs - TIP Strategies
http://tipstrategies.com/archive/geography-of-jobs/
Animated map: net change in job numbers of the 100 largest metro areas from Jan 2004-Mar 2009. Data from the U.S. Bureau of Labor Statistics.
Demographics
RT @ritubpant: The Geography of Jobs (Interactive Map) http://tr.im/jZRA Pls RT (via @zaibatsu) [from http://twitter.com/peterto/statuses/1647222071]
Square root of x divided by zero: The speed, size and dependability of programming languages
http://gmarceau.qc.ca/blog/2009/05/speed-size-and-dependability-of.html
mmmmmm
Interesting graphs of languages lining up code size with speed. Use at your own risk.
Planet
50 Great Examples of Data Visualization | Webdesigner Depot
http://www.webdesignerdepot.com/2009/06/50-great-examples-of-data-visualization/
Kevin: As the post says: "50 of the best data visualizations and tools for creating your own visualizations out there, covering everything from Digg activity to network connectivity to what’s currently happening on Twitter."
Haven't gone through these yet. Found link via DIGG InfoVis
Data visualization
GOOD Transparencies Archive - a set on Flickr
http://www.flickr.com/photos/goodmagazine/sets/72157618896371005/
really amazing and beautiful charts and data visuality from GOOD magazine.
GOOD Magaine infographics inspiration
ImageChef - Word Mosaic
http://www.imagechef.com/ic/word_mosaic/
Word Mosaic
this will be good for my students!
Write a comment or poem in the shape of hearts or other symbols. Send a greeting or post to MySpace or your blog.
Create Images from Words
GOOD Transparencies Archive - a set on Flickr
http://www.flickr.com/photos/goodmagazine/sets/72157618896371005/detail/
Flickr est certainement la meilleure application de gestion et de partage de photos en ligne au monde. Montrez vos photos et vos vidéos préférées au monde entier. Montrez, en toute sécurité et en toute confidentialité, vos photos et vos vidéos à vos amis et à votre famille. Et mettez les photos et les vidéos prises avec votre téléphone portable sur un blog.
GOOD Transparencies Archive
Infographics - I'm a sucker for infographics
Des transparents, comme à l'époque de l'école primaire.
Flickr Photo Download: Preview: The Twitterverse v0.9 by @BrianSolis & @Jess3
http://www.flickr.com/photos/briansolis/3570379944/sizes/o/
Twitter und verwandte Applikationen in Relation
See also: http://www.micropersuasion.com/2009/06/what-is-the-the-future-of-twitter-only-you-know.html
Jude Gomila: Mapping Out Your Web Startup
http://www.judegomila.com/2009/05/mapping-out-your-web-startup.html
Interesting look at the different elements of a web startup.
Speedtile - your bookmarks!
http://www.speedtile.net/
Introducing a new way to ease your browsing experience, take a couple of minutes to discover why you need Speedtile. currently tiling... Think about your favourite websites and all the backroads you use just to access them. Wouldn't it be an advantage if your homepage has them all categorized just the way you like it? Speedtile keeps track of your favourite websites. Save and organize your bookmarks in a clear and visual environment, always up to date with daily snapshots. And there is more too! Sort your personal tiles by most frequently used, recently visited or just drag and drop them as you see fit! Use tabs to categorize or tags to organize your bookmarks. Or take it just another step further by enabling sharing, so you can share your favourite websites with your friends. Speed up and revalue your everyday surfing experience with this easy to use tool. No matter where you are, what type of computer you are using… Speedtile redefines the 'home' in your homepage. By the way, di
speedtile.net bookmarks yourbookmarks
Mozilla Re-Mix: オンラインでスピードダイヤルライクな機能を利用できるFirefoxアドオン「Speedtile」 http://mozilla-remix.seesaa.net/article/119870739.html
RoamBi - Your Data, iPhone-Style
http://www.roambi.com/
sweet iphone/touch app!
upload your data and turn them into interactive visualizations for the iPhone
OOOii [OPEN INTERFACE] | Designers of the Live Environment
http://www.ooo-ii.com/
The LIVE ENVIRONMENT is our response to a paradigm shift that is expanding the role of the creative desinger to explore and embrace new interaction models as the primary driving force in realizing the mutualism of consumer and content. This reengineering towards natural experience in an immersive venue is transforming the industry in ways that many are calling a revolution in visual communication.
JavaScript InfoVis Toolkit - Interactive Data Visualizations for the Web
http://thejit.org/
Java scrippting
GG
kind of flare for js: impressive!
JavaScript Information Visualization Toolkit, Meaningful Visualizations
kmlfactbook.org
http://www.kmlfactbook.org/
kmlfactbook.org can use either Google Maps or the Google Earth browser plugin to preview the KML files that you create. To switch between the two modes press the 2D Map and 3D Map buttons to the right in the screen.
kmlfactbook.org allows you to create Google Earth KML visualizations from your own global data-sets.
Demographic 3D mapping
Great facts for many subjects
A site that combines statistical data with a Google Map.
Google's Wonder Wheel Experiment, and More
http://blogoscoped.com/archive/2009-03-24-n84.html
New search options for Google
Búsquedas refinadas en versión beta
Taking a New Look at Health : GE
http://www.ge.com/visualization/health_visualizer/
java visualizer, cool information graphics
really nice website that makes numbers and stats clear to see
Fun With Canvas: Create a jQuery Graph Plugin - Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/fun-with-canvas-create-a-jquery-graph-plugin/
http://net.tutsplus.com/tutorials/javascript-ajax/fun-with-canvas-create-a-jquery-graph-plugin/ net.tutsplus.com/tutorials CreateajQueryGraphPlugin
Create a jQuery Graph Plugin
Today, we are going to create a bar graphing plugin. Not an ordinary plugin, mind you. We'll show some jQuery love to the canvas element to create a very robust plugin.
Patrick Collison » blog » Hacking for fun and profit with Mathematica and the Google Analytics API
http://collison.ie/blog/2009/04/hacking-for-fun-and-profit-with-mathematica-and-the-google-analytics-api
http://collison.ie/blog/2009/04/hacking-for-fun-and-profit-with-mathematica-and-the-google-analytics-api Hackingforfunandprofit
Hal Varian on how the Web challenges managers - The McKinsey Quarterly - Hal Varian web challenge managers - Strategy - Innovation
http://www.mckinseyquarterly.com/Hal_Varian_on_how_the_Web_challenges_managers_2286
Hal Varian on how the Web challenges managers
I keep saying the sexy job in the next ten years will be statisticians. People think I’m joking, but who would’ve guessed that computer engineers would’ve been the sexy job of the 1990s? The ability to take data—to be able to understand it, to process it, to extract value from it, to visualize it, to communicate it—that’s going to be a hugely important skill in the next decades, not only at the professional level but even at the educational level for elementary school kids, for high school kids, for college kids. Because now we really do have essentially free and ubiquitous data. So the complimentary scarce factor is the ability to understand that data and extract value from it.
Data Evolution
http://dataspora.com/blog/
ittle to do with their lascivious leanings (ahem, BedPost), and more with the scarcity of their skills. I believe that the folks to whom Hal Varian is referring are not statisticians in the narrow sense, but rather people who possess skills in three key, yet independent areas: statistics, data munging, and data visualization. (In parentheses next to each, I’ve put the salient character trait needed to acquire it).
sdfsgasdg
Processing.js
http://processingjs.org/exhibition
a port of the Processing Visualization Language
Processing.js is an open programming language for people who want to program images, animation, and interactions for the web without using Flash or Java applets. Processing.js uses Javascript to draw shapes and manipulate images on the HTML5 Canvas element.
AppleInsider | Apple stuns WWDC crowd with pulsating App Store hyperwall
http://www.appleinsider.com/articles/09/06/09/apple_stuns_wwdc_crowd_with_pulsating_app_store_hyperwall.html
Not really a webdesign item, but a stunning design effort nonetheless.
Quartz Composer + OpenCL
Largest Bankruptcies
http://awesome.goodmagazine.com/transparency/web/0906/trans0609largestbankruptcies.html
Eric Blue’s Blog » Blog Archive » 15 Effective Tools for Visual Knowledge Management
http://eric-blue.com/2009/05/10/15-effective-tools-for-visual-knowledge-management/
Google News Timeline
http://newstimeline.googlelabs.com/
Here is an early intro to a cool tool that will show you what is in the news on a timeline basis
can put in specific dates; timeline search for swineflu ..visual search
Google Fusion Tables (Pre-Alpha)
http://tables.googlelabs.com/Home
Fusion Tables é uma plataforma online com nova tecnologia que uniformiza diversos tipos de dados e promete economia às empresas.
Internet Mapping Project
http://www.kk.org/internet-mapping/
:)
http://www.kk.org/internet-mapping/ internet 6 mapa 4 internetmapa .kk.org/internet-mapping
Percepción de una gran cantidad de usuarios de la estructura de Internet
Mobile phones: Sensors and sensitivity | The Economist
http://www.economist.com/science/tq/displaystory.cfm?story_id=13725679
buéno
2009-06-04 IF YOUR mobile phone could talk, it could reveal a great deal. Obviously it would know many of your innermost secrets, being privy to your calls and text messages, and possibly your e-mail and diary, too. It also knows where you have been, how you get to work, where you like to go for lunch, what time you got home, and where you like to go at the weekend. Now imagine being able to aggregate this sort of information from large numbers of phones. It would be possible to determine and analyse how people move around cities, how social groups interact, how quickly traffic is moving and even how diseases might spread. The world’s 4 billion mobile phones could be turned into sensors on a global data-collection network.
"Data collection: Mobile phones provide new ways to gather information, both manually and automatically, over wide areas."
"As a first step, Sense plans to collect positional information from a control group of infected patients being treated at Helen Joseph Hospital in Johannesburg who would have to volunteer to participate in the scheme. Dr Pentland and his colleagues will then be able to determine which neighbourhoods these patients frequent, and their commuting patterns between them. They hope this will then enable them to work out the characteristics of typical TB patients, so that they can then spot potentially infected people in the wider population. How public-health officials will use this information has yet to be decided: people who are thought to be infected could be contacted by text message and asked to visit a doctor, for example."
"Sense plans to collect positional information from a control group of infected patients. [They] will then be able to determine which neighbourhoods these patients frequent, and their commuting patterns between them. They hope this will then enable them to work out the characteristics of typical TB patients, so that they can then spot potentially infected people in the wider population."
Data collection: Mobile phones provide new ways to gather information, both manually and automatically, over wide areas
F YOUR mobile phone could talk, it could reveal a great deal. Obviously it would know many of your innermost secrets, being privy to your calls and text messages, and possibly your e-mail and diary, too. It also knows where you have been, how you get to work, where you like to go for lunch, what time you got home, and where you like to go at the weekend. Now imagine being able to aggregate this sort of information from large numbers of phones. It would be possible to determine and analyse how people move around cities, how social groups interact, how quickly traffic is moving and even how diseases might spread. The world’s 4 billion mobile phones could be turned into sensors on a global data-collection network.
Official Google Research Blog: Google Fusion Tables
http://googleresearch.blogspot.com/2009/06/google-fusion-tables.html
Database systems are notorious for being hard to use. It is even more difficult to integrate data from multiple sources and collaborate on large data sets with people outside your organization. Without an easy way to offer all the collaborators access to the same server, data sets get copied, emailed and ftp'd--resulting in multiple versions that get out of sync very quickly. Today we're introducing Google Fusion Tables on Labs, an experimental system for data management in the cloud. It draws on the expertise of folks within Google Research who have been studying collaboration, data integration, and user requirements from a variety of domains. Fusion Tables is not a traditional database system focusing on complicated SQL queries and transaction processing. Instead, the focus is on fusing data management and collaboration: merging multiple data sources, discussion of the data, querying, visualization, and Web publishing. We plan to iteratively add new features to the systems as we
Spezify
http://spezify.com/
Novel search engine that depicts search results as blocks of text and images.
enter your search term ...get a page of quotes and photos and links...visually appealing
A new visual search engine is making the rounds...
When too cool becomes useless. Results are returned in the form of a collage. The cool factor gets in the way of trying to review the results.
InfoGraphic Designs: Overview, Examples and Best Practices | Showcases | instantShift
http://www.instantshift.com/2009/06/07/infographic-designs-overview-examples-and-best-practices/
Information graphics or infographics are visual representations of information, data or knowledge. These graphics are used where complex information needs to be , Daily Resource for Web Designers and Developers.
Best practices for designing infographics followed by some examples which might help you learn a thing or two.
Andres Ross from InstantShift.com has written an article about information graphics entitled: InfoGraphic Designs: Overview, Examples and Best Practices. He starts with answering the questions “What is InfoGraphics” and “Why using InfoGraphics”. Then goes on with to telling a bit about its history and the different types that can be distinguished.
Profiling Ruby With Google’s Perftools - igvita.com
http://www.igvita.com/2009/06/13/profiling-ruby-with-googles-perftools/
How to make a Mind Map
http://www.mind-mapping.co.uk/make-mind-map.htm
The 'Laws of Mind Mapping' were originally devised by Tony Buzan when he codified the use of imagery, colour and association and coined the phrase 'Mind Mapping'. In the intervening 30 plus years, there have been many variations on the original 'Mind Map® ' and the widespread usage of mapping software of various sorts, has dramatically changed what is possible. The summary below is based on Buzan's structure (details available in his many books) but we believe that whilst this structure is great for establishing well structured maps that can be used in many different ways, variations on these rules or 'laws' are often sensible and appropriate - as long as they are based on an understanding of why the laws exist and what they are trying to help the mind mapper to achieve.
The summary below is based on Buzan's structure (details available in his many books) but we believe that whilst this structure is great for establishing well structured maps that can be used in many different ways, variations on these rules or 'laws' are often sensible and appropriate - as long as they are based on an understanding of why the laws exist and what they are trying to help the mind mapper to achieve.
The 'Laws of Mind Mapping' were originally devised by Tony Buzan when he codified the use of imagery, colour and association and coined the phrase 'Mind Mapping'. In the intervening 30 plus years, there have been many variations on the original 'Mind Map® ' and the widespread usage of mapping software of various sorts, has dramatically changed what is possible.
The Beauty of Infographics and Data Visualization | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/beauty-infographics-and-data-visualization
man.. yeah
Here in Brazil there's a magazine called "Super Interessante" (which had an Abduzeedo cover a little time ago), that always features some really cool infographics. This is a field that if you make things right, you got yourself inside a great
รวมไอเดียกราฟฟิกพรีเซนเทชั่น
New York City Homicides Map - The New York Times
http://projects.nytimes.com/crime/homicides/map
Infográfico com informações sobre assasinatos em Nova York,
Neo4j - a Graph Database that Kicks Buttox | High Scalability
http://highscalability.com/neo4j-graph-database-kicks-buttox
If you are Digg or LinkedIn you can build your own speedy graph database to represent your complex social network relationships. For those of more modest means Neo4j, a graph database, is a good alternative. A graph is a collection nodes (things) and edges (relationships) that connect pairs of nodes. Slap properties (key-value pairs) on nodes and relationships and you have a surprisingly powerful way to represent most anything you can think of. In a graph database "relationships are first-class citizens. They connect two nodes and both nodes and relationships can hold an arbitrary amount of key-value pairs. So you can look at a graph database as a key-value store, with full support for relationships."
another graphbase
PR 2.0: The Conversation Prism v2.0
http://www.briansolis.com/2009/03/conversation-prism-v20.html
www.theconversationprism.com
The Eloquence of the Conversation Prism and Social Science
updated version Mar 2009
great art
12 jQuery based chart
http://www.dreamcss.com/2009/03/12-jquery-based-chart.html
jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. As Web developers we are always in search of new tutorials and resources, tips, tricks for our readers . Today we listed Most Desirable Collection Of powerful jQuery etc. We obviously cannot cover all the best from the web, but we have tried to cover as much as possible
listing out 12 JavaScript based chart .
12 jQuery based chart
25+ Useful Infographics for Web Designers | Webdesigner Depot
http://www.webdesignerdepot.com/2009/06/25-useful-infographics-for-web-designers/
A great collection of inforgraphics. Really inspiring.
Infographics can be a great way to quickly reference information. Instead of pouring over figures and long reports to decipher data, an infographic can
Flip Flop Fly Ball
http://www.flipflopflyin.com/flipflopflyball/
"Essentially, this site is what I'd have been doing when I was 12 years old had the Internet and Photoshop been available to me in the eighties." Me, too.
Tons of baseball infographics, for every kind of Moneyball fan.
A List Apart: Articles: Visual Decision Making
http://www.alistapart.com/articles/visual-decision-making/
Why attractive things work better
The visual aesthetics that frame and define content are much more than simply a “skin” that we can apply or discard without consequence. Users react in fast, profound, and lasting ways to the aesthetics of what they see and use, and research shows that the sophisticated visual content presentation influences user perceptions of usability, trust, and confidence in the web content they view
User interface experts are often suspicious of the role of visual aesthetics in user interfaces—and of designers who insist that graphic emotive impact and careful attention to a site’s visual framework really contribute to measurable success.
A Visual Expedition Inside the Linux File Systems
http://cs.jhu.edu/~razvanm/fs-expedition/
20 Visualizations to Understand Crime | FlowingData
http://flowingdata.com/2009/06/23/20-visualizations-to-understand-crime/
Lovely.
There's a lot of crime data. For almost every reported crime, there's a paper or digital record of it somewhere, which means hundreds of thousands of data points - number of thefts, break-ins, assaults, and homicides as well as where and when the incidents occurred. With all this data it's no surprise that the NYPD (and more recently, the LAPD) took a liking to COMPSTAT, an accountability management system driven by data. While a lot of this crime data is kept confidential to respect people's privacy, there's still plenty of publicly available records. Here we take a look at twenty visualization examples that explore this data.
關於犯罪事件的視覺化呈現
Wordle Ideas
http://www.slideshare.net/JenniferW/wordle-ideas
Wordle Ideas
Video: Designing for Big Data, by Jeffrey Veen
http://www.veen.com/jeff/archives/001000.html
This is a 20-minute talk I gave at the Web2.0 Expo in San Francisco a couple weeks ago. In it, I describe two trends: how we're shifting as a culture from consumers to participants, and how technology has enabled massive amounts of data to be recorded, stored, and analyzed. Putting those things together has resulted in some fascinating innovations that echo data visualization work that's been happening for centuries.
highlighting the shifts in design techniques for streams rather than a drop of data.
Jeff Veen: "This is a 20-minute talk I gave at the Web2.0 Expo in San Francisco a couple weeks ago. In it, I describe two trends: how we're shifting as a culture from consumers to participants, and how technology has enabled massive amounts of data to be recorded, stored, and analyzed. Putting those things together has resulted in some fascinating innovations that echo data visualization work that's been happening for centuries."
I describe two trends: how we're shifting as a culture from consumers to participants, and how technology has enabled massive amounts of data to be recorded, stored, and analyzed. Putting those things together has resulted in some fascinating innovations that echo data visualization work that's been happening for centuries.
Why 1974 was the seminal year for Web 2.0
Flickr Photo Download: CALORIES
http://www.flickr.com/photos/metrobest/3491202342/sizes/o/in/set-72157617478192160/
An interesting, attractive, and clear information graphic that just happens to feature stats that I think most people would like to know.
Most people don't really know how many calories their every day food contains. Or how hard they actually have to work to get rid of that extra energy. So make 2009 a year when you make conscious decisions and stop the weight to sneak up on you.
Animated Engines
http://www.animatedengines.com/index.shtml
Opis działania różnych silników
6 Gorgeous Twitter Visualizations
http://mashable.com/2009/06/30/gorgeous-twitter-visualizations/
6 Gorgeous Twitter Visualizations
Read It: Search User Interfaces
http://searchuserinterfaces.com/book/
search ebooks free
Worldwide Real-Time Firefox Downloads
http://downloadstats.mozilla.com/
Watch Firefox 3.5 takeup in real time
Flickr Photo Download: Resume infographic
http://www.flickr.com/photos/bartclaeys/3351321706/sizes/o/
Federal IT Dashboard
http://it.usaspending.gov/
157 Investments Evaluated by Agency CIOs Arrow View detailed chart by agency Note: All descriptions, dates, and costs are as reported by agencies. Major investments (Investments Evaluated) represent only a portion of the agency's entire IT portfolio reported in Exhibit 53.
drupal site
Sputnik Observatory For the Study of Contemporary Culture
http://sptnk.org/
hm...
May be the ultimate weekend killer.
http://sptnk.org/ ContemporaryCulture
prettymuch anything jonathan harris touches is pretty interesting.
20+ CSS Data Visualization Techniques | tripwire magazine
http://www.tripwiremagazine.com/design/css-techniques/20-css-data-visualization-techniques.html
Get inspired.
graph with css
OECD Factbook eXplorer for analysing country statistics
http://stats.oecd.org/oecdfactbook/
Interesting site which allows manipulation and animation of set data. Bears further investigation.
Things to say during sex
http://imgur.com/zZ5Jn.gif
tes
Funny
Mistaeks I Hav Made: What do Programmers Feel About their Software?
http://www.natpryce.com/articles/000748.html
What do programmers feel about their software? Are they happy with they system? Disgusted? Saddened?
tool that extracts comments from source code and displays its interpretation of the programmers' emotional experience
Really cool visualisation of projects.
Coffee Drinks Illustrated on Flickr - Photo Sharing!
http://www.flickr.com/photos/two-eyes/1285147549/
Side-by-side diagrams of a few common espresso drinks. Update: Source files - www.lokeshdhakar.com/2007/09/04/coffee-diagram-follow-up
The Nike Experiment: How the Shoe Giant Unleashed the Power of Personal Metrics
http://www.wired.com/medtech/health/magazine/17-07/lbnp_nike
"Call it Living by Numbers—the ability to gather and analyze data about yourself, setting up a feedback loop that we can use to upgrade our lives, from better health to better habits to better performance."
The Nike Experiment: How the Shoe Giant Unleashed the Power of Personal Metrics
article writing up the success & simplicity of nike+. Part of a bigger piece on improving our lives through tracking and managing personal data. Features my friend Michael Tchao who leads Nike TechLab.
Veronica Noone attached a small sensor to her running shoes and headed out the door. She pressed start on her iPod and began keeping track of every step she took. It wasn't a long run—just 1.67 miles in 18 minutes and 36 seconds, but it was the start of something very big for her.
Air France 447 - AFR447 - A detailed meteorological analysis - Satellite and weather data
http://www.weathergraphics.com/tim/af447/
for the data junkies - very nice seeming piece of work [h/t james fallows' blog]
V. dense and technical. The feedback from pilots and meteorologists is particularly interesting.
jQuery Visualize Plugin: Accessible Charts & Graphs from Table Elements using HTML 5 Canvas | Filament Group, Inc., Boston, MA
http://www.filamentgroup.com/lab/jquery_visualize_plugin_accessible_charts_graphs_from_tables_html5_canvas
Yes, finally. If I didn't find that I'd coded it myself now.
mapspread : Create, edit, share and publish your business data as an interactive mapping application within minutes
http://mapspread.com/
Import your data from spreadsheets, maintain it with fun tools, share with coworkers and friends, publish to the world.
Easy to use and gratifying way to put your data on a map. Import your data from spreadsheets, maintain it with fun tools, share with coworkers and friends, publish to the world.
Rise of the Data Scientist | FlowingData
http://flowingdata.com/2009/06/04/rise-of-the-data-scientist/
Interesting!
Turning a Corner? - Interactive Graphic - NYTimes.com
http://www.nytimes.com/interactive/2009/07/02/business/economy/20090705-cycles-graphic.html
Statistics show hope: interesting as a visualization and as a prediction that the recovery is starting. I'll schedule a check up in six months
Fantastic illustration of business cycles
Brilliant interactive graphics on the economic cycle
Pure CSS Timeline – Notebook | MattBango.com
http://mattbango.com/notebook/web-development/pure-css-timeline/
Pure CSS Timeline
おもしろいけど画像で作るべきだと思うな htmlを装飾に用いることになるからね
タイムラインをリスト要素で美しく実装するスタイルシート
io9 - A Drug That Could Give You Perfect Visual Memory - Memory-enhancing drugs
http://io9.com/5306489/a-drug-that-could-give-you-perfect-visual-memory
"A group of Spanish researchers reported today in Science that they may have stumbled upon a substance that could become the ultimate memory-enhancer. The group was studying a poorly-understood region of the visual cortex. They found that if they boosted production of a protein called RGS-14 (pictured) in that area of the visual cortex in mice, it dramatically affected the animals' ability to remember objects they had seen. Mice with the RGS-14 boost could remember objects they had seen for up to two months. Ordinarily the same mice would only be able to remember these objects for about an hour. The researchers concluded that this region of the visual cortex, known as layer six of region V2, is responsible for creating visual memories. When the region is removed, mice can no longer remember any object they see."
Imagine if you could look at something once and remember it forever. You would never have to ask for directions again. Now a group of scientists has isolated a protein that mega-boosts your ability to remember what you see.
nifty!
How The Average U.S. Consumer Spends Their Paycheck - Visual Economics
http://www.visualeconomics.com/how-the-average-us-consumer-spends-their-paycheck/
Source: Consumer expenditures, U.S. department of Labor, U.S. Bureau of Labor Statistics, April 2009
Durchschnittsverbrauch eines US-Amerikaners
Create a Fun Tweet Counter With jQuery - Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/create-a-fun-tweet-counter-with-jquery/
In this tutorial, we will look at using jQuery to call Twitter’s API and then use the results to create a widget for a blog or personal website that shows
Visual Economics - Financial Infographics & More
http://www.visualeconomics.com/
http://www.visualeconomics.com/
Geraldo Reports Engine
http://geraldo.sourceforge.net/
Reports engine for Python
Geraldo is a reports engine for Python or Django applications. It uses the power of ReportLab and PIL to generate reports with page header and footer, child bands, report begin and summary bands, agreggation and graphic elements, etc
"Geraldo is a reports engine for Python or Django applications. It uses the power of ReportLab and PIL to generate reports with page header and footer, child bands, report begin and summary bands, agreggation and graphic elements, etc."
Slatebox :: Visualize Everything - Welcome!
http://www.slatebox.com/
Mapping ideas and collaborating.
This is the ultimate tool for creating "web 2.0" style mind maps and organizational charts.
your.flowingdata / Capture your life in data.
http://your.flowingdata.com/
I don't quite understand this one yet and they don't have any samples or examples on the site, but eventually, I will get to try it out.
Use your.flowingdata to collect data about yourself and your surroundings with Twitter. Record what you eat, when you go to sleep, how much television you watch, or whatever else you want. What you track is completely up to you.
Oh Snap! Our Step-By-Step Guide To Getting Shot By The Sartorialist -Refinery29 Pipeline-
http://pipeline.refinery29.com/street_seen/get_shot_by_sartorialist.php
a great and very funny diagram / flow chart, by Christene Barberich & Piera Gelardi, design by Joshua Covarrubias, at the Pipeline ¶ by the way, we're a big fan of The Sartorialist
You know him. You love him. We do, too. But lest you think it's a snap getting expert Street Style lensman Scott Schuman of Sartorialist fame to spot you on the street, shoot you, AND post your pic on his site…well, think again. In fact, after perusing the past few months' worth of amazing street specimens preening for his expensive camera, we did pick up some interesting sartorial patterns at play. So, want a better shot at, well, getting shot by Scott? Here's our step-by-step guide to increasing the odds...and looking good doing it.
a flowchart
BEAMS ARTS
http://www.beams.co.jp/beams-arts/
very neat concept for website
ここまで来ると、もうページという概念はいらない
速度感、音との連動
funky site
Amazing Light Paintings | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
http://abduzeedo.com/amazing-light-paintings
Light paintings, aka as light drawing or light graffiti is a photography technique in which exposures are made usually at night or in a darkened room. The images we will show here are all from Jan Wöllert and Jörg Miedza, the guys behind LAPP-PRO.
The Human's Development :: we ain't plastic
http://humandevelopment.weaintplastic.com/
Alternative content Get Adobe Flash player
human's development
BBC Memoryshare
http://www.bbc.co.uk/dna/memoryshare/
Seth's Blog: How to make graphs that work
http://sethgodin.typepad.com/seths_blog/2009/07/how-to-make-graphs-that-work.html
it's the third one, you can probably dispense with the graph altogether. And the fourth isn't really a presentation, it's a working session. Which means you're trying to light a fire, make a point, highlight a trend, cause action to be taken. Your gra
How to make graphs that work
Good results should go up on the Y axis. This means that if you&#039;re charting weight loss, don&#039;t chart &quot;how much I weigh&quot; because good results would go down. Instead, chart &quot;percentage of goal&quot; or &quot;how much I lost.&quot;
good article about graphs
Tom Wujec on 3 ways the brain creates meaning | Video on TED.com
http://www.ted.com/talks/tom_wujec_on_3_ways_the_brain_creates_meaning.html
Periodic Table of the Operators
http://www.ozonehouse.com/mark/periodic/
Being a comprehensive and complete enumeration of the Operatic Elements of the Perl 6 Language, assembled and drawn with dedication and diligence by M. Lentczner as a service to both the Community and the Republic. May this simple presentation with various illustrative devices increase Knowledge & Understanding amongst practitioners in the art of Software. Third Edition, February 14th, Two Thousand Nine
Perl 6 operators
Perl 6 Language Operatic Elements
27062201.jpg (JPEG Image, 1476x1101 pixels)
http://www.newscientist.com/data/images/archive/2706/27062201.jpg
The number of Internet users in the US is nearly static compared to China and India. Wonder what this holds for the future of the Internet?
27062201.jpg (JPEG Image, 1476x1101 pixels)
http://img132.imageshack.us/img132/2988/27062201.jpg
StatPlot.com: Visualize Sports Stats - Powered by StatSheet.com
http://statplot.com/
Ese último link tendría que haber sido http://statplot.com/ ; el link que envié apuntaba hacia el artículo que lo describe el sitio. [from http://twitter.com/dariuus/statuses/1939829918]
Create interactive stat charts based on sports
Build graphical charts using NFL, NBA, College Basketball, College Football, and NASCAR stats. Each chart comes in three formats: interactive Flash, image, and thumbnail.
NYC Subway Ridership, 1905-2006
http://diametunim.com/shashi/nyc_subways/
Really nicely done. Via Shaunrx.
Cool
Gorgeous map of NYC subway ridership over time
Flickr Photo Download: Great GTD diagram
http://www.flickr.com/photos/petrmara/3411358390/sizes/o/
socialseek by sensidea
http://www.sensidea.com/socialseek/
>socialseek by sensidea
outil veille en ligne. appli adobe air
All the real-time social goodness in your city or anywhere. Stay in the scene with socialseek!
Haven't tried yet but looks like it's a good social tool.
CitySounds.fm - The music of cities
http://citysounds.fm/
Chroma-Hash Demo
http://mattt.github.com/Chroma-Hash/
a sexy, non-reversible live visualization of password field input
Creates a color-bar visualization of the password field useful to avoid mistakes and non-reversible.
a non-reversible live visualization of password field input
fontplore // an interactive application designed for searching and exploring font databases
http://www.fontplore.org/
an interactive application designed for searching and exploring font databases
ok, ok. Of little use to us mortals. But the damn application and UI is unbelievable. Just watch the video!
font interaction and exploration through a surface device. Amazing.
How big is the internet? | Latest news | News.com.au
http://www.news.com.au/technology/story/0,28348,25857420-5018992,00.html
Nice visualization of population and percentage of those who are online
If you spent just one minute reading every website in existence, you’d be kept busy for 31,000 years. Without any sleep.
How Different Groups Spend Their Day - Interactive Graphic - NYTimes.com
http://www.nytimes.com//interactive/2009/07/31/business/20080801-metrics-graphic.html
どのようなことをして1日を過しているかの調査
Interactive Report which allows to filter by Age Group, Employment Status.
How Different Groups Spend Their Day - Interactive Graphic - NYTimes.com
http://www.nytimes.com//interactive/2009/07/31/business/20080801-metrics-graphic.html?hp
interactive
A really cool graph.
The American Time Use Survey asks thousands of American residents to recall every minute of a day. Here is how people over age 15 spent their time in 2008.
Cartagen
http://cartagen.org/
A vector-based, client-side framework for rendering maps in native HTML 5. Written in JavaScript, it uses the new Canvas element to load mapping data from various sources, including OpenStreetMap. Maps are styled with Geographic Style Sheets (GSS), a cascading stylesheet specification for geospatial information – a decision which leverages literacy in CSS to make map styling more accessible. However, GSS is a scripting language as well, making Cartagen an ideal framework for mapping dynamic data.
A vector-based, client-side framework for rendering maps in native HTML 5
"Just like CSS for styling web pages, GSS is a specification for designing maps. Adapted for dynamic data sources, GSS can define changing geographic elements, display multiple datasets, and even respond to contextual tags like "condition:poor"."
HTML5 Canvas and Audio Experiment
http://9elements.com/io/projects/html5/canvas/
argh. 1997 all over again. This is just as abusive as a million fin-de-siecle flash portfolio sites. Ah the usability nightmares.
An html5 canvas experiment by 9elements.com
Seems to be Firefox only
Information Is Beautiful | Ideas, issues, concepts, subjects - visualized!
http://www.informationisbeautiful.net/
13 Javascript libraries for visualizations on Datavisualization.ch
http://www.datavisualization.ch/tools/13-javascript-libraries-for-visualizations
As data visualization often needs to reach a broad audience the browser is becoming the number one tool to publish and share visualizations. A lot of visualizations require user-interaction to unleash their full potential, thus interactive applets that run directly in the browser are a a great way to analyze the data at hand. Beside the usual suspects like Flash, Silverlight and Processing, JavaScript is quickly gaining ground in the field of interactive visualization embedded in websites. We’ve collected 13 JavaScript visualization libraries that help you get started faster, keep it flexible and develop with higher reliability.
How Different Groups Spend Their Day - Interactive Graphic - NYTimes.com
http://www.nytimes.com//interactive/2009/07/31/business/20080801-metrics-graphic.html?ref=business
e New York Ti
How Different Groups Spend Their Day. very nicely made infographic.
Technology Review: Blogs: TR Editors' blog: Five Futuristic Interfaces on Display at SIGGRAPH
http://www.technologyreview.com/blog/editors/23940/
Five Futuristic Interfaces on Display at SIGGRAPH
Seth's Blog: The bandwidth-sync correlation that's worth thinking about
http://sethgodin.typepad.com/seths_blog/2009/08/the-bandwidth-sync-correlation-thats-worth-thinking-about.html
very nice mapping of network & platform
Here are a dozen or so forms of communication, arranged on two axes.
Reason why webinars are so valued
nice way to understand why Broadband is key.
Presentation Zen: 11 ways to use images poorly in slides
http://www.presentationzen.com/presentationzen/2009/08/10-ways-to-use-images-poorly.html
<div><p style="color:#111111;font-family:Arial"><a href="http://www.presentationzen.com/.a/6a00d83451b64669e20120a51b6d8a970c-popup" style="float:right"><img alt="Slides" src="http://www.presentationzen.com/.a/6a00d83451b64669e20120a51b6d8a970c-200wi" style="margin:0px 0px 5px 5px;width:200px"></a> As digital cameras have become ubiquitous, and cheap (or free) photo websites plentiful, more people than ever are using images in presentations. Images are not appropriate for every kind of talk, but even when images are appropriate (such as keynote/ballroom style presentations), people are still making the same common mistakes. So here are some things to keep in mind if you use images in your next talk. <em>(Get a larger version of the "slides" image <a href="http://garr.posterous.com/warning-slides-this-should-be-posted-outside">here.</a>)</em><br><br><strong><span style="color:#111111;font-family:Arial">Case study: a single slide</span></strong><br>Let's imagine you are preparing a prese
o/ http://bit.ly/b44wY [from http://twitter.com/petrizzo/statuses/3119778081]
Examples of how photographs are poorly used in PowerPoint presentations. Students do #6 and #7 the most and it is one of my biggest pet peeves!
Next Big Sound
http://nextbigsound.com/
Track how millions of fans interact with online music everyday.
mostra quando as bandas são mais ouvidas no last.fm, myspace e iLike
SEOmoz | 4 Essential SEO Infographics
http://www.seomoz.org/blog/4-essential-seo-infographics
I've been doodling a lot lately (see, for example, the whiteboard illustrations I turned into a slide deck for a presentation this Wednesday) and thought it would be fun to share a set of infographics - some humorous, some serious - about the field of search engine optimization. If you're uninspired by these...
#1 - Pie Chart of SEO Time Expenditure #2 - Hat Color vs. Value Scatterplot of SEO Tactics #3 - Flowchart of SEO-Friendliness #4 - Venn Diagram of Internet Marketing Professions
15 Stunning Examples of Data Visualization | Web Design Ledger
http://webdesignledger.com/inspiration/15-stunning-examples-of-data-visualization
Very cool stuff...
Data Visualization is a method of presenting information in a graphical form. Good data visualization should appear as if it is a work of art. This intrigues the viewer and draws them in so that they can further investigate the data and info that the graphic represents. In this post there are 15 stunning examples of Data Visualization that are true works of art.
http://avant.interactionconsortium.com/australian_internet/#
http://avant.interactionconsortium.com/australian_internet/
australian web projects visualized
SQL pie chart | code.openark.org
http://code.openark.org/blog/mysql/sql-pie-chart
Shown below is a (single query) SQL-generated pie chart. I will walk through the steps towards making this happen, and conclude with what, I hope you’ll agree, are real-world, useful usage samples.
ASCII art via SQL
uery) SQL-generated pie chart. I will walk through the steps towards making this happen, and conclude with what, I hope you’ll agree, are real-world, useful usage samples. +-------------------------------------------------------
Pie Chart in SQL
create an ascii art pie chart with a single sql query
SQL でアスキーアート的なもの。
Flickr Photo Download: Facebook vs Twitter
http://www.flickr.com/photos/metrobest/3485574749/sizes/o/in/set-72157617478192160/
Flickr is almost certainly the best online photo management and sharing application in the world. Show off your favorite photos and videos to the world, securely and privately show content to your friends and family, or blog the photos and videos you take with a cameraphone.
Interesting graphic from April 2009 with user data
via @kylecameron
How Different Groups Spend Their Day - Interactive Graphic - NYTimes.com
http://www.nytimes.com/interactive/2009/07/31/business/20080801-metrics-graphic.html?scp=3&sq=infographic&st=cse
super-interesting viz
If Twitter Consisted of 100 People [Gorgeous Graphics]
http://mashable.com/2009/08/17/twitter-100/
Great example of how gorgeous web graphics can be and impactful telling of story
Why Should Engineers and Scientists Be Worried About Color?
http://www.research.ibm.com/people/l/lloydt/color/color.HTM
IBM research about presentation of graphs with color
Visualizing up to ten dimensions - Boing Boing
http://www.boingboing.net/2009/08/18/visualizing-up-to-te.html
Bowloftoast sez, "This is a short animation that takes the viewer through a progressive description of all (and all possible) dimensions, up to and including the 10th. It is an elegant introduction to the fundamentals of string theory and a mind-blowing toe-dip into the pool of the metaphysical."
Personas | Metropath(ologies) | An installation by Aaron Zinman
http://personas.media.mit.edu/personasWeb
Who are you when you aren't there?
Personas is an art installation by Aaron Zinman that is a component of Metropath(ologies), an interactive exhibit by the Sociable Media Group, MIT Media Lab. Metropath(ologies) is by Alex Dragulescu, Yannick Assogba, Aaron Zinman under the direction of Prof. Judith Donath.
Personas is a component of the Metropath(ologies) exhibit, currently on display at the MIT Museum by the Sociable Media Group from the MIT Media Lab. It uses sophisticated natural language processing and the Internet to create a data portrait of one's aggregated online identity. In short, Personas shows you how the Internet sees you.
Personas | Metropath(ologies) | An installation by Aaron Zinman
http://personas.media.mit.edu/
Enter your name, and Personas scours the web for information and attempts to characterize the person - to fit them to a predetermined set of categories that an algorithmic process created from a massive corpus of data. The computational process is visualized with each stage of the analysis, finally resulting in the presentation of a seemingly authoritative personal profile.
Caffeine and Calories | Information Is Beautiful
http://www.informationisbeautiful.net/visualizations/caffeine-and-calories/
Cool way of pic worth 1000 words, for more than caffeine and calories.
** Posted using Viigo: Mobile RSS, Sports, Current Events and more **
BBC NEWS | Technology | Mobile phones get cyborg vision
http://news.bbc.co.uk/2/hi/technology/8193951.stm
Endless possibilities for bleeding edge digital travel guides.
a view of the world tagged with rich, location-relevant information whilst your gaze flickers here and there. But now this Augmented Reality (AR), as it is known, is materialising in the real world. Mobile phone operators, at least, are hoping it will be the next big thing as programmers learn to corral all the bells and whistles of smart phones - GPS, video, accelerometers - into "killer applications". For the first time such AR is available for handsets.
"Via the video function of a mobile phone's camera it is now possible to combine a regular pictorial view with added data from the internet just as the fictional Terminator was able to overlay its view of the world with vital information about its surroundings."
DataSF - DataSF - Liberating City Data
http://www.datasf.org/
Why can't every city have this?
City of SF opens site containing datasets
"DataSF is a clearinghouse of datasets available from the City & County of San Francisco. While there is plenty of room for improvement, our goal in releasing this site is: 1) improve access to data, 2) help our community create innovative apps, 3) understand what datasets you'd like to see, 4) get feedback on the quality of our datasets."
"DataSF is a clearinghouse of datasets available from the City & County of San Francisco. While there is plenty of room for improvement, our goal in releasing this site is: (1) improve access to data (2) help our community create innovative apps (3) understand what datasets you'd like to see (4) get feedback on the quality of our datasets."
Best Science Visualization Videos of 2009 | Wired Science | Wired.com
http://www.wired.com/wiredscience/2009/08/visualizations/
best science visualization video os 2009
Personas | Metropath(ologies) | An installation by Aaron Zinman
http://personas.media.mit.edu/personasWeb.html
Personas is an art installation by Aaron Zinman that is a component of Metropath(ologies), an interactive exhibit by the Sociable Media Group, MIT Media Lab. Metropath(ologies) is by Alex Dragulescu, Yannick Assogba, Aaron Zinman under the direction of Prof. Judith Donath.
O que você anda fazendo na web? O MIT sabe!
6 Gorgeous Facebook Visualizations
http://mashable.com/2009/08/21/gorgeous-facebook-visualizations/
create beautiful Facebook visualizations of your own with very little effort. Enjoy!
This Facebook add-on lets you easily create 3D graphical representations of the connections in your Facebook network. You can also view graphs for other users, fine tune the settings to create various graphs, zoom and pan your graph, and choose between a light and a dark theme. The results can be stunning, especially for users with a lot of Facebook friends.
Great Social Site with connections to all other social sites
Obama | One People
http://senseable.mit.edu/obama/index.html
getting me excited about data
Graphs of the impact of Obama on people/demographics in less than 1 year since inauguration.
Information Architects » Blog Archive » Web Trend Map 4
http://informationarchitects.jp/wtm4/
iA is a strategic design agency in Tokyo, Japan. We analyze business goals and user needs, and develop interfaces that match.
Synesketch
http://www.synesketch.krcadinac.com/
ynesketch follows the same train of thought. It is a software library (Java API) for sensing and creative visualization of textual emotions! Code is serving as a medium between words, emotions, and images; between poetry and painting. Gluing computers with our emotions and aesthetic experiences, it is both a software innovation and an interactive art experiment. Also, it is the first of that kind that is also a free open-source project – not just a closed academic research experiment – so that the whole community can benefit from it. The name ‘Synesketch’ is a portmanteau of ‘synesthesia’ and ‘sketch’ – where ‘sketch’ does not only refer to drawings, but also to the Processing artworks called ‘sketches’.
30+ Impressive Social Media Stats Visualized [Video]
http://mashable.com/2009/08/14/social-media-stats-visualized/
This a post on the Mashable: The Social Media Guide blog
Trending Topics: Hot Wikipedia Topics - Powered by Hadoop & EC2
http://www.trendingtopics.org/
A search engine for trending topics. Built by Data Wrangling with Cloudera Hadoop shows some massive data processing habilities.
awesome website that mines wikipedia traffic levels
Google Maps Mania: Design Portfolios on Google Maps
http://googlemapsmania.blogspot.com/2009/08/design-portfolios-on-google-maps.html
http://googlemapsmania.blogspot.com/2009/08/design-portfolios-on-google-maps.html webdesign google design inspiration websites development jQuery creative hack Maps portfolio visualization googlemaps webdev data mapping api
Chart.ly
http://chart.ly/
from twitter, chart sharing
Service to share charts on Twitter
Diagrammr
http://diagrammr.com/
That is diagrammatic representations of sentences on the web. Pretty cool!
Very cool
"Create and share diagrams by writing sentences!"
Create and share diagrams by writing sentences.
ビジュアルブログ検索エンジン [Blogopolis]
http://blogopolis.jp/
自分やあの人のwebでの勢力図を探す!
ブログの街
ブログエントリーの検索結果をビジュアル化。
designのはじっことスラム街にあった。/ はてブは偏りすぎなので是非ともdeliciousでやってほしい
日本のウェブサイトの情勢をみることができる。デザイン系、グーグル系、プログラミング系は後でRSS登録しておきたいな。
Flickr Photo Download: Mythical Creatures
http://www.flickr.com/photos/preshaa/3847027500/sizes/l/
The Office of Feltron.com
http://theofficeof.feltron.com/
Design inspiration (agency)
Beyond space and time: Fractals, hyperspace and more - New Scientist
http://www.newscientist.com/special/beyond-space-and-time
multiple dimensions 10D
The 3D world of solid objects and limitless space is something we accept with scarcely a second thought. Time, the fourth dimension, gets a little trickier. But it's when we start to explore worlds that embody more – or indeed fewer – dimensions that things get really tough.
like the ten dimensions video...but words!
Thinking about dimensions other than the three we're used to can rattle one's mind. That's why it's usually left to stoned conversationalists and theoretical physicists. To help the rest of us navigate flatland, fractal landscapes, and hyperspace, New Scientist put together a concise and fun tour titled "Beyond Space and Time."
We don't have any trouble coping with three dimensions – or four at a pinch. The 3D world of solid objects and limitless space is something we accept with scarcely a second thought. Time, the fourth dimension, gets a little trickier. But it's when we start to explore worlds that embody more – or indeed fewer – dimensions that things get really tough.
100 Reasons to Mind Map | Mind Map Inspiration
http://www.mindmapinspiration.com/100-reasons-to-mind-map-paul-foreman/
100 examples of how you can use mindmapping whether completely new to mind maps or a seasoned pro.
Op-Art - Smells of New York City - Interactive Feature - NYTimes.com
http://www.nytimes.com/interactive/2009/08/29/opinion/20090829-smell-map-feature.html
Fascinating concept!
Looking forward to discovering your city through a different perspective ? Why not let your nose guide you through the city ?
scents of the city
New York secretes its fullest range of smells in the summer; disgusting or enticing, delicate or overpowering, they are liberated by the heat. So one sweltering weekend, I set out to navigate the city by nose.
More Truth About Twitter | Information Is Beautiful
http://www.informationisbeautiful.net/2009/more-truth-about-twitter/
Twitter statistics in graphical format, incl. "If the Twitter community were 100 people", "The Average 100 Tweets", and "Peak Days/Hours".
peaks in twitter acivity
Sweet charts that highlight Twitter users and uysage.
Wikipedia to Color Code Untrustworthy Text | Wired Science | Wired.com
http://www.wired.com/wiredscience/2009/08/wikitrust
Instead of just a "Citation Needed", we'll now have various shades to give us hints as to the reliability of information.
Wired.com
Starting this fall, you’ll have a new reason to trust the information you find on Wikipedia: An optional feature called “WikiTrust” will color code every word of the encyclopedia based on the reliability of its author and the length of time it has persisted on the page. More than 60 million people visit the free, open-access encyclopedia each month, searching for knowledge on 12 million pages in 260 languages. But despite its popularity, Wikipedia has long suffered criticism from those who say it’s not reliable. Because anyone with an internet connection can contribute, the site is subject to vandalism, bias and misinformation. And edits are anonymous, so there’s no easy way to separate credible information from fake content created by vandals.
This idea (and the tool for its implementation) has been around for a while. Now it seems that wikipedia is going to implement it. Interesting debate here about the nature of truth: truth by consensus, or, the loudest voices win. Has it ever been any other way? Annotated link http://www.diigo.com/bookmark/http%3A%2F%2Fwww.wired.com%2Fwiredscience%2F2009%2F08%2Fwikitrust
A Look At Facebook’s Reach Worldwide
http://www.techcrunch.com/2009/08/27/a-look-at-facebooks-reach-worldwide/
Everyone knows that Facebook has become absolutely massive, but it’s easy to lose sight of just how big a number like 250 million is. Buzzpoint, a social media marketing firm based out of Los Angeles, has put together an impressive visualization that shows off just how large Facebook has grown. The company has estimated the current and past Facebook usage statistics using available data and plotted a number of graphs tracking its progress over the last three years. I’ve broken the image (which is quite massive on its own) into a few chunks below, and you can download the whole thing here.
Everyone knows that Facebook has become absolutely massive, but it's easy to lose sight of just how big a number like 250 million ...
Facebook Stats
Datos sobre Facebook.
Buzzpoint, a social media marketing firm based out of Los Angeles, has put together an impressive visualization that shows off just how large Facebook has grown.
Heavy Backpack - A Creative Catalogue » Design Folios with Google Maps
http://www.heavy-backpack.com/archives/articles/design-folios-with-google-maps
portfolios designed using google maps
Information Architects » Blog Archive » The Value of Information
http://informationarchitects.jp/the-value-of-information/
BA
iA is a strategic design agency in Tokyo, Japan. We analyze business goals and user needs, and develop interfaces that match.
When confronted with the necessity of offering news for free, editors are quick at pointing at the cost involved in news production. Which of course is beside the point. Information on the Internet is as common as snow in the arctic. You can’t expect Eskimos to buy a snowman. But, hey, wait; this is not just another rant with the usual talking points. After producing news site after news site for a wide range of customers, we actually have something to contribute:
the value of information
DataMasher
http://www.datamasher.org/
Infográficos de dados públicos
1. Pick a data set - /> orange circle Poverty Rate 2. Choose an operator - /> choose: - × ÷ 3. Pick another data set - /> blue circle Unemployment Your Mashup! - /> venn diagram Poverty Rate Unemployment
To empower people to discover and discuss government data through manipulation and mapping.
DataMasher is a tool that takes these vast quantities of information and allows you to whittle it down into simpler terms, offering an easy way to get hard data on certain topics without any intrusive media spin.
VC blog » Blog Archive » Information Visualization Manifesto
http://www.visualcomplexity.com/vc/blog/?p=644
facilitate understanding and aid cognition
Le but de la visualisation est de donner un aperçu, pas des images, disait déjà Ben Shneiderman en 1999. Manuel Lima propose plusieurs critères à son manifeste qui découlent de ce constat : La forme suit la fonction, l'intéractivité comme clef, la puissance de la naration...
Infoviz is becoming more and more popular and, just as anything growing popular, also controversial. Here's a list with some good points on good information visualization.
THE PROFILER™
http://www.theprofiler.be/
facebook
Use The Profiler to visualize what's behind your profile picture, and discover what goes on in your friends' heads.
Nice use of the papervision.
What Visualization Tool/Software Should You Use? – Getting Started | FlowingData
http://flowingdata.com/2009/09/03/what-visualization-toolsoftware-should-you-use-getting-started/
planecrash960.gif (GIF Image, 960x3479 pixels)
http://img36.imageshack.us/img36/5742/planecrash960.gif
Infographic - Reduce your odds of dying in a plane crash
Airline safety data visualization showing relative likelihood of fatality from plane to plane & airline to airline. Also shows that sitting in the rear is safest.
Your odds of dying in a plane crash.
American Vice: Mapping the 7 Deadly Sins
http://www.wired.com/culture/education/magazine/17-09/st_sinmaps
We're gluttons for infographics, and a team at Kansas State just served up a feast: maps of sin created by plotting per-capita stats on things like theft (envy) and STDs (lust). Christian clergy, likely noting the Bible Belt's status as Wrath Central, question the "science." Valid point—or maybe it's just the pride talking.
reMap
http://bestiario.org/research/remap/
An interactive semantic view of visualcomplexity.com
stunning compendium of work from visualcomplexity.com via @bbhlabs
reMap: a project by Bestiario based on visualcomplexity.com
Visual Complexity reMapped
Interface to VisualComplexity.com
SHARED USING: http://www.tagle.it
the preservation of favoured traces | ben fry
http://benfry.com/traces/
książka Darwina - animacja rozwoju ksiazki
A visualization of Charles Darwin's edits and additions to On the Origin of Species over the course of six editions. Created using Processing. (via MeFi)
The Hierarchy Of Digital Distractions | Information Is Beautiful
http://www.informationisbeautiful.net/visualizations/the-hierarchy-of-digital-distractions/
Infographic: Hierarchy of Digital Distractions
Visualisation of distraction in the digital age. All far too true!
Excellent carto :-)
herrlich - kann ich voll bestätigen (via nerdcore.de)
Machine learning classifier gallery
http://home.comcast.net/~tom.fawcett/public_html/ML-gallery/pages/index.html
Interesting comparative performance of various algorithms on different data
A highly informative visualization of the biases of different ML classifiers. Really useful, especially for talks to non-experts.
Introducing News Dots - By Chris Wilson - Slate Magazine
http://slatest.slate.com/features/news_dots/default.htm
"An interactive map of how every story in the news is related, updated daily"
Like a human social network, the news tends to cluster around popular topics. One clump of dots might relate to a flavor-of-the-week tabloid story (the Jaycee Dugard kidnapping) while another might center on Afghanistan, Iraq, and the military. Most stories are more closely related that you think. The Dugard kidnapping, for example, connects to California Gov. Arnold Schwarzenegger, who connects to the White House, which connects to Afghanistan. To use this interactive tool, just click on a circle to see which stories mention that topic and which other topics it connects to in the network. You can use the magnifying glass icons to zoom in and out. You can also drag the dots around if they overlap. A more detailed description of how News Dots works is available below the graphic.
gre
Data Visualization and Infographics Resources | Developer's Toolbox | Smashing Magazine
http://www.smashingmagazine.com/2009/09/11/25-useful-data-visualization-and-infographics-resources/
Mr. Penumbra’s Twenty-Four-Hour Book Store (robinsloan.com)
http://robinsloan.com/2009/41/
Amazon Acquisitions and Investments | Zappos
http://www.meettheboss.com/amazon-acquisitions-and-investments-zappos.html
This graphic is pretty awesome - added by harper reed's google reader
Amazon is bigger that one imagines.
There's a reason that Amazon is the largest online retailer in the world, it realises that if a rival firm is too much of a threat, instead of competing with them, just buy them!
"There's a reason that Amazon is the largest online retailer in the world, it realises that if a rival firm is too much of a threat, instead of competing with them, just buy them!"
Amazonの投資とM&Aの年別概略図
Mind Mapping Tools: Online Guide To Web-Based MindMap Drawing Services
http://www.masternewmedia.org/mind-mapping-tools-online-guide-to-web-based-mindmap-drawing-services/
#Online Guide To Web-Based #MindMap Drawing Services http://bit.ly/3K1lnU @MatthiasHeil [from http://twitter.com/schulezweinull/statuses/3242851957]
Oversikt fra Robin Good over mindmapping programmer - er er mye interessant å ta fat på!
If You Printed The Internet … | CreativeCloud
http://www.cartridgesave.co.uk/news/if-you-printed-the-internet/
A bunch of stats about how big the internet is in other terms. circa sept 2009
Feels compelled to share "If You Printed The Internet … | CreativeCloud" ( http://bit.ly/19eo9x ) [from http://twitter.com/gavinmatix/statuses/3994244636]
Have your ever wondered how much ink and paper would be used if you printed the internet? Find out all you need to know in our infographic!
Voting America: United States Politics, 1840-2008
http://americanpast.richmond.edu/voting/
This site comes from the University of Richmond. Use it to find maps of all presidential elections from 1840-2008.
Good Night and Tough Luck - Abstract City Blog - NYTimes.com
http://niemann.blogs.nytimes.com/2009/09/14/good-night-and-tough-luck/
nice interesting infographics that serves as illustrations to a blog post about the difficulty of sleeping at night (children involved? yes!)
The illustrations and graphs are priceless (and hilarious)!
Fantastic comic about how hard getting a good nights sleep is.
gource - Project Hosting on Google Code
http://code.google.com/p/gource/
Nifty program that visualizes changes made in a Git repository over time.
Gource is a software version control visualization for Git and CVS.
The Three Spheres of Web Strategy –Updated for 2009 « Web Strategy by Jeremiah Owyang | Social Media, Web Marketing
http://www.web-strategist.com/blog/2009/09/14/the-three-spheres-of-web-strategy-updated-for-2009/
The core structure of the goals and challenges of a Web Strategist
Who’s a Web Strategist? In a company, they often are responsible for the long term vision of corporate web properties. At a web company where their product is on the web, they’re often the product manager or CTO. Regardless of role, the responsibilities are the same, they need to balance all three of these spheres, and make sure their efforts are in the middle of all three.
I hope this is one of those resources you print out pin to your desk, and share with others. This is the core theme of this blog, the balance needed for successful web endeavors in organizations. I originally posted this diagram in 2006, the
Evolution of a Revolution: Visualizing Millions of Iran Tweets
http://www.readwriteweb.com/archives/evolution_revolution_visualizing_millions_iran_tweets.php
Visualizing Millions of Iran Tweets - computational history of news using twitter
At its peak, a search for "Iran" on Twitter generated over 100,000 tweets per day and over 8,000 tweets per hour. The plot just below shows the growth in volume of information in the number of tweets per hour. How does an Internet junkie, news organization, or political operative monitor rapidly evolving real-time events, from the crucial details to the bigger picture? More importantly, how can a data stream be turned into real-time action, reaching the people who need it, when they need it, and in a form they can easily digest?
Article describes effort aimed at more sophistcicated analysis of twitter trends. Author is co-founder of Infoharmoni - startup building knowledge interfaces for real-time data sets.
How to algorithmically discover and deploy novel social structures is perhaps the billion, or trillion, dollar question. With Twitter, the data and API are in place. And if the history of computation is any guide, once programming a system becomes possible, progressing from a hack to an application to a platform is only a matter of time.
'...how can a data stream be turned into real-time action, reaching the people who need it, when they need it, and in a form they can easily digest? At the most abstract level, history and computation are the same thing: the evolution of systems over time. Twitter has several remarkable properties that allow us to finally leverage this correspondence in tangible ways. The simplicity of its data, the openness of its system, and its extreme time resolution make it possible for us to detect atoms of history, those moments when something is triggered and society is reconfigured ever so slightly. Simply tracking the volume of various phrases gives us a sense of what is happening on the street, literally and figuratively. But that signal is but a shadow of a far more complex and intricate reality, an interwoven web of individuals and actions. -- Disruptive events lead to information elites.'
Color illusion 12
http://www.psy.ritsumei.ac.jp/~akitaoka/color12e.html
Color illusion 12
Nihilogic : Canvas Visualizations of Sorting Algorithms
http://www.nihilogic.dk/labs/sorting_visualization/
10 Revealing Infographics about the Web
http://sixrevisions.com/resources/10-revealing-infographics-about-the-web/
Some great graphics to use when demonstrating the different topics
Tagul - Gorgeous tag clouds
http://tagul.com/
Trendsmap - Real-time local Twitter trends
http://trendsmap.com/
Trendsmap.com is a real-time mapping of Twitter trends across the world. See what the global, collective mass of humanity are discussing right now.
Tracking Swine Flu Cases Worldwide - Interactive Graphic - NYTimes.com
http://www.nytimes.com/interactive/2009/04/27/us/20090427-flu-update-graphic.html
Health officials continue to report mild cases of swine flu throughout the United States and worldwide. Among the hundreds of confirmed infections, 53 people have died, including 48 in Mexico, three in the United States, one in Canada and one in Costa Rica.
Anscombe's quartet - Wikipedia, the free encyclopedia
http://en.wikipedia.org/wiki/Anscombe%27s_quartet
e linear relations
6 Incredible Twitter Powered Art Projects
http://mashable.com/2009/09/26/twitter-art/
witter has brought us many things. It lets us communicate in real-time about breaking news events, it lets us share content like photos, music, and videos, and it lets us do business in new ways. But Twitter is also being used to power some very intriguing and beautiful virtual art projects. Tweets are being visualized and mashed up with other content in ways that create stunning online art. In this post we’ll highlight six incredible experimental art projects that are using Twitter (Twitter) as a basis for their awesome creations. These visualizations go beyond just displaying data in more interesting ways — they are also truly fascinating pieces of online art.
this is kinda neat...kinda
Where The Buffalo Roamed « Weather Sealed
http://www.weathersealed.com/2009/09/22/where-the-buffalo-roamed/
全米のマクドナルド分布図。
To gauge the creep of cookie-cutter commercialism, there’s no better barometer than McDonald’s – ubiquitous fast food chain and inaugural megacorporate colonizer of small towns nationwide. So, I set out to determine the farthest point from a Micky Dee’s – in the lower 48 states, at least. This endeavor required information, and the nice folks at AggData were kind enough to provide it to me: a complete list of all 13,000-or-so U.S. restaurants, in CSV format, geolocated for maximum convenience. From there, a bit of software engineering gymnastics, and… Behold, a visualization of the contiguous United States, colored by distance to the nearest domestic McDonald’s!
"Which begs the question: just how far away can you get from our world of generic convenience? And how would you figure that out? [...] To gauge the creep of cookie-cutter commercialism, there’s no better barometer than McDonald’s"
As expected, McDonald’s cluster at the population centers and hug the highway grid. East of the Mississippi, there’s wall-to-wall coverage, except for a handful of meager gaps centered on the Adirondacks, inland Maine, the Everglades, and outlying West Virginia. For maximum McSparseness, we look westward, towards the deepest, darkest holes in our map: the barren deserts of central Nevada, the arid hills of southeastern Oregon, the rugged wilderness of Idaho’s Salmon River Mountains, and the conspicuous well of blackness on the high plains of northwestern South Dakota.
A visualization of the contiguous United States, colored by distance to the nearest domestic McDonald’s
"As expected, McDonald’s cluster at the population centers and hug the highway grid. East of the Mississippi, there’s wall-to-wall coverage, except for a handful of meager gaps centered on the Adirondacks, inland Maine, the Everglades, and outlying West Virginia. For maximum McSparseness, we look westward, towards the deepest, darkest holes in our map: the barren deserts of central Nevada, the arid hills of southeastern Oregon, the rugged wilderness of Idaho’s Salmon River Mountains, and the conspicuous well of blackness on the high plains of northwestern South Dakota. There, in a patch of rolling grassland, loosely hemmed in by Bismarck, Dickinson, Pierre, and the greater Rapid City-Spearfish-Sturgis metropolitan area, we find our answer."
30 Resources to Find the Data You Need | FlowingData
http://flowingdata.com/2009/10/01/30-resources-to-find-the-data-you-need/
Let's say you have this idea for a visualization or application, or you're just curious about some trend. But you have a problem. You can't find the data, and without the data, you can't even start. This is a guide and a list of sources for where you can find that data you're looking for. There's a lot out there. Universities Being a graduate student, I always look to the library for books and resources. Many libraries are amping up their technology and have some expansive data archives. Many statistics departments also tend to keep a list of data somewhere.
10 Inspirational New York Times multimedia and interactive features :: 10,000 Words :: multimedia, online journalism news and reviews
http://www.10000words.net/2009/07/10-inspirational-new-york-times.html
<<The New York Times, often lauded as one of the greatest producers of multimedia journalism, is inspirational not just because of the dazzling technologies that it uses to bring stories to life (Flash, databases, slideshows), but because of the selected stories themselves. While it has been said before on this site that there are a great many other news services creating amazing work, the Times remains a forerunner in the marriage of technology and journalism. Here are few of the Times' most impressive recent works:>>
10 inspirational features
The New York Times, often lauded as one of the greatest producers of multimedia journalism, is inspirational not just because of the dazzling technologies that it uses to bring stories to life (Flash, databases, slideshows), but because of the selected stories themselves. While it has been said before on this site that there are a great many other news services creating amazing work, the Times remains a forerunner in the marriage of technology and journalism.
New York City Homicides Map - The New York Times
http://projects.nytimes.com/crime/homicides/map?ref=nyregion
New York City Homicides Map - The New York Times
a macabre map... murders in new york
Each day, the New York Police Department announces major crimes, including most homicides, in the five boroughs. This data is compiled from those reports, in addition to news accounts, court records and additional reporting. The map will be updated as new information becomes available.
50 Great Examples of Data Visualization
http://ce.sysu.edu.cn/hope/Education/ShowArticle.asp?ArticleID=4883
tools
data sets, graphically displayed, overly complex, IMO
GunnMap 2
http://www.gunn.co.nz/map/
онлайн раскраска карты мира согласно любым стат данным
vivid color map statistics creation utility
IMPRESIONANTE APLICACION PARA GENERAR MAPAS DE DATOS A PARTIR DE FACTBOOK
Cool flash app which helps you create maps of the world with different colors for each country based on stats. So if you have numbers per nation, you can set values for each country then use settings to configure how the colors are applied (usually gradiented from one color to another).
gRaphaël—Charting JavaScript Library
http://g.raphaeljs.com/
gRaphaël’s goal is to help you create stunning charts on your website. It is based on Raphaël graphics library. Check out the demos to see static and interactive charts in action.
raphael.js and any (or all) of g.line.js, g.bar.js, g.dot.js and g.pie.js into your HTML page, then use it as simple as:
gRaphaël’s goal is to help you create stunning charts on your website. It is based on Raphaël graphics library. Check out the demos to see static and interactive charts in action. gRaphaël currently supports Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+.
gRaphaël’s goal is to help you create stunning charts on your website. It is based on Raphaël graphics library.
8 Awesome Mashups Made Possible by APIs
http://mashable.com/2009/10/08/top-mashups/
mashup is app
8 Awesome Mashups Made Possible by APIs http://bit.ly/BFfPa [from http://twitter.com/gohewitt/statuses/4713099243]
Really interesting/cool!
50-years-exploration-huge.jpg (JPEG Image, 3861x1706 pixels)
http://www.stevey.com/wp-content/uploads/2009/01/50-years-exploration-huge.jpg
Ein weiteres Stück in der Infographics-Sammlung. Ist aber auch ziemlich nice.
huge images showing all space missions
beautiful image of where the last 50yrs of space exploration have gone. nice picture
The 50 Funniest Internet Infographics : COED Magazine
http://coedmagazine.com/2009/08/19/the-50-funniest-internet-infographics/
20 Essential Infographics & Data Visualization Blogs | Inspired Magazine
http://www.inspiredm.com/2009/10/10/20-essential-infographics-data-visualization-blogs/
Nice collection of blogs specialising in good (and bad) data visualisation.
lista de blogs sobre graficos e infograficos
Gary's Social Media Count | PERSONALIZE MEDIA
http://www.personalizemedia.com/garys-social-media-count/
Running count of all social media activity
An intriguing social media "scoreboard" of sorts. You can embed it anywhere
Excellent 'live' social media counter/visualisation
"counter of social media uses"
Living statistics – Many of us who have been following social media since the early 90s are very sensitive to today’s exponential growth in usage of the sharing web. Inspired by other cool real time counters, my own Rise of SM presentations, Laurel Papworth and various videos I decided to put together this little Flash app (which is in constant development) showing how active & dynamic the Social Web is. More after the embed.
Flickr Photo Download: 50 Years of Space Exploration
http://www.flickr.com/photos/adamcrowe/4002050596/sizes/o/
Wow, what an amazing map, I wouldn't have expected that there had been as many missions as that!
Map of the Day - National Geographic Magazine
http://books.nationalgeographic.com/map/map-day/index
70 прекрасных примеров инфографики
http://www.visions.com.ua/70-prekrasnyx-primerov-infografiki/
Infográficos
Иногда вспоминаю свое первое постоянное место работы в одном небольшом издательстве, когда приходилось заниматься практически всем от разворотов и рекламных полос до лайтбоксов, обложек, иллюстраций и различных графиков. Особенно нравилось наглядно и доступно подавать большой объем информации или просто графически объяснять какие либо сложные моменты и явления. Даже где-то жаль, что сегодня нет необходимости рисовать такие вещи (равно как жаль что не сохранил свои старые работы), тем не менее интерес к инфографике остался и рубрика будет обязательно пополняться.
infograficos
Infográficos (em ucraniano)
70 awesome infographics. for some reason this is in russian.
13 Interesting Infographics for Web Workers | Web Design Ledger
http://webdesignledger.com/inspiration/13-interesting-infographics-for-web-workers
webdesignledger.com: infographics for web workers
Infographics are a great way to get people to actually look at data. The use of visual design elements can simplify complex information and make it easier to digest
Pedagogic periodic table
http://www.bp.com/liveassets/bp_internet/bpes_new/bpes_new_uk/STAGING/local_assets/downloads/secondary_resources/pt_preview_080409.jpg
Shows real life uses of all the elements in the periodic table
what elements are used for
Tweet 3D: View hot Twitter topics in 3D
http://tweet3d.com/
WP Cumulus & Twitter
Twitter Tag Clouds
27+ Beautiful Examples of Infographics | Dzine Blog
http://dzineblog.com/2009/10/27-beautiful-examples-of-infographics.html
Left vs Right (World) | David McCandless & Stefanie Posavec | Information Is Beautiful
http://www.informationisbeautiful.net/leftvright_world.html
um. hm. i don't agree with a bunch of this, but... the info flow is interesting.
left vs right stats information info
Ideas, issues, concepts, subjects - visualized!
30 Superb Examples of Infographic Maps | Webdesigner Depot
http://www.webdesignerdepot.com/2009/10/30-superb-examples-of-infographic-maps/
As designers, we’re constantly searching for ways to improve and style our designs, this is exactly what the following 30 infographics and sites display below; the breaking of rules.
As you search the web you'll come across a wide range of interactive and graphical maps. Deciding when, where and how to integrate or display a map on your
Grafitter // Visualizing Your Life on Twitter, IM, Delicious, and Blogger.
http://www.grafitter.com/
Nice idea: 1. Know yourself, 2. Collect data, 3 Visualise
Grafitter is a personal informatics tool for collecting and exploring information about your habits and patterns. Use the Grafitter format on Twitter, IM, Delicious, and Blogger to collect data about yourself easily and quickly.
Grafitter is a way collecting information about your self over time while sending updates with Twitter, using IM, saving bookmarks on Delicious, and writing a post on Blogger. Grafitter visualizes the information you record in graphs.
Home / Spectives.com
http://www.spectives.com/
セット、サイト、写真/画像/抽出
画像だけをいろんなところから検索してくれるサービス すげえ
How the Government Dealt With Past Recessions - Interactive Graphic - NYTimes.com
http://www.nytimes.com/interactive/2009/01/26/business/economy/20090126-recessions-graphic.html
Since the Great Depression, presidents have frequently experimented with Keynesian economics to combat recessions. Three economists chronicle the history of government policy during past recessions and explain what worked and what didn’t.
Keynesian economics
A possible web page for International Finance of Princ of finance
27250901.jpg (JPEG Image, 2321x1426 pixels)
http://www.newscientist.com/data/images/archive/2725/27250901.jpg
Charts showing the world today and 30 years ago.
New Scientist infographic
Chart with statistics and trends
good summary
the state of the world across a number of parameters
is the world getting better or worse?
Evidence of steady human progress but unsolved environmental issues
Left vs Right | Information Is Beautiful
http://www.informationisbeautiful.net/2009/left-vs-right/
Infrographic on the dividing politics of the world
[US or World version]
35 Years of the World’s Best Microscope Photography | Wired Science | Wired.com
http://www.wired.com/wiredscience/2009/10/photomicrography/
great images from microscopes from around the world
A Graphic History of Newspaper Circulation Over the Last Two Decades | The Awl
http://www.theawl.com/2009/10/a-graphic-history-of-newspaper-circulation-over-the-last-two-decades
...we've taken chunks of data for the major newspapers, going back to 1990, and graphed it, so you can see what's actually happened to newspaper circulation.
Every six months, the Audit Bureau of Circulations releases data about newspapers and how many people subscribe to them. And then everyone writes a story about how some newspapers declined some amount over the year previous. Well, that's no way to look at data! It's confusing—and it obscures larger trends. So we've taken chunks of data for the major newspapers, going back to 1990, and graphed it, so you can see what's actually happened to newspaper circulation. (We excluded USA Today, because we don't care about it. If you're in a hotel? You're reading it now. That's nice.)
Cell Size and Scale
http://learn.genetics.utah.edu/content/begin/cells/scale/
This graph helps grasping the infinte smallness of bacteries, molecules ..
On of those "Power of 10" zooms, but for biologicals.
Here's your answer... pretty cool.
Main Page - Emergent
http://grey.colorado.edu/emergent/index.php/Main_Page
Emergent, formerly PDP++
comprehensive simulation environment for creating complex, sophisticated models of the brain and cognitive processes using neural network models. These same networks can also be used for all kinds of other more pragmatic tasks, like predicting the stock market or analyzing data.
emergentTM (a major rewrite of PDP ) is a comprehensive simulation environment for creating complex, sophisticated models of the brain and cognitive processes using neural network models. These same networks can also be used for all kinds of other more pragmatic tasks, like predicting the stock market or analyzing data.
a comprehensive simulation environment for creating complex, sophisticated models of the brain and cognitive processes using neural network models
now in 3d
Neural network simulator
Live Interactive Ships Traffic Worldwide Map
http://download.hellenicshippingnews.com/img/all_google_map.html
おもしろすぎる
Mapa de trafico de barcos - tiempo real
pimping out git log - Bart's Blog
http://www.jukie.net/~bart/blog/pimping-out-git-log
Très joli git log --graph à consommer sans modération
You can run the following to add it to your ~/.gitconfig: git config --global alias.lg "log --graph --pretty=format:'%Cred%h%Creset
I love this custom log view for git
Cartographer.js – thematic mapping for Google Maps
http://cartographer.visualmotive.com/
Thematic mapping for Google Maps”—which means an easy way of adding heat maps (aka chloropleths), pie charts and point clusters as a layer over a Google map.
choropleths for google maps
A library that makes it easier to overlay various kinds of information over Google Maps.
xkcd - A webcomic of romance, sarcasm, math, and language - By Randall Munroe
http://xkcd.com/657/
Just awesome.
"These charts show movie character interactions. The horizontal axis is time. The vertical grouping of the lines indicates which characters are together at a given time." The Lord of the Rings box is the most impressive; also done for Star Wars (original trilogy), Jurassic Park, Primer, and 12 Angry Men.
http://xkcd.com/657/large/
http://xkcd.com/657/large/
from Tom — did a diagram like this by hand of software used per project over time, but this would be great to generate based on public scripts? [the script for Brick is online..]
so brilliant.
Chart of Moviecharacters,
Wow.
The New York Times - Innovation Portfolio
http://innovate.whsites.net/
Stunning directory of NY Times visualisations
HOLY VISUALISATION BATMAN!
Oooh shiny
every NYT interactive project
How To Use An Apostrophe - The Oatmeal
http://apostrophe.me/
for your inner grammar dork/nerd
love all this | Inspired by jeannr, I flowcharted the Beatles...
http://loveallthis.tumblr.com/post/166124704
Hey Jude flowcharted
mattt* / Chroma-Hash: A Belated Introduction
http://mattt.me/2009/07/chroma-hash-a-belated-introduction/
A very smart visualization of passwords and its effect on usability
Yesterday, I posted Chroma-Hash, an experiment in how to visualize the live-input of secure fields, such as a password on a login screen. So far, I’ve received a lot of great feedback, as well as a number of questions that I thought deserved a proper response. Before I go into any details, I invite you to check out the live demo, (if you haven’t seen it already), so you can get a clear idea of what Chroma-Hash does.
Article on how to solve the masked password issues. Solution doesn't work, but it's a start.
Elegant UI gives user visual feedback on correctness of "hidden" passwords
visualize the live-input of secure fields, such as a password on a login screen
The Quantified Self
http://www.kk.org/quantifiedself/2008/12/quantifying-myself.php
"I track myself - 40 things about my body, mind, and activity - every day" -- Alexandra Carmichael
"I track myself - 40 things about my body, mind, and activity - every day. The fact that I do this tracking seems to interest people. Whether they are driven by curiosity about the phenomenon of personal data collection, or by the desire for a yardstick by which to measure and compare themselves, the fascination exists."
The Jobless Rate for People Like You - Interactive Graphic - NYTimes.com
http://www.nytimes.com/interactive/2009/11/06/business/economy/unemployment-lines.html?hp
really interesting interactive visualization of unemployment by race, gender, age, and education
Impresionante gráfica del NYTimes sobre el desempleo por grupos de población. Vía http://twitter.com/kikollan
Great infographic, great data
Unemployment rate data visualisation from NYTimes
Informative.
"Not all groups have felt the recession equally."
The Jobless Rate for People Like You - Interactive Graphic - NYTimes.com
http://www.nytimes.com/interactive/2009/11/06/business/economy/unemployment-lines.html
Amazing chart to play around with.
Interesting dataset, but the population of all possible combinations of settings as a backdrop is a weird choice. It does make it easier to explore, but I'm not sure about it. Might be nicer to just show settings you've tried and build it up over time so it feels more like you're discovering the trends yourself? Also wish there was more granularity, but I guess you take what you can get from the labor statistics people.
Interesting graphic from the NYT. Graphs usually bore me, but this is engaging and relevant. Nice, subtle use of animation and background to add context.
Big Warm-up : Lands' End
http://www.bigwarmup.com/
7 Visualization Groups On Flickr to Find Inspiration | FlowingData
http://flowingdata.com/2009/11/06/7-visualization-groups-on-flickr-to-find-inspiration/
cyoa
http://samizdat.cc/cyoa/
choose your own adventure stories thoroughly visualized and diagrammed
choose your own adventure visualizations
Slick visualizations of choose your own adventure stories.
"When a world of new possibilities has just opened, it’s hard to find the will for restraint. But, in time, people scale back the more gratuitous uses of this sort of glitz, moving from what’s possible to what best suits the material." - analyzing the structure of "choose your own adventure" books
"13 months and 11k lines of code later, i’ve finished up the choose your own adventure project. all told i ended up cataloging a dozen books from the early-to-mid 80s, looking for patterns in their construction and in the paths made by different readers through them. these short, simple books had a surprisingly complicated structure with their interlocking pages & choices. as a kid the idea of writing one and keeping all those pages straight boggled my mind. what was lost on me at the time was that even a list of hundreds of page numbers can be comprehensible if it’s redrawn as a diagram. these days i feel like i approach everything that way. so here is my look back at an obsession from my past, using graphical obsessions of the present to guide the way." via http://etc.samizdat.cc/2009/11/the-rules-of-the-game
Visualizations of flow through Choose Your Own Adventure books.
The Berlin Wall: 20 Years Later - A Division Through Time - Interactive Feature - NYTimes.com
http://www.nytimes.com/interactive/2009/11/09/world/europe/20091109-berlinwallthennow.html?hp
Excellent article/information/photographic visualization of the Berlin Wall.
Cool side-by-side comparison of Berlin then and now.
I love these types of interactive pictures. More like this please.
Slider showing before and after photographs of Berlin.
Mandelbulb: The Unravelling of the Real 3D Mandelbrot Fractal
http://www.skytopia.com/project/fractal/mandelbulb.html
Kolmiulotteista mandelbrot-vaahtoa.
the Real 3D Mandelbrot Fractal
fractals en 3D
How to Make a US County Thematic Map Using Free Tools | FlowingData
http://flowingdata.com/2009/11/12/how-to-make-a-us-county-thematic-map-using-free-tools/
Nice tutorial.
This worked very well; lots of ideas here.
vitamin d : home
http://www.vitamindinc.com/
Simple video monitoring software brings enterprise-grade functionality to anyone with a webcam or network camera.
Introducing Vitamin D Video. Our simple video monitoring software brings enterprise-grade functionality to anyone with a webcam or network camera.
Demo scripts for gnuplot CVS version
http://skuld.bmsc.washington.edu/~merritt/gnuplot/canvas_demos/
The canvas driver for gnuplot was contributed by Bruce Lueckenhoff, and extended by Ethan Merritt (sfeam). To view the results you need a browser that supports the HTML 5 'canvas' element.
Gnuplot demo scripts run through the HTML canvas terminal See also the demo output for the PNG and SVG terminals. Your browser may not support the HTML 5 canvas element The canvas driver for gnuplot was contributed by Bruce Lueckenhoff, and extended by Ethan Merritt (sfeam). To view the results you need a browser that supports the HTML 5 'canvas' element. That currently means firefox, safari, opera, or konqueror (KDE 4.2).
tumblr_kolo40SQZq1qzy3cwo1_r1_500.jpg (JPEG Image, 500x667 pixels)
http://5.media.tumblr.com/tumblr_kolo40SQZq1qzy3cwo1_r1_500.jpg
wykres zrobiony z piosenki beatelsów
Hey Jude Flowchart
2012: The End Of The World? | Information Is Beautiful
http://www.informationisbeautiful.net/visualizations/2012-the-end-of-the-world/
2012 el FIN?
A lovely visual analysis of the "Mayan calendar" issue.
Google Image Swirl
http://image-swirl.googlelabs.com/
Not exactly sure what it's doing, but it looks like it is creating a mindmap of searched images. Looks super-cool
not as good as cool iris but interesting
Cloud Computing Ecosystem Map - Appirio
http://www.appirio.com/ecosystem/
cyoa
http://samizdat.cc/cyoa/#/_
As a child of the 80s, the Choose Your Own Adventure books were a fixture of my rainy afternoons. My elementary school library kept a low, fairly unmaintained-looking shelf of them hidden in one of its back corners. Whether this non-marquee placement was an attempt by the librarians to deemphasize the books in favor of ‘serious’ (children’s) literature or was simply my good luck I still haven’t worked out. But it meant there was a place that I could retreat to and dive into unfamiliar worlds without distraction.
Amazing website dedicated to choose your own adventure books
In the story, your concord flight is interrupted when you are beamed aboard a nearby spacecraft trolling the universe for intelligent life. Once aboard you discover your new captors, the U-TY, are interested in keeping you around only to the extent that you can help them find Ultima, the ‘planet of paradise’. The planet’s location is cloaked in mystery and you are only told that it’s a place that cannot be reached ‘by making a choice or following directions’. However this is all foreshadowing for when the reader finally becomes frustrated in the apparently impossible quest and begins flipping through the book hunting for that ending. In fact not choosing is the only way to reach Ultima. The branch diagram for UFO 54-40 is unique in that it has one ending – the Ultima ending – which is completely disconnected from the rest of the story. It exists as an island, unreachable through choices but discoverable thanks to the random access nature of the book.
The Anatomy Of An Infographic: 5 Steps To Create A Powerful Visual | Spyre Studios
http://spyrestudios.com/the-anatomy-of-an-infographic-5-steps-to-create-a-powerful-visual/
Advice on how to make really useful infographics.
Information is very powerful but for the most bit it is bland and unimaginative. Infographics channel information in a visually pleasing, instantly understandable manner, making it not only powerful, but extremely beautiful. Once used predominantly to make maps more approachable, scientific charts less daunting and as key learning tools for children, inforgraphics have now permeated all aspects of the modern world.
What is Pivot?
http://getpivot.com/
Here at Live Labs we’re all about experiments, and Pivot is our most ambitious to date. Pivot makes it easier to interact with massive amounts of data in ways that are powerful, informative, and fun. We tried to step back and design an interaction model that accommodates the complexity and scale of information rather than the traditional structure of the Web.
Welcome to Cartography 2.0
http://cartography2.org/
Animated and interactive maps
15 Beautiful Examples Of Infographics For Your Inspiration | Web Design Tutorials | Creating a Website | Learn Adobe Flash, Photoshop and Dreamweaver
http://www.webdesigndev.com/inspiration/15-beautiful-examples-of-infographics-for-your-inspiration
multimediafinal
http://cohort11.americanobserver.net/latoyaegwuekwe/multimediafinal.html
Timeline of unemployment rate, county by countr
Animated time-lapse map of county-by-county unemployment rates in the U.S. since January 2007. Jarring.
Creepy.
This depicts a graphic of the unemployment rate from 2007 to current date. Fascinating.
Wow.
Physical Storage vs. Digital Storage | The Mozy Blog
http://www.mozy.com/blog/misc/physical-storage-vs-digital-storage/
Physical and digital storage
PaperCube - Peter Bergström
http://papercube.peterbergstrom.com/
"PaperCube is a new experimental tool exploring the visual navigation of academic citation networks."
Terrific visualization tool for exploring connections between authors and citations.
Incredibly pertinent on bibliometry. Nice.
Pulse Laser: Here & There influences
http://schulzeandwebb.com/blog/2009/05/04/here-there-influences/
Schulze describes some of the influences behind the projection prints of NYC. I loved these maps at first sight, but missed this in-depth piece shedding light on some of the thinking behind them.
A great example of the erudition that Schulze and Webb display. "I’ve been observing the look and mechanisms in maps since I began working in graphic design. For individuals, and all kinds of companies, cities are an increasing pre-occupation. Geography is the new frontier. Wherever I look in the tech industry I see material from architects and references and metaphors from the urban realm. Here & There draws from that, and also exploits and expands upon the higher levels of visual literacy born of television, games, comics and print."
A really useful Wordle trick
http://www.jamiekeddie.com/602
Using a tilde to use phrases in Wordle
A really useful blog post about Wordle. Specifically, how to include phrases word clouds, as well as just clouds.
If you look at the above word cloud, you can see that there are three other phrases/collocations included in Sylvie’s word cloud: “Lesson plans”, “Body language”, and “Young learners”. Sylvie showed me that the answer lies with the tilde sign (~). Whenever you are pasting text into the “Paste in a bunch of text” window, insert that character between any words that you want to keep together:
Annotated link http://www.diigo.com/bookmark/http%3A%2F%2Fwww.jamiekeddie.com%2F602
Polls can affect president's hold on party - USATODAY.com
http://www.usatoday.com/news/washington/presidential-approval-tracker.htm
Polls can affect president's hold on party - USATODAY.com
The Gallup organization first started asking Americans how they approved of the job the president was doing in the 1940s. See how each president since then has fared in the approval poll, look at some news events that influenced public opinion and compare how approval ratings evolved for each president.
Presidential approval ratings over time
Visualizing empires decline on Vimeo
http://vimeo.com/6437816
crazy
"This is mainly an experimentation with soft bodies using toxi's verlet springs. The data refers to the evolution of the top 4 maritime empires of the XIX and XX centuries by extent. The visual emphasis is on their decline." [Via: http://kottke.org/09/11/the-fall-of-empires "The fall of empires A visualization of the decline of the world's four maritime empires (British, Portuguese, French, Spanish) from 1800 to 2009."]
his is mainly an experimentation with soft bodies using toxi's verlet springs. The data refers to the evolution of the top 4 maritime empires of the XIX and XX centuries by extent. The visual emphasis is on their decline. More on that project mondeguinho.com/master/visual-experimentations/visualizing-empires
9 Ways to Visualize Proportions – A Guide | FlowingData
http://flowingdata.com/2009/11/25/9-ways-to-visualize-proportions-a-guide/
Nice summary of some data visualization techniques
visualization data charts
"figure out what graph or chart suits your data best"
Nice range of options for viewing fractions... ratios...
The Boom of Social Sites | Other | Focus.com
http://www.focus.com/fyi/other/boom-social-sites/
The explosion of social networking sites over the past decade has facilitated a transformation in the way we communicate with each other. Here we look at some of these communities with over 1 million users, both active and defunct.
gráfico con número de usuarios de las redes sociales desde el comienzo
Infographic of various social sites, dates est and members
Interactive Map Showing Immigration Data Since 1890 - Interactive Graphic - NYTimes.com
http://www.nytimes.com/interactive/2009/03/10/us/20090310-immigration-explorer.html?hp
See how foreign-born groups settled in your area and across the United States from 1880 to 2000.
This is really pretty cool, particularly how the trends so visibly change over time.
Select a foreign-born group to see how they settled across the United States.
FOUNDATION vol.02
http://www.public-image.org/foundation/
グラフィック集団 ADAPTER を主宰する針谷建二郎さんにより設立されたクリエイティブスタジオ ANSWR が運営する Webマガジン Public/image.org と連動したライブイベント「Public/image.FOUNDATION vol.02」(12月5日(金)に代官山 UNIT にて開催)の特設サイト
3D 線, good design
ADAPTER ANSWR 針谷健二郎さん
ちょっと怖い。nextとbackが逆で違和感
tweet cloud
http://tweetcloud.icodeforlove.com/index.php
twitter visualization tweetcloud cloud tools
Create a picture of your own tweets
Tweet Cloud is a service that lets you generate a cool looking cloud of the words your tweets mostly contain.
YjWta.jpg (JPEG Image, 1024x767 pixels)
http://i.imgur.com/YjWta.jpg
Pick the right chart based on what you are trying to convey.
Chart Suggestions - A Thought Starter
Chart Suggestions - A Thought-Starter. What would you like to show
BBC News - Information goes out to play
http://news.bbc.co.uk/2/hi/uk_news/magazine/8381597.stm
The power of visual information
chart
Serious information used to be relayed in words, graphs and charts - pictures were just pretty window dressing. That's all changing, says David McCandless. E-mails. News. Facebook. Wikipedia. Do you ever feel there's just too much information? Do you struggle to keep up with important issues, subject and ideas? Are you drowning in data? In this age of information overload, a new solution is emerging that could help us cope with the oceans of data surrounding and swamping us. It's called information visualisation.
Serious information used to be relayed in words, graphs and charts - pictures were just pretty window dressing. That's all changing, says David McCandless.
Wikiopole
http://labs.wikio.net/wikiopole/
outil de cartographie des blogs référencés par Wikio
Trend Tracker: Current and emerging Twitter trends presented to you by the forward-thinking Palm® Pre™.
http://www.palmtrendtracker.com/
excelente herramienta de trackeo de twitter
Aplicación simple e intuitiva que permite realizar un seguimiento en tiempo real de las tendencias en Twitter con dos particularidades: permite comparar el número de menciones de cada tag así como el origen geográfico de los mismos.
트위터를 이용한 이슈 트렌드
Permite ver la tendencia de uso de palabras en Twitter
FlockDraw
http://flockdraw.com/
FlockDraw is the most seamless realtime collaborative drawing tool ever.
Art sharing
"Paint a simple masterpiece. Make a point visually."
Great way to collaborate on basic drawings. Online tool.
Highcharts - Interactive JavaScript charts for your webpage
http://www.highcharts.com/
ota
Wolfram|Alpha Blog : Step-by-Step Math
http://blog.wolframalpha.com/2009/12/01/step-by-step-math
xkcd - A Webcomic - Depth
http://xkcd.com/485/
Best yet!
Times Skimmer by The New York Times
http://www.nytimes.com/timesskimmer/
ranked according to the the recommendations of the New York Times' editorial team. rss feel interface, 8 types of layouts
Alternate way of browsing NYT content. Good use of layout and @font-face
a new application for NYTimes.com that provides online readers with the layout and experience of paging through a newspaper
"I like this new interface to the NYT online. The Times’s PR announcement describes it as more like a newspaper, but I’d say that’s true only in spirit. It’s far less cluttered than the regular Times web site layout, and it feels faster. Cutting-edge on the tech side, too: in Safari it displays headlines and sub-heads using the same fonts as the print edition, thanks to the new CSS @font-face property and TypeKit."
http://apps.asterisq.com/mentionmap/#
http://apps.asterisq.com/mentionmap/
"An exciting web app for exploring your Twitter network. Discover which people interact the most and what they're talking about. It's also a great way to find relevant people to follow."
Find people to follow on Twitter
see who mentions who in the twitterverse. No login reqd
Mark Coleran Visual Designer » Playback Graphics
http://blog.coleran.com/category/portfolio/screendesign
Flickr Photo Download: Low cost flying
http://www.flickr.com/photos/metrobest/3491197426/sizes/o/in/set-72157617478192160/
Comparison between low cost and regular airline infographic
Mr Speaker presents: Parcycle. A HTML5 Canvas Particle System
http://www.mrspeaker.net/dev/parcycle/
Shows how powerful the canvas tag is in html 5.
Bill the Lizard: Six Visual Proofs
http://www.billthelizard.com/2009/07/six-visual-proofs_25.html
digg labs / 365
http://labs.digg.com/365/
Une interface en 360 ° plutôt réussi pour gérer de sliens Digger
les évènements importants de 2009 par digg
Envisioning Development: What is Affordable Housing?
http://envisioningdevelopment.net/map
http://www.ajax.org/public/presentation/tae/presentation2.html#home
http://www.ajax.org/public/presentation/tae/presentation2.html#home
świetny engine client side do wykresów itp, urywa głowę
Climate Change Deniers vs The Consensus | Information Is Beautiful
http://www.informationisbeautiful.net/visualizations/climate-change-deniers-vs-the-consensus/
Found on Giulio's Copenhagen climate conference blog
an excellent, important infographic
A very nice looking graphical summary of the claims and counter-claims of global warming skeptics and the scientific consensus response to all the denier's claims. Very nice bit of work.
Chromoscope
http://www.chromoscope.net/
Beautiful multi-band images of the Milky Way
for video giving instructions, see http://blog.chromoscope.net/2009/12/what-is-the-chromoscope/
שבי להחלב באורכי גל שונים
28 Rich Data Visualization Tools - InsideRIA
http://www.insideria.com/2009/12/28-rich-data-visualization-too.html
nice web based viz tools
Amazing collection of web graphing tools. Nice to see data-driven graphics, for a change!
dygraphs JavaScript Visualization Library
http://www.danvk.org/dygraphs/
See downloads, gallery and open issues dygraphs is an open source JavaScript library that produces produces interactive, zoomable charts of time series. It is designed to display dense data sets and enable users to explore and interpret them.
haded areas show its m
the cool
The Facts About Bottled Water
http://www.onlineeducation.net/bottled_water/
Far too many countries purchase bottled water instead of just taking it from the tap. Not only is this common practice wasteful, the water consumed is frequently less safe than what comes out of your faucet. Read more about the truth of bottled water in this graphic.
I've heard some of these statistics before, but find it more digestible in infographic form. Really though, stop buying bottled water if you can help it.
Python Open Flash Chart (pyOFC2) — Home
http://btbytes.github.com/pyofc2/index.html
[python][chart]
some slick python charting software
http://www.axiis.org/examples/BrowserMarketShare.html
http://www.axiis.org/examples/BrowserMarketShare.html
a nice browser market share time-line visualization!
A Day in the Internet
http://www.onlineeducation.net/internet/
Some of us never realize how huge the internet really is.
Take a look at these numbers and you may be shocked at how enormous the Internet is on an average day.
Where Does My Money Go?
http://www.wheredoesmymoneygo.org/prototype/
Excellent visualisation of UK government spending volume
5 Best Data Visualization Projects of the Year – 2009 | FlowingData
http://flowingdata.com/2009/12/16/5-best-data-visualization-projects-of-the-year-2009/
Very interesting online data visualization example. Found the NYT unemployment chart by demographic very interesting and easy to use.
| FlowingData" Data has been declared sexy, and the rise of the data scientist is here. http://j.mp/6xbP4C
Interact: Watch 24 Brilliant Hours of U.S. Flights
http://www.wired.com/special_multimedia/2009/ff_airspace_map_1703
Very cool xray like looking map of flight lines
Flight patterns information visualization for the US in a 24 hour period. Where the flights are going and what their altitude is (altitude is mapped with color, darker is higher, lighter is lower)
Map showing bright spots at airports 8/12/08
Google Maps parnership
Looks like connecting neurons in the brain..
Eight cool social media infographics | Blog | Econsultancy
http://econsultancy.com/blog/5126-eight-cool-social-media-infographics
So, inspired by the newest of social media infographics, I thought it might be useful to collect some of the better examples in one place as a source of inspiration and information. Links to the actual graphics are in the headline titles.
Great for business!!! Cyentist & 430
Cool graphics explaining social media
10 Useful Flash Components for Graphing Data
http://digg.com/d1o07F
Good review of flash components for graphing
TufteGraph: beautiful charts with jQuery
http://xaviershay.github.com/tufte-graph/
Make pretty graphs with javascript, using jQuery
Official Google Blog: Power to the people
http://googleblog.blogspot.com/2009/02/power-to-people.html
Google states its mission for introducing the power meter and the reasoning behind it. By making information accessible and available to everyone, they try to save the environment. They also state actions taken to arouse attention for that subject and their activities to promote it. They make suggestions for policies and point out costumer tools they develop.
Feb 2009. - Google describes technology to monitor energy use
Google’s mission is to "organize the world’s information and make it universally accessible and useful," and we believe consumers have a right to detailed information about their home electricity use.
There is no one-size-fits-all solution to providing consumers with detailed energy information. And it will take the combined efforts of federal and state governments, utilities, device manufacturers, and software engineers to empower consumers to use electricity more wisely by giving them access to energy information.
YouTube - The Known Universe by AMNH
http://www.youtube.com/watch?v=17jymDn0W6U
Watch an incredible travel to the end of the universe and back. http://bit.ly/5lNzl1
r|t, simulation, univers, -th|l, [4], ****, ººººº.
Similar to Powers of 10, but a little more detailed
Video visualization of the universe
Obesity System Influence Diagram
http://www.shiftn.com/obesity/Full-Map.html
Nice interactive information visualization diagram
Diagram explaining the obesity problem system. Complex, but interesting
A great mapping of the obesity actor system
shiftn obesity diagram
whoa.
Great interactive diagram of factors that cause obesity
Docstoc DocShots: Presenting Your Docs Online
http://www.docstoc.com/docshots/
The Best Way to Present Multiple Documents via Your Website or Blog
Docshots is the best way!
Docstoc is a community for people to find and share professional documents. Find free legal documents and free business documents.
Ver documentos en linea
present multiple documents via your website or blog
BibliOdyssey: Nuclear Reactor Wall Charts
http://bibliodyssey.blogspot.com/2009/12/nuclear-reactor-wall-charts.html
Nuclear Reactor Wall Charts
Cutaway illustrations of Nuclear Power Reactors. Linked via John Nack at Adobe.
Op-Chart - Picturing the Past 10 Years - Graphic - NYTimes.com
http://www.nytimes.com/interactive/2009/12/27/opinion/28opchart.html
One of the best, most compelling, incisive, pithy graphics I have ever seen.
Great picture chart 10 years of history
Zero Intelligence Agents » Must-Have R Packages for Social Scientists
http://www.drewconway.com/zia/?p=1614
will send it to Chopy
"If you conduct social science research but are desperately clinging onto your SAS, SPSS or Matlab licenses; waiting for someone to convince you of R’s value, please allow me to be the first to try".
Main Page - Synesketch Wiki
http://www.synesketch.krcadinac.com/wiki/index.php?title=Main_Page
Charts: Flowchart Decides Which Chart Style is Best for Your Data
http://lifehacker.com/5134033/flowchart-decides-which-chart-style-is-best-for-your-data
BibliOdyssey: Victorian Infographics
http://bibliodyssey.blogspot.com/2009/12/victorian-infographics.html
collection of infographics from Victorian era books/publications
Victorian Infographics -- animals, time, and space from the Victorians. It's beautiful, it's meaningful, it must be infoengravings.
BibliOdyssey: Victorian Infographics design, illustration, visualization, history, science, graphics, books, maps, science, vintage, infographics
The Story Of Twitter In Picture Form
http://www.techcrunch.com/2009/06/22/the-story-of-twitter-in-picture-form/
Twitter in Pictures
History of Twitter
PHP/SWF Charts > Introduction
http://www.maani.us/charts4/
PHP/SWF Charts is a simple, yet powerful PHP tool to create attractive web charts and graphs from dynamic data. Use PHP scripts to generate or gather the data from databases, then pass it to this tool to generate Flash (swf) charts and graphs. Any other scripting language (ASP, CFML, Perl, etc.) can be used with XML/SWF Charts (the XML version of the same tool.) PHP/SWF Charts makes the best of both the PHP and SWF worlds. PHP scripts provide integration, and Flash provides the best graphic quality.
UNIQLO TRY
http://www.uniqlo.com/try2/
UNIQLO TRY - RESEARCH ENTERTAINMENT.
opiniões de pessoas do mundo todo. Vc navega pelo globo e vai vendo os vídeos. Classe!
地球
http://xkcd.com/681_large/
http://xkcd.com/681_large
Check out the little bloke on Neptune...
Cool graphic comparing gravity wells of solar system.
The "blueprints" of Monsieur Eiffel
http://www.la-tour-eiffel.org/teiffel/uk/documentation/structure/page/planches.html
The
These designs are reproductions of Eiffel's original designs included in his book "The 300 Meter Tower", Lemercier publications, Paris 1900.
para Histourist
Science News / Florence Nightingale: The Passionate Statistician
http://www.sciencenews.org/view/generic/id/38937/title/Math_Trek__Florence_Nightingale_The_passionate_statistician
How Florence Nightingale used statistics and good visualization to persuade the queen of England to improve the military medical service.
passion, persistence, for the least, but combined with competency and intelligence
BibliOdyssey: River Deep Mountain High
http://bibliodyssey.blogspot.com/2008/10/river-deep-mountain-high.html
Maps hdma
PER AGED AIR
100 Incredible & Educational Virtual Tours You Don’t Want to Miss | Online Universities
http://www.onlineuniversities.com/blog/2010/01/100-incredible-educational-virtual-tours-you-dont-want-to-miss/
11 Ways to Visualize Changes Over Time – A Guide | FlowingData
http://flowingdata.com/2010/01/07/11-ways-to-visualize-changes-over-time-a-guide/
WSJ.com
http://online.wsj.com/public/resources/documents/info-presapp0605-31.html?r
Comparing presidential approval ratings over the decades.
Annotated link http://www.diigo.com/bookmark/http%3A%2F%2Fonline.wsj.com%2Fpublic%2Fresources%2Fdocuments%2Finfo-presapp0605-31.html%3Fr
BBC NEWS | Science/Environment | Audio slideshow: The art of mathematics
http://news.bbc.co.uk/2/hi/science/nature/7617191.stm
nifty slide show of mathematical works (fractals, etc.), with explanation by mathematician
Fractal amazingness
for students
Schoonheid in beeld en wiskunde!
25 Mind Blowing Social Media Infographics
http://www.webdoctus.com/2010/01/25-mind-blowing-social-media-infographics/
pyprocessing - Project Hosting on Google Code
http://code.google.com/p/pyprocessing/
This project provides a Python package that creates an environment for graphics applications that closely resembles that of the Processing system
Python implementation of Processing, based on Pyglet.
A Processing-like environment for doing graphics with Python
A Peek Into Netflix Queues - NYTimes.com
http://www.nytimes.com/interactive/2010/01/10/nyregion/20100110-netflix-map.html?hp
visualisation of rentals of films from netflix. be nice to correlate this to income levels and general demographic data
Examine maps of Netflix rental patterns, neighborhood by neighborhood, in a dozen cities across the nation.
A Peek Into Netflix Queues - NYTimes.com
http://www.nytimes.com/interactive/2010/01/10/nyregion/20100110-netflix-map.html
Examine maps of Netflix rental patterns, neighborhood by neighborhood, in a dozen cities across the nation.
Visual depiction of datamining Netflix queues by New York City districts.
#infografico Os filmes mais alugados na Netflix de acordo com o CEP em 12 cidades dos EUA http://bit.ly/6yQ7LD /by NYTimes.com
Netflix queues by location. Interesting, although only for certain areas (I find it cool cause I can look around Seattle).
Digital Podge 2009 - Measurable Fun | 17th December 2009
http://digitalpodge.co.uk/2009/
Digital Podge 2009 - infographic-style website
The use simple datavis to show the website infos
Great charts & infographics
HINT.FM / Fernanda Viegas & Martin Wattenberg
http://hint.fm/
This is the collaboration site of Fernanda Viégas and Martin Wattenberg. We invent new ways for people to think and talk about data. As technologists we ask, Can visualization help people think collectively? Can visualization move beyond numbers into the realm of words and images? As artists we seek the joy of revelation. Can visualization tell never-before-told stories? Can it uncover truths about color, memory, and sensuality?
"This is the collaboration site of Fernanda Viégas and Martin Wattenberg."
15 Awesome Free JavaScript Charts / JavaScripts / SPLASHnology - Web Design & Web Technology Community
http://www.splashnology.com/blog/javascripts/290.html
OpenSCAD - The Programmers Solid 3D CAD Modeller
http://openscad.org/
OpenSCAD is a software for creating solid 3D CAD objects. It is free software and available for Linux/UNIX, MS Windows and Apples OS X. Unlike most free software for creating 3D models (such as the famous application Blender) it does not focus on the artistic aspects of 3D modelling but instead on the CAD aspects. Thus it might be the application you are looking for when you are planning to create 3D models of machine parts but pretty sure is not what you are looking for when you are more interested in creating computer-animated movies. OpenSCAD is not an interactive modeller. Instead it is something like a 3D-compiler that reads in a script file that describes the object and renders the 3D model from this script file (see examples below). This gives you (the designer) full control over the modelling process and enables you to easily change any step in the modelling process or make designes that are defined by configurable parameters. OpenSCAD provides two main modelling techniques:
OpenSCAD is a software for creating solid 3D CAD objects. It is free software and available for Linux/UNIX, MS Windows and Apples OS X. Unlike most free software for creating 3D models (such as the famous application Blender) it does not focus on the artistic aspects of 3D modelling but instead on the CAD aspects. Thus it might be the application you are looking for when you are planning to create 3D models of machine parts but pretty sure is not what you are looking for when you are more interested in creating computer-animated movies. OpenSCAD is not an interactive modeller. Instead it is something like a 3D-compiler that reads in a script file that describes the object and renders the 3D model from this script file (see examples below). This gives you (the designer) full control over the modelling process and enables you to easily change any step in the modelling process or make designes that are defined by configurable parameters.
The Programmers Solid 3D CAD Modeller
indiemapper
http://indiemapper.com/
indiemapper - Elegant Thematic Digital Cartography (coming soon) http://retwt.me/1LmXy #maps #gis [from http://twitter.com/geoparadigm/statuses/7290862695]
The Apple App Store Economy – GigaOM
http://gigaom.com/2010/01/12/the-apple-app-store-economy/
chart of iTunes app sales
nerd-venn-diagram-9420-1252236207-2.jpg (JPEG Image, 434x407 pixels)
http://s2.buzzfeed.com/static/imagebuzz/terminal01/2009/9/6/7/nerd-venn-diagram-9420-1252236207-2.jpg
Where does the intense kid with the retractable keys fit?
Newspaper circulation - The Wall Street Journal Online
http://online.wsj.com/public/resources/documents/NEWSPAPERS0903.html
this chart rocks
Parce que la visualisation est présente absolument partout et qu'elle peut être relativement parlante, en voici une...
Track events (bankruptcy, layoffs, closings, etc.) and readership at the top 100 newspapers (by circulation)
20 Fresh JavaScript Data Visualization Libraries
http://sixrevisions.com/javascript/20-fresh-javascript-data-visualization-libraries/
Michael Deal ◊ Graphic Design
http://mikemake.com/#72772/Charting-the-Beatles
Exploration of Beatles music through infographics
Graphic designer Michael Deal's infographics of Beatles statistics both obvious (songwriting credits) and unusual (metareferences).
Exploration of Beatles music through infographics (ongoing project) These visualizations are part of an extensive study of the music of the Beatles. Many of the diagrams and charts are based on secondary sources, including but not limited to sales statistics, biographies, recording sesion notes, sheet music, and raw audio readings. Join this project here.
Design: The Periodic Table of Typefaces
http://i.gizmodo.com/5169466/the-periodic-table-of-typefaces
CSScharts - bar charts created with pure CSS
http://icant.co.uk/csscharts/
CSScharts - bar charts created with pure CSS - http://icant.co.uk/csscharts/
bar chart pure css
How to Make a Heatmap – a Quick and Easy Solution | FlowingData
http://flowingdata.com/2010/01/21/how-to-make-a-heatmap-a-quick-and-easy-solution/
R言語/統計解析言語、ヒートマップ、可視化
tutorial R
heatmaps
http://www.michaelvandaniker.com/labs/browserVisualization/
http://www.michaelvandaniker.com/labs/browserVisualization/
socialnetworks-oct08.png (PNG Image, 1425x625 pixels)
http://www.oxyweb.co.uk/blog/socialnetworks-oct08.png
map of social networks 2008
Map of Social Networks by popularity in various countries
Oxyweb. Stats from Alexa
World Government Data | guardian.co.uk
http://www.guardian.co.uk/world-government-data
Tehgrauniad's search engine for government data sets.
more info : http://www.guardian.co.uk/news/datablog/2010/jan/07/government-data-world
The one-stop shop for World Government datasets from The Guardian.
Buscador de datos gubernamentales mundiales de The Guardian
Governments around the globe are opening up their data vaults – allowing you to check out the numbers for yourself. This is the Guardian’s gateway to that information. Search for government data here from the UK (including London), USA, Australia and New Zealand – and look out for new countries and places as we add them.
どのグラフを使えばいいかを1枚の画像にまとめてみた…の図を日本語化してみた - 適宜覚書はてな異本
http://d.hatena.ne.jp/dacs/20091226/1261827069
グラフの使い分け。
http://i.imgur.com/YjWta.jpg
Highcharts Demo Gallery
http://highcharts.com/demo/
gráficas chart usando javascript
HINT.FM: Web Seer
http://hint.fm/seer/
Web Seer Compare Google Suggest results. Try the beginnings of questions: "are men" vs. "are women" or "will he" vs. "will she."
Let's you compare difference in Google Suggest
Nicholas Felton | Feltron.com
http://feltron.com/index.php?/content/2009_annual_report/
A grapical poster representation of personal relations.
毎年カッチョイイビジュアライゼーション芸が楽しいNicholas Feltonさんの自分レポート2009年度版。
[img]http://feltron.com/images/uploads/ar09_01.jpg[/img]
BBC NEWS | Technology | Google Earth revives ancient Rome
http://news.bbc.co.uk/2/hi/technology/7725560.stm
Google has added a new twist to its popular 3D map tool, Google Earth, offering millions of users the chance to visit a virtual ancient Rome. ... This is another step in creating a virtual time machine.
Planets
http://www.gunn.co.nz/astrotour/?data=tours%2Fretrograde.xml
Simulación del sistema solar. Puedes poner a cualquier planeta como centro del sistema, y ver cómo son las órbitas de los demás vistas desde él
Planets
History Lesson: The Story of Beer | Manolith
http://www.manolith.com/2009/04/15/history-lesson-the-story-of-beer/
Manolith - History Lesson:
Apple’s Cool Matrix-Style App Wall
http://www.techcrunch.com/2009/06/08/apples-cool-matrix-style-app-wall/
Apple’s Cool Matrix-Style App Wall
The AppWall
TechCeunch
Information is beautiful: 30 examples of creative infography
http://www.designer-daily.com/information-is-beautiful-30-examples-of-creative-infography-5538
Unfortunatly I never had the opportunity to do client work on an infography, but it seems to be one of the most challenging task for a graphic designer. The perfect infography must synthetize complex information in a simple visual representation, which is not easy. The following examples take information architecture to another level by making it beautiful.
Stunning Infographics and Data Visualization - Noupe
http://www.noupe.com/inspiration/stunning-infographics-and-data-visualization.html
Mouse pointer track on Flickr - Photo Sharing!
http://www.flickr.com/photos/anatoliy_zenkov/4271592658/
This is my java applet. You can take it here: dl.dropbox.com/u/684632/mousepath.exe.zip (PC) dl.dropbox.com/u/684632/mousepath.jar (Mac). Run it and leave in background. "S" - save image. "R" - restart.
Mouse pointer track after 3 hours of working in Photoshop. Black circles are pointer stops (not clicks).
Neat little piece of technology that tracks where you've been clicking, where your mouse was when you went out for a ciggie or a coffee break.
Mouse pointer track by Anatoly Zenkov. Mouse pointer track after 3 hours of working in Photoshop. Black circles are pointer stops (not clicks). This photo has notes. Move your mouse over the photo to see them. Comments view profile jonobr1 Pro User says:
awesome, and the comments include a link to the java app which you can download to track your own mouse movements
State of the Internet Explained In One Giant Infographic [PIC]
http://mashable.com/2010/02/02/state-of-the-internet-image/
Statistics
The State of the Internet
http://www.focus.com/fyi/information-technology/state-internet/
Focus, Feb. 2, 2010.
The State of the Internet
visualization of stats rec by Kathy Schrock
Using data from the Pew Research Center, Technorati, and other organizations, Focus has produced an infographic about Internet use and Internet access in 2009.
JSLab PlotTool 1.0.0 beta
http://www.jslab.dk/plottool.htm
Javascript 开发的数学绘图工具
웹기반 그래프 작성
plotter, graficador de funciones, hecho en javascript
WordItOut - Transform your text into word clouds!
http://worditout.com/
"Simply enter some text and create your word cloud!: Customise many settings * Share your word cloud (or keep it secret!) * Embed it on your own website"
word clouds
Lexical Analysis of 2008 US Presidential and Vice-Presidiential Debates - Who's the Windbag?
http://mkweb.bcgsc.ca/debates/
Lexical Analysis of 2008 US Presidential and Vice-Presidiential Debates
wow - this is impressive. Lexical Analysis of Pres debates: http://mkweb.bcgsc.ca/debates/ [from http://twitter.com/pollyrt/statuses/963468907]
Beautiful Motion Graphics Created With Programming: Showcase, Tools and Tutorials - Smashing Magazine
http://www.smashingmagazine.com/2010/02/06/beautiful-motion-graphics-created-with-programming-showcase-tools-and-tutorials/
プログラム制御のモーショングラフィックス
News Deck: The Latest News Headlines, Faster – USATODAY.com
http://www.usatoday.com/labs/newsdeck/default.htm
News USA
Get the top news stories and headlines from USA TODAY, all from one easy, fast location.
Really cool Javascript scrolling divs.
Obama’s 2011 Budget Proposal: How It’s Spent - Interactive Graphic - NYTimes.com
http://www.nytimes.com/interactive/2010/02/01/us/budget.html
Rectangles in the chart are sized according to the amount of spending for that category. Color shows the change in spending from 2010.
President Obama's proposal for the 2011 budget.
Nice graphical representation of Obama's 2011 budget proposal, and how the budget changes from 2010.
Beautiful infographic.
Bundle: The No. 1 Source for How People Spend and Save Money -- Personal Finance Data, Money Advice, Trends, News and Community
http://www.bundle.com/
PeteSearch: How to split up the US
http://petewarden.typepad.com/searchbrowser/2010/02/how-to-split-up-the-us.html
Data visualization of Facebook profiles: "Looking at the network of US cities, it's been remarkable to see how groups of them form clusters, with strong connections locally but few contacts outside the cluster. For example Columbus, OH and Charleston WV are nearby as the crow flies, but share few connections, with Columbus clearly part of the North, and Charleston tied to the South. "Some of these clusters are intuitive, like the old south, but there's some surprises too, like Missouri, Louisiana and Arkansas having closer ties to Texas than Georgia. To make sense of the patterns I'm seeing, I've marked and labeled the clusters, and added some notes about the properties they have in common..."
Fun stuff, lots of entertaining demographic data.
According to Facebook
13 Useful JavaScript Solutions for Charts and Graphs | Resources
http://webdesignledger.com/resources/13-useful-javascript-solutions-for-charts-and-graphs/
ゲームとかアートの話 - SLN:blog*
http://blog.slndesignstudio.com/archives/2008/12/post_666.html
ゲーム アート iPhone
かなり参考になる。 最初の<The Unfinished Swan>が特にすごい。
iProcessing
http://luckybite.com/iprocessing/
AWesome - added by harper reed's google reader
The Man Who Looked Into Facebook's Soul
http://www.readwriteweb.com/archives/facebook_user_data_analysis.php
Visualizing 6 Years of Facebook [INFOGRAPHIC]
http://mashable.com/2010/02/10/facebook-growth-infographic/
Infograph that tries to depict Facebook’s growth over the past 6 years.
Google Code Blog: Announcing Google Chart Tools
http://googlecode.blogspot.com/2010/02/announcing-google-chart-tools.html
Five Best Online Diagramming Tools @ SmashingApps
http://www.smashingapps.com/2010/01/18/five-best-online-diagramming-tools.html
เว็บเจ๋งไว้ทำไดอะแกรมออนไลน์
ネットビジネスに必要な要素をまとめた一枚の図が良い感じ - IDEA*IDEA ~ 百式管理人のライフハックブログ ~
http://www.ideaxidea.com/archives/2009/06/net_business_elements.html
これまた良い資料ですね。ネットビジネスに必要な要素をざざっと網羅してくれている図です。なにかのアイデアを思いついたときのチェックリストやブレストリストとして使ってみるのはいかがでしょ。
Diagramming the Obama Sentence - The Millions
http://www.themillionsblog.com/2009/02/diagramming-obama-sentence.html
interesting
Data in, Brilliance Out | Tableau Public
http://www.tableausoftware.com/public/
JavaScript charts which also work in IE6
visualize and share your data in minutes, and embed in your website. Free (but not opensource)
Google Chart Tools - Google Code
http://code.google.com/apis/charttools/
justin / webmachine / wiki / BigHTTPGraph — bitbucket.org
http://bitbucket.org/justin/webmachine/wiki/BigHTTPGraph
http diagram v3
updated version of Alan Dean's diagram
http flowchart
Track Mouse Activity On Your Computer | FlowingData
http://flowingdata.com/2010/02/09/track-mouse-activity-on-your-computer/
「あたし状態遷移図」、あるいは「あたし約5.2MB」 - 理系男子の書斎には、どうしても小説が少ない。っていうか無い。 - ファック文芸部
http://neo.g.hatena.ne.jp/debedebe/20081218/1229533744
いまさらだけど。
あたしかのじょはこういう意味ですごいのかも 読んだことないけどね・・
ケータイ小説「あたし彼女」の状態遷移図。もはや数理芸術。美しい。
A Visual Git Reference
http://marklodato.github.com/visual-git-guide/
some day I need to read these things
The Case For An Older Woman « OkTrends
http://blog.okcupid.com/index.php/2010/02/16/the-case-for-an-older-woman/
Interesting!
Excellent data, frank discussion of men's bias towards younger women (with graphs and pictures of cute non-young women!)
ause it has been a successful way to introduce previous posts, I wanted to put real faces on this demographic before I delve into a bunch of numbers. Pictured below are some single users in their mid-thirties or early forties, taken from the first couple pages of my own local match search. Nothing I'll talk about today pertains necessarily to any one of them, but I wanted to put forward some people to go with th
Data from OKCupid on sex match preferences and changes based on age as well as attitudes of men and women basically proving that men should date women older than they are despite the fact that typically they date younger women.
GxzeV.jpg (800×825)
http://i.imgur.com/GxzeV.jpg
if you are a pirate this is what you get..
Wish my DVDs were as easy to launch as pirated works....
pirate vs legit dvd chart
PR 2.0: The Ties that Bind Us - Visualizing Relationships on Twitter and Social Networks
http://www.briansolis.com/2009/02/ties-that-binds-us-visualizing.html
Evolution of the Household - Womansday.com
http://www.womansday.com/wd2/Content/Family-Lifestyle/Evolution-of-the-Household
Evolution of the Household - by decade from the 1950s thru 2000
Pesquisa sobre potencial de consumo da mulher
dados sobre hábitos familiares ao longo do tempo
Grafico javascript charting library
http://grafico.kilianvalkhof.com/index.html
Chartssss
Grafico is a javascript charting library based on Raphaël and Prototype.js. It is originally developed as Ico by Alex Young, but this version was developed by Kilian Valkhof at Wakoopa. Grafico's basic principles are to provide good, clean looking graphs inspired by work of Stephen Few and Edward Tufte, while still being flexible to implement and providing numerous api options to tweak the look of the graphs.. Some key things Grafico has: * Flexible ranges Grafico select the best range to display your data at * Hover options display additional information such as the value when hovering over charts * Mean lines A single line that display the mean. * Watermarks Use an image as a watermark over your graphs
The Mariana Trench To Scale [Pic] | I Am Bored
http://www.i-am-bored.com/bored_link.cfm?link_id=47264
Really, really, really, really, really, really, really, really, really, really, really, really, really fucking deep.
BitTorrent visualization in processing.js
http://mg8.org/processing/bt.html
Visualizador del proceso de compartición de archivos por BitTorrent
Per entendre el funcionament del P2P.
Erqqvg
http://erqqvg.com/
Four Ways of Looking at Twitter - Research - Harvard Business Review
http://blogs.hbr.org/research/2010/02/visualizing-twitter.html
I'm very much a visual learner, so I'm a sucker for data visualization tools. Here's a cool take on the subject in relation to Twitter activity. Before you roll your eyes and groan, check it out first.
Nice visualizations
Twitter visualization tools and tips
Google facts and figures (massive infographic) | Royal Pingdom
http://royal.pingdom.com/2010/02/24/google-facts-and-figures-massive-infographic/
Google has perhaps more than any other company become The Internet Company. It's grown hand in hand with the internet and its entire business model has from the start been totally focused on the internet as a delivery platform. => A ton of facts and figures about Google.
Snake Oil? The scientific evidence for health supplements | Information Is Beautiful
http://www.informationisbeautiful.net/play/snake-oil-supplements/
Get Adobe Flash player
Good and bad supplements
Hi-ReS! Feed: Hana OSX Screensaver
http://www.hi-res.net/blog/2009/01/hana-osx-screensaver.html
"Hana is a dream about flowers for computers. The idea is that no aspect of creating the flowers is hidden from the computers, everything is created in code and no bitmaps are used that the computer has not seen to the creation of itself, letting the computer "think" through every step."
Personal Data Mining | Creativity Online
http://creativity-online.com/?action=news:article&newsId=136077
Nice piece on the growing trend of data design or data visualization.
ABCya! Word Clouds
http://www.abcya.com/word_clouds.htm
Saves to JPEG
Word Clouds R-5
Olympic Pictograms Through the Ages - Video Feature - NYTimes.com
http://www.nytimes.com/interactive/2010/02/24/sports/olympics/pictograms-interactive.html
Designer Steven Heller traces the evolution of the tiny symbols for each Olympic sport since their appearance in 1936.
Pictograms design through the ages.
a história dos pictogramas nas Olimpíadas
IOGraphica — MousePath's new home
http://iographica.com/
Tracks your mouse path throughout the day.
An Easy Way to Make a Treemap | FlowingData
http://flowingdata.com/2010/02/11/an-easy-way-to-make-a-treemap/
library(portfolio)
I think this would be pretty easy to do with gpplot2, but Portfolio looks like its worth checking out too.
Here's a really easy way to make your own treemap in just a couple lines of code. We're looking to make something like this:
What do you suggest?
http://whatdoyousuggest.net/
Using data from Google to make suggetions on where you might like to go next, What Do You Suggest is an experimental and interactive environment designed to explore how we use language and search on the internet.
Open Source Open World
http://www.focus.com/fyi/information-technology/open-source-open-world/
Open source is a concept of free sharing of technical information that has been around for much longer than most of us would imagine. When we think of open source today, we usually think of software. As wonderful and widely used as open source software is, according to Linus Torvalds, "the future is open source everything." From foods and beverages to scientific and health research studies and advanced technological innovations, the world has turned to open source.
really informative
10 Gorgeous Social Media Infographics | Penn Olson
http://www.penn-olson.com/2010/01/13/10-gorgeous-social-media-infographics/
A great series of social media representations
10 Gorgeous Social Media Infographics
"Infographics make information easy to consume. Mundane Charts vs Info graphics: Although they are essentially driven by the same set of information, our eyes are more attached to the ones that give aesthetic pleasure. Below are 10 that might suit your social media taste buds."
Infographics make information easy to consume. Mundane Charts vs Info graphics: Although they are essentially driven by the same set of information, our eyes are more attached to the ones that give aesthetic pleasure. Below are 10 that might suit your social media taste buds. -
BBC News - Mapping the growth of the internet
http://news.bbc.co.uk/2/hi/technology/8552410.stm
Visualising the Internet and animation on how the Internet works
Google - public data
http://www.google.com/publicdata/home
The Google Public Data Explorer makes large datasets easy to explore, visualize and communicate. As the charts and maps animate over time, the changes in the world become easier to understand. You don't have to be a data expert to navigate between different views, make your own comparisons, and share your findings. Explore the data Students, journalists, policy makers and everyone else can play with the tool to create visualizations of public data, link to them, or embed them in their own webpages. Embedded charts and links can update automatically so you’re always sharing the latest available data.
Panic Blog » The Panic Status Board
http://www.panic.com/blog/2010/03/the-panic-status-board/
another awesome project status BB
Company status board on steroids. Love it.
Google - public data
http://www.google.com/publicdata/directory
Limited data but nice and clear interface
Datasets and visualization
The Google Public Data Explorer makes large datasets easy to explore, visualize and communicate. As the charts and maps animate over time, the changes in the world become easier to understand. You don't have to be a data expert to navigate between different views, make your own comparisons, and share your findings.
Graficación animada desde diferentes fuentes de info pública
8-Bit NYC
http://8bitnyc.com/
Preceden - Timelines for Everything
http://www.preceden.com/
Geological_time_spiral.png (PNG Image, 1617x1454 pixels)
http://upload.wikimedia.org/wikipedia/commons/7/79/Geological_time_spiral.png
visual spiral timeline of earth
Create your own aMap | aMap
http://www.amap.org.uk/create/
Great for critical thinking.
Página que permite crear mapas conceptuales colaborativos, iniciando una argumentación que otros visitantes pueden ir completando. Proporciona el código "embed" para insertar en tu blog y que otros usuarios lo vayan completando en el mismo espacio
Google Reader - Play
http://www.google.com/reader/play/
My Way - Abstract City Blog - NYTimes.com
http://niemann.blogs.nytimes.com/2010/03/10/my-way/
Christoph Niemann
Common phrases and phenomena represented as Google maps.
NYTimes: My Way - Creative Google Map Art http://nyti.ms/anvGEw #creative #googlemaps
Paris 26 Gigapixels - Interactive virtual tour of the most beautiful monuments of Paris
http://www.paris-26-gigapixels.com/index-en.html
Paris em 26 gigapixeis!!!
Amazing! Paris 26 Gigapixel Panorama http://bit.ly/bwlKUq #autopano #gigapan #photography #paris
humble software development - Finance Financial Graphs
http://www.humblesoftware.com/finance/index
BBC News - The top 100 sites on the internet
http://news.bbc.co.uk/2/hi/technology/8562801.stm
RT @estima7: BBC가 선정한 인터넷TOP 100 http://news.bbc.co.uk/2/hi/technology/8562801.stm 미국중심이지만 분류를 잘해놨네요. 세력분포를 이해할 수 있어 좋음!
Why Your Baby’s Name Will Sound Like Everyone Else’s | Wired Science
http://www.wired.com/wiredscience/2009/05/babynames/
hat tip to Leonardo Souza
“What’s hard for parents is that what feels like your own personal taste, it’s everybody’s taste,” Wattenberg says. “It’s a no win situation - if you pick a name you like, probably everybody else will like it too.”
"“What’s hard for parents is that what feels like your own personal taste, it’s everybody’s taste,” Wattenberg says. “It’s a no win situation - if you pick a name you like, probably everybody else will like it too.” And that’s what’s fascinating about watching the nation-level trends in baby naming. The national nomenclature is transformed living room by living room as one frazzled couple after another makes a seemingly personal decision for underlying phonetic reasons they haven’t considered. “People may think they named a child after great, great grandma Olivia, but they have a lot of great, great grandmas, and they picked Olivia because it fits the popular sounds,” Wattenberg says. And that’s how a country’s culture changes: People cherry-picking from the past as they look for a name to call the future."
Visual Guide to NoSQL Systems - Nathan Hurst's Blog
http://blog.nahurst.com/visual-guide-to-nosql-systems
Good discussion in the comments as well.
The Best Jobs In America
http://www.focus.com/images/view/7362/
Problematic gender representation. Design is confusing: what are the units? color coding could have benefited with key directly underneath.
JSON Visualization
http://chris.photobooks.com/json/default.htm
Simple, easy method to visually inspect a JSON-encoded string.
5 Top jQuery Chart Libraries for Interactive Charts | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/resources/top-jquery-chart-libraries-interactive-charts/
jquery 图表插件
Gary Flake: is Pivot a turning point for web exploration? | Video on TED.com
http://www.ted.com/talks/gary_flake_is_pivot_a_turning_point_for_web_exploration.html
Gary Flake demos Pivot, a new way to browse and arrange massive amounts of images and data online. Built on breakthrough Seadragon technology, it enables spectacular zooms in and out of web databases, and the discovery of patterns and links invisible in standard web browsing.
Pivot
BBC News - The top 100 sites on the internet
http://news.bbc.co.uk/1/hi/technology/8562801.stm
Which are the biggest sites on the internet? Explore this interactive graphic to find out.
ColorTheory_Screen_White.jpg (JPEG Image, 1224x792 pixels)
http://www.paper-leaf.com/blog/wp-content/uploads/2010/01/ColorTheory_Screen_White.jpg
leftright_US_1416.gif (GIF Image, 1415x1022 pixels)
http://infobeautiful.s3.amazonaws.com/leftright_US_1416.gif
Good #infographic explaining American politics: http://infobeautiful.s3.amazonaws.com/leftright_US_1416.gif – Chris Harrison (cdharrison) http://twitter.com/cdharrison/statuses/10324141855
Liberal vs. Conservative, Left vs. Right, Progressive vs. Traditional
Excellent infographic comparing the left-wing and right-wing government
Wolfram|Alpha
http://www96.wolframalpha.com/
Computational Knowledge Engine
tumblr_kojs29L9OU1qzd1jno1_r2_1280.jpg (JPEG Image, 792x612 pixels)
http://s3.amazonaws.com/data.tumblr.com/tumblr_kojs29L9OU1qzd1jno1_r2_1280.jpg?AWSAccessKeyId=0RYTHV9YYQ4W5Q3HQMG2&Expires=1250713815&Signature=czoEpNiblt5qaET3wI8eiOFB2mg%3D
awesome
total eclipse of the heart - flowchart / karaoke guide ...
Snake oil? Scientific evidence for health supplements | Information Is Beautiful
http://www.informationisbeautiful.net/visualizations/snake-oil-supplements/
play with the interactive version | find out more about this image | post a comment This image is a balloon race. The higher a bubble, the greater the
scientific evidence for popular health supplements [chart]
A graphical representation of the scientific evidence for or against particular health supplements. Vitamin C seems to be quite far down the list :).
Prezi Is The Coolest Online Presentation Tool I’ve Ever Seen
http://www.techcrunch.com/2009/04/20/prezi-is-the-coolest-online-presentation-tool-ive-ever-seen
Robin Wauters writing on TechCrunch and raving about the presentation software tool Prezi.
Prezi allows you to create amazing presentations on the Web. If you think you’ve heard that too many times, don’t stop reading just yet, because this one is just plain awesome. It’s an entirely Flash-based app that lets you break away from the slide-by-slide approach of most presentations. Instead, it allows you to create non-linear presentations where you can zoom in and out of a visual map containing words, links, images, videos, etc. This is similar to pptPlex, a Microsoft Office Labs project that aims to bring that type of functionality to PowerPoint.
May want to look into this if we need an online presentation tool - sounds pretty good.
Gephi, graph exploration and manipulation software
http://gephi.org/
Fabrica Workshops
http://www.fabrica.it/workshops/sterling_videos.html
Bruce Sterling lecture & interview from 2008. At the beginning of part 3 of the interview he shows (but apparently doesn't attribute) my "grown" letter D (the MDD logotype).
interesting, and dry witted discussion from bruce sterling on generative art and physical forms created using these methods that look and work in ways never seen before. processing and sturgeon's law get a particular mention. via danpaluska.
17 Killer Mashups for Taking Control of Your Government
http://mashable.com/2008/11/13/government-mashups/
Julkishallinnon mashupeja.
elements
http://elements.lunarr.com/home/
SolarBeat
http://www.whitevinyldesign.com/solarbeat/
太陽系の惑星 音楽
Sistema solar musical
hermoso este sonido
太陽系の惑星を音符とした音楽
/ keaggy.com :: The Periodic Table of Periodic Tables /
http://www.keaggy.com/periodictable/
The New York Times > Science > Image > A Chain Reaction of Proliferation
http://www.nytimes.com/imagepages/2008/12/09/science/20081209_BOMB_GRAPHIC.html
This time-line gives a summary of the transfers of nuclear technology and secrets. It starts with the United States in 1945 and moves through USSR (1949), UK & Canada (1952), France (1960) and on to present date 'aspirants'. The New York Times > Science > Image
via @ghensel on twitter
ElectroMagneticSpectrum1800.jpg (JPEG Image, 2350x1600 pixels)
http://www.copperalliance.net/IndexPageGraphics/ElectroMagneticSpectrum1800.jpg
Electromagnetic spectrum with a lot of histories!!
the electromagnetic spectrum, a radial image with a lot of information
北海道を落とすとどう跳ねるのか?の裏側 - てっく煮ブログ
http://d.hatena.ne.jp/nitoyon/20090422/hokkaido_uragawa
すごいなあ
跳ねるの裏側
「全ての都道府県について何か見所があるようにパラメータを調整したつもり」なんというサービス精神。
Finally, A Practical Use for Second Life - ReadWriteWeb
http://www.readwriteweb.com/archives/finally_a_practical_use_for_second_life.php
e benefits to working with data in this way don't really need to be touted too much - many businesses already perform data visualization, often using expensive software and powerful computers to do so. What makes what Green Phosphor does so interesting is not that they've come up with a way to visualize data - it's that they've come up with a way to leverage the platforms of virtual worlds to do so.
Second Life and real world data coming together
Baby Name Brainstorm
http://www.babynamebrainstorm.com/
naming y web social
10 Outstanding Social Media Infographics | @NowSourcing.Com
http://nowsourcing.com/2010/03/17/social-media-infographic/
RT @Inma_Eiroa: RT @MarAbad: 10 infografías de redes sociales http://bit.ly/dAve0G
Social media infographics
Maps In Modern Web Design: Showcase and Examples - Smashing Magazine
http://www.smashingmagazine.com/2010/04/06/maps-in-modern-web-design/
maps maps maps!!!
The use of maps in web design
Jonathan Jarvis
http://jonnyj.net/m5/
Credit video
- really nice animation particularly the Crisis of Credit explanation
Chart Porn: War and Social Upheaval Cause Spikes in Zombie Movie Production
http://io9.com/5070243/war-and-social-upheaval-cause-spikes-in-zombie-movie-production
"You can see that most of these spikes in zombie popularity do seem weirdly close to periods of historical trauma like wars or the AIDS epidemic. Is there a causal connection, or is it just coincidence? You be the judge."
SHARED USING: http://www.tagle.it
See how U.S. religious landscape has changed in nearly 2 decades - USATODAY.com
http://www.usatoday.com/news/religion/2009-03-09-ARIS-faith-survey_N.htm
Great interactive graph on recent shifts in religious identity in the U.S. Split by state and by Catholic, Christian, Other Religions, etc.
Information is beautiful: war games | News | guardian.co.uk
http://www.guardian.co.uk/news/datablog/2010/apr/01/information-is-beautiful-military-spending
#armamentos
'Information is beautiful'
Tagxedo - Tag Cloud with Styles
http://www.tagxedo.com/
Tagxedo turns words -- famous speeches, news articles, slogans and themes, even your love letters -- into a visually stunning tag cloud, words individually sized appropriately to highlight the frequencies of occurence within the body of text.
Silverlight powered, doesn't work with Safari (use FF). Alternative to Wordle.
13 useful graphing solutions for web developers
http://blog.webdistortion.com/2008/11/12/web-application-graphing-solutions-from-around-the-web/
数学ビデオ「Dimensions」をニコニコ動画にアップしました(and also BitTorrent) - MediaLab Love
http://d.hatena.ne.jp/Koumei_S/20090322/1237727846
Tagxedo - Creator
http://www.tagxedo.com/app.html
Like it better than the other non wordle
WordCloud creator - very nice
Visualizing One Trillion Dollars | Mint.com Blog | Personal Finance News & Advice
http://www.mint.com/blog/finance-core/visualizing-one-trillion-dollars/
forwardOn: Virginity rates among students by major
http://www.forwardon.com/view.php?e=Id1200c8f6b7f5f813
Virginity rates among students by major
I have no idea the source or validity of this, but I somehow found it randomly amusing, so I feel like keeping track of it.
Exit Polls - Election Results 2008 - The New York Times
http://elections.nytimes.com/2008/results/president/exit-polls.html
test 1
Presidential Elections - [Exit Poll Data][
Your Random Numbers – Getting Started with Processing and Data Visualization | blprnt.blg
http://blog.blprnt.com/blog/blprnt/your-random-numbers-getting-started-with-processing-and-data-visualization
"This post, then, is a first sketch of what a lesson plan for teaching Processing and data visualization might look like. I’m going to start from scratch, work through some examples, and (hopefully) make some interesting stuff. One of the nice things, I think, about this process, is that we’re going to start with fresh, new data – I’m not sure what kind of things we’re going to find once we start to get our hands dirty. This is what is really exciting about data visualization
How Much Do Music Artists Earn Online? | Information Is Beautiful
http://www.informationisbeautiful.net/2010/how-much-do-music-artists-earn-online/
RT @PierreBRT: Combien gagne un artiste qui vend sa musique en ligne ? Une infographie explicite. http://u.nu/863c8
via alphatrends
How much does music artists earn online http://bit.ly/bMgKjd #infographic #piratpartiet
Time Zones
http://everytimezone.com/
Timezones made usable (by @amyhoy and @thomasfuchs)
Amy Hoy & Thomas Fuchs created another beautiful Javascript/HTML5 website that's earned a place on my bookmark bar.
Nice visualization of timezones.
时区查询
A nice way to present international timezones.
Never warp your brain with that time zone math again.
Watch Air Traffic - LIVE!
http://www.flightradar24.com/
Flightradar24.com shows live aircraft traffic in the airspace above Europe.
飞机在天上飞
Official Google Docs Blog: Featured gadget: Gantt charts in spreadsheets
http://googledocs.blogspot.com/2008/10/recently-google-docs-team-started.html
Overview of free Gantt chart gadget for Google spreadsheets
Understanding Web Operations Culture - the Graph & Data Obsession - O'Reilly Radar
http://radar.oreilly.com/2009/02/webops-culture-graphs-data-obama-lastfm.html
One of the most interesting parts of running a large website is watching the effects of unrelated events affecting user traffic in aggregate. Web traffic is something that companies typically keep very secret, and often the only time engineers can talk about it is late at night, at a bar, and very much off the record. There are many good reasons for keeping this kind of information confidential, particularly for publicly traded companies with complicated disclosure requirements. There are also downsides, the biggest being that is difficult for peers to learn from each other and compare notes. John Allspaw recently created a WebOps Visualizations group on Flickr for sharing these kinds of graphs with the confidential information removed. Here’s an example of a traffic drop seen both by Flickr & by Last.FM that coincided with President Obama’s inauguration.
all stats and graphs are fantastic. Whatever they are for.
オバマ宣誓中のネット活動可視化。
Comparison of traffic at Flickr, Google, Twitter, last.fm during the Obama inauguration. "One of the most interesting parts of running a large website is watching the effects of unrelated events affecting user traffic in aggregate."
dataporn webtraffic
zahlenfutter und die verbildlichung davon. rund um die amtseinführung von barack obama
2qs8m4z.jpg (PNG Image, 768x1259 pixels)
http://i36.tinypic.com/2qs8m4z.jpg
Graphic comparisons of the US to other countries in the areas of life expectancy, education, etc.
soyouneedatypeface.jpg (JPEG Image, 1983x1402 pixels)
http://inspirationlab.files.wordpress.com/2010/04/soyouneedatypeface.jpg
Infografía tipográfica
RT @tobybarnes: so you need a typeface... http://inspirationlab.files.wordpress.com/2010/04/soyouneedatypeface.jpg via @coudal
HTML5 Readiness
http://html5readiness.com/
HTML5 & CSS3 Readiness http://html5readiness.com/ #html #browser #css3
A Visualization of how ready different parts of HTML5/CSS3 are for day to day use
jsPlumb demo
http://morrisonpitt.com/jsPlumb/html/demo.html
Many Eyes: Obama Inauguration Speech Word Tree
http://manyeyes.alphaworks.ibm.com/manyeyes/visualizations/obama-inauguration-speech-word-tree
visualisiert Text in Baumdiagramm
obama word tree
interactive map to explore the speech
Data | The World Bank
http://data.worldbank.org/
Site regroupant un gros paquet de données de la banque mondiale.
Think - A Free Mind Mapping Web App
http://think.ajsands.com/
Great flow charting app. Track processes as well as thoughts. Fun
Serwis do tworzenia map myśli.
Think - A Free Mind Mapping Web App: http://think.ajsands.com/
PHmF5.jpg 5500×1299 pixels
http://i.imgur.com/PHmF5.jpg
guess where i am
V relevant at Mando Group HQ: The Trustworthiness of Beards http://bit.ly/cNGWbG (via @wspencer, @pleaseenjoy) (via @idsgn)
FINALLY: The Difference between Nerd, Dork, and Geek Explained by a Venn Diagram
http://www.greatwhitesnark.com/2010/03/25/difference-between-nerd-dork-and-geek-explained-in-a-venn-diagram/
RT @AnnaOBrien The Difference between Nerd, Dork & Geek explained by a Venn Diagram http://bit.ly/dx83eU
RT @GreatWhiteSnark FINALLY: The Difference between Nerd, Dork, and Geek Explained by a Venn Diagram http://bit.ly/9jBINr
To all of you nerds and geeks who–like me–have been unfairly and inaccurately labeled “dorks,” only to then exhaustively explain the differences among the three to a more-than-skeptical offender, I say: You’re welcome. This nerd/dork/geek/dweeb Venn diagram should save you a lot of time and frustration in the future.
Visual explanation of the difference between geeks, nerds and dorks
This nerd/dork/geek/dweeb Venn diagram should save you a lot of time and frustration in the future.
RT @aljoannes: Postures web: différences entre les geeks, les nerds et les dorks (dessin) http://j.mp/aJxb9w
Update to jQuery Visualize: Accessible Charts with HTML5 from Designing with Progressive Enhancement | Filament Group, Inc., Boston, MA
http://www.filamentgroup.com/lab/update_to_jquery_visualize_accessible_charts_with_html5_from_designing_with/
lling the visualize() method
First Presidential Debate - McCain and Obama - Video and Transcript - Election Guide 2008 - The New York Times - Election Guide 2008 - The New York Times
http://elections.nytimes.com/2008/president/debates/first-presidential-debate.html
Transcript scrolls with video.
which allowed users to watch the 2008 Presidential debates and speeches on demand;
Interactive video and transcript of Senators John McCain and Barack Obama debating in Oxford, Miss., on Sept. 26.
总统竞选辩论
watch
AJAX APIs Playground
http://code.google.com/apis/ajax/playground/#table
PNGwriter - An easy to use C++ graphics library
http://pngwriter.sourceforge.net/
PNGwriter is a very easy to use open source graphics library that uses PNG as its output format. The interface has been designed to be as simple and intuitive as possible. It supports plotting and reading in the RGB (red, green, blue), HSV (hue, saturation, value/brightness) and CMYK (cyan, magenta, yellow, black) colour spaces, basic shapes, scaling, bilinear interpolation, full TrueType antialiased and rotated text support, bezier curves, opening existing PNG images and more. Documentation in English and Spanish. Runs under Linux, Unix, Mac OS X and Windows. Requires libpng and optionally FreeType2 for the text support.
CanvasMol
http://alteredqualia.com/canvasmol/
Splendid HTML5 app for 3D molecule modeling.
moritz.stefaner.eu - revisit - demo
http://moritz.stefaner.eu/projects/revisit/
O Revisit é uma opção mais gráfica para acompanhar o buzz sobre um dado assunto ou menções sobre usuários específicos (twitterwall). Traça relação entre tweets, retweets, replies e favorites dentro de um período de tempo ou do dia atual. Segundo palavras do criador: "Revisit is a real-time visualization of the latest twitter messages (tweets) around a specific topic. Use it create your own twitter wall at a conference or an ambient display at your company or whatever other idea you come up with. In contrast to other twitterwalls, it provides a sense of the temporal dynamics in the twitter stream, and emphasizes the conversational threads established by retweets and @replies". Mais informações em http://flowingdata.com/2010/04/26/conversational-twitter-threads-visualized/.
Nice! - Visualizing Twitter Conversations in Real Time: http://j.mp/bYmj9w (via @AmirKassaei)
Revisit is a real-time visualization of the latest twitter messages (tweets) around a specific topic. Use it create your own twitter wall at a conference or an ambient display at your company or whatever other idea you come up with. In contrast to other twitterwalls, it provides a sense of the temporal dynamics in the twitter stream, and emphasizes the conversational threads established by retweets and @replies.
Wow, this is pretty wild: http://bit.ly/bYmj9w #visualizations #flowingdata
Social Media Demographics: Who’s Using Which Sites? / Flowtown (@flowtown)
http://www.flowtown.com/blog/social-media-demographics-whos-using-which-sites?display=wide
Social media demographics whos using which sites
[illustration] Social Media Demographics / segmentation drastique de qui utilisent quoi - http://bit.ly/cAAhpX
MindNode » MindNode
http://www.mindnode.com/mindnode/mindnode/
MindNode is based on the same codebase as the commercial version. While it is still a very powerful application, it misses some of the features added to MindNode Pro that help improve your productivity.
Mind-mapping software with free and $17 versions
Easy Mac OS X mind map software, with a free version. The bad news, for Marianne at least, is that it requires Leopard, which I can't install on her machine. But it will run on Jonathan's machine.
Presentation Zen: Using Keynote & iMovie to reach "Dot Zen"
http://www.presentationzen.com/presentationzen/2009/05/using-keynote-imovie-to-reach-dot-zen.html
always nice to see keynote used in interesting ways
star-wars-influence-map.gif 1853×1118 pixels
http://www.kottke.org/plus/misc/images/star-wars-influence-map.gif
A timeline/influence map of the Star Wars Empire.
cloud.li
http://cloud.li/
[delicious] cloud.li http://ow.ly/17fdOr – Rob Angeles (robangeles) http://twitter.com/robangeles/statuses/13267198547
crea "cloud" partendo da un vocabolo
Twitter cloud trending - very very powerful
Create elegant "word clouds" from a database search
Dynamic, configurable twitter based tag clouds
Cinder | The library for professional-quality creative coding in C++
http://libcinder.org/
Cinder is a community-developed, free and open source library for professional-quality creative coding in C .
Cinder is a community-developed, free and open source library for professional-quality creative coding in C++.
I Hope So Too - Interactive Feature - NYTimes.com
http://www.nytimes.com/interactive/2009/01/15/us/politics/20090115_HOPE.html
cool way to do man on the street type feature
Interactive Vox Pop. Fantastic.
multimedia example -- interactive audio and photo -- ordinary citizens expressing their hopes for President Obama.
The Times asked more than 200 people to share their hopes for the Obama administration. Readers are invited to vote on favorites. avec intégration témoignages audio des interrogées qd ds mot.
What are your hopes for the Obama administration? The New York Times asked more than 200 people in 14 states (half red, half blue) to identify their greatest hopes for what Barack Obama might accomplish during his time as president. We grouped their responses into the 29 “hopes” below. Their answers do not represent any kind of scientific sample — they come from people who shared their thoughts outside supermarkets, at parks, in restaurants. We grouped their responses into the 29 “hopes” below. Click on each speech bubble to hear their voices, and then choose the hopes you agree with by clicking on “I Hope So, Too.” Use the tabs to see which hopes are the most popular. If your hope is not represented below, tell everyone about it by including it in the comment section.
mySociety » Blog Archive » Say hello to Mapumental
http://www.mysociety.org/2009/06/01/say-hello-to-mapumental/
Built with support from Channel 4’s 4IP programme, Mapumental is the culmination of an ambition mySociety has had for some time – to take the nation’s bus, train, tram, tube and boat timetables and turn them into a service that does vastly more than imagined by traditional journey planners. In its first iteration it’s specially tuned to help you work out where else you might live if you want an easy commute to work.
Map of everything with lots of data being included to make an uber-useful househunting guide
Magnificent Maps: Power, Propaganda and Art - Stephen Walter's The Island
http://www.bl.uk/magnificentmaps/map4.html
Killer hand-drawn map of London, slightly bird's-eye viewish.
RT @cunabula: Amazingly detailed map of london, completely handcrafted and beautifully illustrated. http://bit.ly/boKNmX via @martin_isa ...
The Island satirises the London-centric view of the English capital and its commuter towns as independent from the rest of the country. The artist, a Londoner with a love of his native city, offers up a huge range of local and personal information in words and symbols. Walter speaks in the dialect of today, focusing on what he deems interesting or mundane.
How This Bear Market Compares - Interactive Graphic - NYTimes.com
http://www.nytimes.com/interactive/2008/10/11/business/20081011_BEAR_MARKETS.html?hp
"In the first year of the current bear market, the market has fallen more steeply than it did during the first years of Great Depression's bear markets. After adjusting for inflation, stocks are more than 40 percent lower than they were at their 2007 high (and more than 50 percent lower than their 2000 high)."
Airspace Rebooted on Vimeo
http://vimeo.com/11205494
La explosión del volcán Eyjafjallajökull hace 2 semanas hizo que el tráfico aéreo de media europa quedara suspendido por unos días. En ésta llamativa animación se ve la vuelta a la normalidad (especialmente en lo que afecta a UK).
A visualisation of the northern European airspace returning to use after being closed due to volcanic ash. Due to varying ash density across Europe, the first flights can be seen in some areas on the 18th and by the 20th everywhere is open.
The Evolution of Privacy on Facebook
http://mattmckeon.com/facebook-privacy/
(d)Evolution of privacy on Facebook. Very cool. http://mattmckeon.com/facebook-privacy/ – Matt Suddain (suddain) http://twitter.com/suddain/statuses/13624852352
This really brings the point home.
Really interesting infographic showing how Facebook's default privacy settings have increasingly exposed one's profile to a broader and broader audience.
Visualizing Facebook's Privacy Evolution http://bit.ly/deZJyu #fb #privacy #temporal
The Evolution of Privacy on FaceBook http://bit.ly/alyy8g (I'd call it devolution.) #eventprofs #assnchat #engage365
RT @draenews: Del The Evolution of Privacy on Facebook: http://bit.ly/cEf3sP
In the beginning, it restricted the visibility of a user's personal information to just their friends and their "network" (college or school). Over the past couple of years, the default privacy settings for a Facebook user's personal information have become more and more permissive. They've also changed how your personal information is classified several times, sometimes in a manner that has been confusing for their users. This has largely been part of Facebook's effort to correlate, publish, and monetize their social graph: a
OpenGeoData » Blog Archive » Augmenting photos - with OSM!
http://www.opengeodata.org/?p=552
Wow, very cool indeed! Enhance your photos with osm data. Haven't found if you can upload your own pictures though...
Pretty cool
Sesam 3D-kart
http://kart.sesam.no/3d/
すごいなぁ・・・。
全自動で3Dマップを生成?MSやGoogleの上を行った。
おおーwこれは本物に見える。自動生成なのか
地図が3D
これは! すべて自動生成らしい3Dマップ
Bailout Costs vs Big Historical Events | The Big Picture
http://www.ritholtz.com/blog/2009/06/bailout-costs-vs-big-historical-events/
A diagram comparing the cost of the current economic crisis with large and costly events in US history
It is exceedingly difficult to convey exactly how much we are spending on all these bailouts. Whenever I start talking trillions (versus mere billions), I get puzzled looks from people. Humans have a hard time conceptualizing any number that large. I wanted a graphic way to clearly show how astonishingly ginormous the amounts involved were. So I once again went to Jess Bachman at Wallstats. I gave him my list of expenditures (inflation adjusted of course!) and he went to work. This early Bailout Nation graphic shows the the total costs to the taxpayer of all the monies spent, lent, consumed, borrowed, printed, guaranteed, assumed or otherwise committed. It is nothing short of astonishing.
18 jun 09 / early Bailout Nation graphic shows the the total costs to the taxpayer of all the monies spent, lent, consumed, borrowed, printed, guaranteed, assumed or otherwise committed. It is nothing short of astonishing. It includes the total outlay for all the bailouts to date. In just about one short year (March 2008 - March 2009), the bailouts managed to spend far in excess of nearly every major one time expenditure of the USA, including WW1&2 (omitted from graphic), the moon shot, the New Deal, total NASA budgets (omitted from graphic), Iraq, Viet Nam and Korean wars — COMBINED.
mnutt/hummingbird @ GitHub
http://mnutt.github.com/hummingbird/
Real-time web analytics (tracking pixels). Based on node.js & MongoDB
Real time stats? Can we get something more interesting that page views? (Either way, looks pretty cool. Too bad it's just in WebKit browsers for now...)
nice: Real time web traffic visualization with Hummingbird http://j.mp/hmngbrd
The 7 ½ Steps to Successful Infographics - Articles - MIX Online
http://visitmix.com/Articles/seven-and-a-half-steps-to-successful-infographics
RT @mixonline The 7 ½ Steps to Successful Infographics http://bit.ly/d9Mjms
The right mix of down-to-earth and reach-for-the-starts.
Facebook Privacy: A Bewildering Tangle of Options - Graphic - NYTimes.com
http://www.nytimes.com/interactive/2010/05/12/business/facebook-privacy.html
Genial RT @kicoes: Hay que hacer un máster. RT @martimanent: Representación visual de la privacidad en Facebook http://tinyurl.com/2umddlb
infographiclarge_v2.png (PNG Imagen, 1983x1402 pixels)
http://inspirationlab.files.wordpress.com/2010/04/infographiclarge_v2.png
flowchart per la scelta dei font
A series of Q&A gates that lead you to a typeface
100 Seriously Creative Infographics
http://www.freelancereview.net/100-seriously-creative-infographics/
This is the 2nd of 5 gallery-style posts in our week-long inspiration series in which we are collecting 100 awesome examples in a given category. Today we are covering infographics, you know those nifty illustrations that make complicated subjects easy to understand. The infographic (short for information graphic) has become a mainstream fixture thanks, in part, to publications such as Wired Magazine whose commissioned infographics are notoriously complicated and cool and widely respected within the design community.  This collection contains great color combinations, infographics of varying sizes, creative typography and of course, extremely clever illustrations.
100 Seriously Creative Infographics
SVG Wow!
http://svg-wow.org/
Look ma, no Flash!
9lessons: Draw Charts with Google Visualization API.
http://9lessons.blogspot.com/2009/05/draw-charts-with-google-visualization.html
Tropicana Fresh-Squeezed Tweets!
http://anorangeamerica.com/
Produced in just under 76 hours by the JESS3 team, this site was built with the Twitter community in mind during the 2008 Elections. Launching on Election Day 2008, I worked with the NMS team to get some amazing coverage for it... not to mention tweets, too :)
interesting data visualisation
Twitter + Information Visualisation + Advertising
「膨大なデータを分析して見えてくること」ニコニコ動画データ分析研究発表会:CodeZine
http://codezine.jp/article/detail/3516
「ニコニコ動画のデータの収集方法や分析結果を発表する」―25日にGLOCOM国際大学にて「ニコニコ動画データ分析研究発表会」が開催された。
ELECTION DAY 08 - What One Word Describes Your Current State of Mind? - Interactive Feature - NYTimes.com
http://www.nytimes.com/interactive/2008/11/04/us/politics/20081104_ELECTION_WORDTRAIN.html?hp
visualizing words
ここ20年間のウェブまわりの技術をまとめた図*二十歳街道まっしぐら
http://tokuna.blog40.fc2.com/blog-entry-1781.html
ウェブ開発者にとって欠かせない技術をまとめた1枚の画像です。 約20年前から現在までの流れが一望できます。 クライアント・サーバに分けて図で表しています。
BBC NEWS | UK | Magazine | How to understand risk in 13 clicks
http://news.bbc.co.uk/2/hi/uk_news/magazine/7937382.stm
What are we to make of all those stories that warn of lifestyle dangers and slap a giant percentage sign in the headline? Michael Blastland introduces the Risk-o-meter to his regular column.
nice presentation, and even nicer correlation visualization if you scroll down further.
Ценнейший материал о том, как создавалась и тестировалась на читателях социальная реклама, представляющая сложные факты в виде наглядной инфографики.
What are we to make of all those stories that warn of lifestyle dangers and slap a giant "%" sign in the headline? Michael Blastland introduces the Risk-o-meter to his regular column.
A Tour through the Visualization Zoo - ACM Queue
http://queue.acm.org/detail.cfm?id=1805128
Rich survey of advanced data visualization techniques http://is.gd/chAgi – Maria Popova (brainpicker) http://twitter.com/brainpicker/statuses/14368336820
A survey of powerful visualization techniques, from the obvious to the obscure
Mesmerizing Monday: 10 Hypnotic Gadgets You Just Can't Stop Looking At
http://gizmodo.com/5065792/10-hypnotic-gadgets-you-just-cant-stop-looking-at
waterfall printer, cloud, nautilus sink, rotopault, flying fish airship, book scanner, drinking bird, jellyfish
Infographics news: i from infographics
http://infographicsnews.blogspot.com/2009/05/i-from-infographics.html
Infographics news: i from infographics
i from infographics
indieprojector
http://projector.indiemapper.com/
Indieprojector is a free web service that re-projects digital map files and converts them to SVG for use in vector graphics editing software. Map projections are an essential part of map making but we found the existing tools to be too expensive, inflexible or complicated. Indieprojector is the smarter, easier, more elegant way to reproject and convert geographic data. It's a preview of our indiemapper technology that will bring map-making into the 21st century using web-services and a realtime visual approach to cartographic design.
Free geographic projection and data conversion tool with SHP / KML import, geographic projections and SVG export.
free geographic projection and data conversion tool: indieprojector
Site for converting various map formats into svg
Graph Visualization for Apache log files | Oleg Burlaca's Blog
http://www.burlaca.com/2009/01/graph-visualization-apache-logs/
Graph Visualization for Apache log files
How Do You Feel About the Economy? - Interactive Feature - NYTimes.com
http://www.nytimes.com/interactive/2009/03/30/business/economy/2009-economy-words.html?hp
Interactive visualization from the NY Times
enter a word - track reader responses over time
The word train on the financial crisis
The Periodic Table of Typefaces - instant fundas
http://www.instantfundas.com/2009/03/periodic-table-of-typefaces.html
The Periodic Table of Typefaces is obviously in the style of all the thousands of over-sized Periodic Table of Elements posters hanging in schools and homes around the world. This particular table lists 100 of the most popular, influential and notorious typefaces today.
Google Flu Trends | Mexico
http://www.google.org/flutrends/intl/en_mx/index.html
internet searches lead researchers to predict flu outbreaks early
We've created experimental estimates of flu activity in Mexico using aggregated search data. Unlike Google Flu Trends for the U.S., this data has not been validated against confirmed cases of flu.
RT @rzeiger: Google launches Experimental Flu Trends for Mexico http://tinyurl.com/cvdfnt #swineflu [from http://twitter.com/healthblawg/statuses/1653930907]
Experimental Flu Trends for Mexico by Google: http://tr.im/k6oa [from http://twitter.com/AdNerds/statuses/1659090902]
Flu trends analisys based on searches in Google | Tendencias de influeza basadas en búsquedas en Google
Seems that information overflow has turned into something positive with Google Flu Trends
:::SAL | :::
http://www.science.smith.edu/sal/maps/settlement.html
:::SAL | :::
3D円グラフを使うのはやめよう | Okumura's Blog
http://oku.edu.mie-u.ac.jp/~okumura/blog/node/2266
そもそも 2D で表現できる情報を 3D で表現するのはまったくの無駄
タイトルのまんま
なるほど確かに
「そもそも円グラフが良くない」←同感。いつも円グラフを書いて、棒グラフに書き直してる。
Featured Desktop: The Giant Flip Clock Desktop
http://lifehacker.com/5097713/the-giant-flip-clock-desktop
desktop customize
Follow the links in this post to cusomize your own desktop.
Competing Tax Plans: Two Perspectives - Freakonomics - Opinion - New York Times Blog
http://freakonomics.blogs.nytimes.com/2008/09/16/competing-tax-plans-two-perspectives/
Nice chart comparing tax plans.
Obama v McCain tax plans
Wash. Post. / NYTimes review of tax plans useful diagrams
Method Art
http://methodart.blogspot.com/2009/06/engine-room-audition.html
Andrei Alexandrescu
nice open source data framework for real time video effects
a video showing some realtime techniques for computer vision
Popular favorite images tagged with "infographics" on vi.sualize.us
http://vi.sualize.us/popular/infographics
Popular favorite images tagged with "infographics"
Popular favorite images tagged with 'infographics' on vi.sualize.us - a showcase of visual content for inspiration or simply delight of the spectator based on people recommendations
Hive Five Winner for Best Mind Mapping Software: FreeMind
http://lifehacker.com/5191381/hive-five-winner-for-best-mind-mapping-software-freemind
Understanding Credit Card Debt & Credit Card Late Fees | Mint.com Blog | Personal Finance News & Advice | Mint.com Blog | Personal Finance News & Advice
http://www.mint.com/blog/finance-core/the-descent-into-credit-card-debt/
卡奴是如何炼成 http://www.mint.com/blog/wp-content/uploads/2009/06/creditcardhell3.jpg
pds
When used wisely, credit cards can be the cornerstone of a sound financial strategy. A solid credit history makes you a good credit risk and that in turn allows you to purchase the necessities of life. But credit cards can also be a slippery slope. One misstep and you’ll tumble into the abyss of credit card debt hell, a mounting spiral of missed payments, fees, high APRs, and rate increases that will take years to recover from. Only by remaining vigilant can you hope to avoid this fate. Here’s our guide to what you may experience on the way down.
mmm, reminds me to top mine up. oooh for real-time banking!
YouTube - Air traffic in 24 hours.wmv
http://uk.youtube.com/watch?v=o4g930pm8Ms
very cool
The New York Times > Week in Review > Image > A Tally of Federal Rescues
http://www.nytimes.com/imagepages/2008/09/28/weekinreview/20080928_MARSH_GRFK.html?scp=1&sq=federal%20rescues&st=cse
A Tally of Federal Rescues http://nyti.ms/cwSSVf Mind blowing ! The New York Times > Week in Review > Image >
visualization of the recent bailout
Need some time to wrap my head around these figures
Google Begins to Make Public Data Searchable - ReadWriteWeb
http://www.readwriteweb.com/archives/google_begins_to_make_public_data_searchable.php
Google Begins to Make Public Data Searchable http://bit.ly/11uBIO &lt;-- event of historic importance [from http://twitter.com/marshallk/statuses/1642481003]
Google just announced its first foray into making public data searchable and viewable in graph form. The company is starting with population and unemployment data from around the US but promises to make far more data sets searchable in the future. The potential significance of making aggregate data about our world easy to visualize, cross reference and compare can't be overstated.
Mundial 2010 en MARCA.com
http://www.marca.com/deporte/futbol/mundial/sudafrica-2010/calendario-english.html
WTF is HTML5 (Infographic)
http://www.focus.com/images/view/11905/
WTF is HTML5 and Why We Should All Care (Infographic)
50 Informative and Well-Designed Infographics | Inspiration
http://www.hongkiat.com/blog/50-informative-and-well-designed-infographics/
Design weblog for designers, bloggers and tech users. Covering useful tools, tutorials, tips and inspirational photos.
some good some bad, but great source
1枚の図で表わしてある。これはステキ。
IfItWasMyHome.com - Visualizing the BP Oil Disaster
http://www.ifitwasmyhome.com/
oil spill
An interesting map overlay of the BP oil spill. click on the site and it will bring up a google map with the oil spill on top of where you live.
FU BP http://www.ifitwasmyhome.com/ cc: @BPGlobalPR
What is data science? - O'Reilly Radar
http://radar.oreilly.com/2010/06/what-is-data-science.html
The future belongs to the companies who figure out how to collect and use data successfully. In this in-depth piece, O'Reilly editor Mike Loukides examines the unique skills and opportunities that flow from data science.
aspects Business Intelligence, Text Mining, and other statistical analysis
Infographic: Tallest Mountain to Deepest Ocean Trench
http://www.ouramazingplanet.com/infographic-tallest-mountain-to-deepest-ocean-trench-0249/
RT @Pogue: Just how deep is BP's nasty oil rig? This'll give you some idea... http://bit.ly/b46Ktu (via @armenoush)
22 Educational Social Media Diagrams
http://blog.hubspot.com/blog/tabid/6307/bid/6005/22-Educational-Social-Media-Diagrams.aspx
22 diagrams
Everyone learns differently. Social media marketing has a lot of moving parts and processes which make it hard to get up to speed. This challenge is only compounded by the ever-changing nature of the market, in which new applications and opportunities arise daily.
RT @trupheme: 22 Educational Social Media Diagrams http://tinyurl.com/34at78b
Locals and Tourists - a set on Flickr
http://www.flickr.com/photos/walkingsf/sets/72157624209158632/
We've seen maps of photographic activity around the world, and maps of traffic activity in a city, which reveal how heavily roads are used. And now, photographer Eric Fischer has combined both ideas, creating maps of 50 different cities around the world, using only the geotags of photos uploaded to Flickr and Picasa. What emerges are basically maps of human interest--that is, all the places fascinating enough that someone decided to take a picture.
Some people interpreted the Geotaggers' World Atlas maps to be maps of tourism. This set is an attempt to figure out if that is really true. Some cities (for example Las Vegas and Venice) do seem to be photographed almost entirely by tourists. Others seem to have many pictures taken in piaces that tourists don't visit.
Overviews of places tourists visit versus places locals visit.
Blue points on the map are pictures taken by locals (people who have taken pictures in this city dated over a range of a month or more). Red points are pictures taken by tourists (people who seem to be a local of a different city and who took pictures in this city for less than a month).
Designing The “World Of Programming” Infographic - Smashing Magazine
http://www.smashingmagazine.com/2010/06/06/designing-the-world-of-programming-infographic/
This infographic exhibits pioneers in the field of programming, along with the history and current statistics of various programming languages. Also included are some random facts and algorithm diagrams to make the infographic more visually appealing.
Data artwork (or infographics) are employed to screen info with techniques which are more innovative than the usual text. Today, they encompass people in media, released operates, path indicators along with guides.
pagina con info interesante
howlawsmadeWIRTH2.jpg (JPEG Image, 2450x1207 pixels)
http://www.mikewirthart.com/wp-content/uploads/2010/05/howlawsmadeWIRTH2.jpg
Nice flow chart for the Bill to Law process
John Underkoffler points to the future of UI | Video on TED.com
http://www.ted.com/talks/john_underkoffler_drive_3d_data_with_a_gesture.html
人機介面 三度空間
The future of #UI presented by John Underkoffler http://j.mp/cNmiED #tedtalk
Minority Report science adviser and inventor John Underkoffler demos g-speak -- the real-life version of the film's eye-popping, tai chi-meets-cyberspace computer interface. Is this how tomorrow's computers will be controlled?
If San Francisco Crime were Elevation | Doug McCune
http://dougmccune.com/blog/2010/06/05/if-san-francisco-crime-was-elevation/
I’ve been playing with different ways of representing data (see my previous night lights example) and I decided to venture into 3D representations. I’ve used a full year of crime data for San Francisco from 2009 to create these maps. The full dataset can be download from the city’s DataSF website.
RT @brainpicker: San Francisco crime rates, visualized as topographic elevation http://bit.ly/bOlQAi
BBC News - In graphics: Supercomputing superpowers
http://news.bbc.co.uk/2/hi/technology/10187248.stm
buen gráfico con supercomputadoras y su distribución por país
The biannual Top 500 supercomputer list has been released. Use this graphic to explore the world's fastest number crunchers or find out more about alternative supercomputer powers . Annotated link http://www.diigo.com/bookmark/http%3A%2F%2Fnews.bbc.co.uk%2F2%2Fhi%2Ftechnology%2F10187248.stm
RT @dreig: interesante infografía: Supercomputadoras en el mundo: http://news.bbc.co.uk/2/hi/technology/10187248.stm
In graphics: Supercomputing superpowers
World Cup 2010 Twitter replay | Football | guardian.co.uk
http://www.guardian.co.uk/football/world-cup-match-replay
beim guardian kann man wm-spielverläufe anhand von twitter-schlagworten nachverfolgen. http://bit.ly/c43l7B via @jayzon277
Wirklich schöne Visualisierung vom Guardian: Die Twitter-Tags während aller #WM-Spiele im Replay. http://bit.ly/bPGMfb /via @spreeblick
i'm watching world cup
Watching: "World Cup 2010 #Twitter replay | Football | guardian.co.uk" ( http://bit.ly/d0tk8j )
twitterconversatie rond NED-DEN in beeld gebracht. Vooral de "hup" op het einde... Mooi!
Follow in high-speed replay of the World Cup and find out how Twitter reacted to every game
Imagine A Pie Chart Stomping On An Infographic Forever - Smashing Magazine
http://www.smashingmagazine.com/2010/05/10/imagine-a-pie-chart-stomping-on-an-infographic-forever/
A certain category of design gaffes can be boiled down to violations of audience expectations. Websites that don’t work in Internet Explorer are a heck of a nasty surprise for users who, bless their souls, want the same Internet experience as everyone else. Websites that prevent copying, whether through careless text-as-image conversions or those wretched copyright pop-ups from the turn of the century, cripple a feature that works nearly everywhere else on the Internet. Avoiding this category of blunders is crucial to good design, which is why I am upset that one particular pitfall has been overlooked with extreme frequency.
Some cool examples of info graphics.
A critique of some poor infographics
A importância de apresentar dados de forma clara e um showcase de infográficos ruins
User Centred Design - Infographic Poster by Pascal Raabe
http://www.paznow.com/ucd/
Check out this infographic poster about user centred design: http://bit.ly/UCDposter
"This is an information graphic poster illustrating the underlying lifecycle, methods, principles and techniques in a user centred design process where the visual part is only the tip of the iceberg."
This is an information graphic poster illustrating the underlying lifecycle, methods, principles and techniques in a user centred design process where the visual part is only the tip of the iceberg. This project is the result of my work experience at City ID, an information design studio with international reputation. The poster sums up many of the things that I’ve learnt during my time working with them. It also draws inspiration from practitioners who I admire and from a Digital Media module that I took at the Zurich University of the Arts in Switzerland which was taught by visiting lecturer and user experience designer Eva-Lotta Lamm.
is a good and beautiful infographic Poster by Pascal Raabe, summarizing what is to design with the user in mind.
Huge Infographics Design Resources: Overview, Principles, Tips and Examples | Onextrapixel - Showcasing Web Treats Without A Hitch
http://www.onextrapixel.com/2010/05/21/huge-infographics-design-resources-overview-principles-tips-and-examples/
Some good resources, including software links and other references.
Ten of the greatest maps that changed the world | Mail Online
http://www.dailymail.co.uk/home/moslive/article-1272921/Ten-greatest-maps-changed-world.html
1) Dimitri Moor propaganda map of the USSR during the civil war, 2) circa 1490 world map used by Columbus to garner support for his expedition, 3) earliest known Chinese globe from 1623, 4) Waldseemuller world map, first naming the American continent, 5) Google Earth ("Google Earth presents a world in which the area of most concern to you can be at the centre, and which - with mapped content overlaid - can contain whatever you think is important. Almost for the first time, the ability to create an accurate map has been placed in the hands of everyone, and it has transformed the way we view the world."), 6) 1889 map of London poverty, 7) post-Revolutionary War map establishing USA-Canada border, 8) Harry Beck's London tube map, 9) the Peters equal-area projection world map, and 10) a late medieval world map that "marks the birth of English patriotism".
CHINESE GLOBE
Map: Where Americans Are Moving - Forbes.com
http://www.forbes.com/2010/06/04/migration-moving-wealthy-interactive-counties-map.html
More than 10 million Americans moved from one county to another during 2008. The map below visualizes those moves. Click on any county to see comings and goings: black lines indicate net inward movement, red lines net outward movement.
The Graphs 2 - One graph collection to rule them all
http://graphs.nicer2.com/
After the huge success of the first release made exclusively for Smashing Magazine, we give you the second release of "The Graphs"! With 169 vector icons "The Graphs 2" is the largest and the most flexible graph icon collection on the web.
Seeing Standards
http://www.dlib.indiana.edu/~jenlrile/metadatamap/
Very Useful Guide to the myriads of metadata standards
The Evolution of the World Cup Ball - Interactive - NYTimes.com
http://www.nytimes.com/interactive/2010/06/06/magazine/20100606-world-cup-balls.html
cool infographic on world cup ball
A look at game balls from 1930 to 2010.
SEOmoz | All Links are Not Created Equal: 10 Illustrations on Search Engines' Valuation of Links
http://www.seomoz.org/blog/10-illustrations-on-search-engines-valuation-of-links
In this post, I'm going to walk through ten principles of link valuation that can be observed, tested and, in some cases, have been patented.
All Links are Not Created Equal #seo #bm http://j.mp/dmVXs2
Evolution Timeline - AndaBien
http://andabien.com/html/evolution-timeline.htm?=9738234
AndaBien - Evolution Timeline
To scale.
Create Beautiful 3D Graphs and Charts in Illustrator | Tutorial9
http://www.tutorial9.net/illustrator/create-beautiful-3d-graphs-and-charts-in-illustrator/
There is something gorgeous in aesthetically pleasing, visual representation of data. In this tutorial I'll show you how to put some style into graphs generated in Adobe Illustrator.
Less Wrong: Bayes' Theorem Illustrated (My Way)
http://lesswrong.com/lw/2b0/bayes_theorem_illustrated_my_way
Great illustration.
frLHu.jpg (JPEG Image, 896x5704 pixels)
http://i.imgur.com/frLHu.jpg
Does seeing this make you feel small? [pic] http://adjix.com/ze6k – David Alfaro (agilenature) http://twitter.com/agilenature/statuses/15120149899
A Terra é um nada perdido no universo. Compare as escalas das estrelas e galáxias: http://i.imgur.com/frLHu.jpg
How Does Google Work?
http://ppcblog.com/how-google-works/
HTML5__.jpg (JPEG Image, 1200x1312 pixels)
http://media.focus.com/images/uploaded/fyi/wtf-html5-infographic/HTML5__.jpg
What is HTML5?
Onde atuam os 736 jogadores da Copa 2010 : Especial - Esportes - Copa 2010 - Estadão.com.br ...
http://www.estadao.com.br/especiais/2010/06/copa_jogadores.shtm
RT @mejutto: @trecet Impresionante gráfico sobre donde juegan los jugadores de cada equipo del mundial. http://is.gd/djHEr
Poyozo | Make Life Make Sense
http://mypoyozo.com/
Poyozo is an automatic, personal diary system to help reclaim and consolidate your ever-expanding digital life with simple visualizations that you can use every day.
Poyozo | Make Life Make Sense
http://mypoyozo.com/
Make Life Make Sense
Poyozo | Make Life Make Sense
http://mypoyozo.com/
Make Life Make Sense
Poyozo | Make Life Make Sense
http://mypoyozo.com/
Poyozo é automático, sistema de diário pessoal para ajudar a recuperar e consolidar a sua extensa vida digital com visualizações simples que você pode usar todos os dias.
Extension para llevar control de tu vida social en tu ordenador...
毎日の行動をトラッキングして視覚化出来るFirefoxアドオン。
Poyozo | Make Life Make Sense
http://mypoyozo.com/
Poyozo is an automatic, personal diary system to help reclaim and consolidate your ever-expanding digital life with simple visualizations that you can use every day
Poyozo é automático, sistema de diário pessoal para ajudar a recuperar e consolidar a sua extensa vida digital com visualizações simples que você pode usar todos os dias.
"1945-1998" by Isao Hashimoto: CTBTO Preparatory Commission
http://www.ctbto.org/specials/1945-1998-by-isao-hashimoto/
"Multimedia artwork "2053" - This is the number of nuclear explosions conducted in various parts of the globe.*"
2053 この数字わかりますか? 1945から1998の間に地球上で起こされた核爆発の回数です。どこの国がどのくらい核爆発をどこでおこなったかを見事なアート動画で見せてくれるISAO HASHIMOTO の作品をご覧ください。
2053" - This is the number of nuclear explosions conducted in various parts of the globe.
"1945-1998" by Isao Hashimoto: CTBTO Preparatory Commission
http://www.ctbto.org/specials/1945-1998-by-isao-hashimoto/
"Multimedia artwork "2053" - This is the number of nuclear explosions conducted in various parts of the globe.*"
2053 この数字わかりますか? 1945から1998の間に地球上で起こされた核爆発の回数です。どこの国がどのくらい核爆発をどこでおこなったかを見事なアート動画で見せてくれるISAO HASHIMOTO の作品をご覧ください。
"1945-1998" by Isao Hashimoto: CTBTO Preparatory Commission
http://www.ctbto.org/specials/1945-1998-by-isao-hashimoto/
"Multimedia artwork "2053" - This is the number of nuclear explosions conducted in various parts of the globe.*"
2053 この数字わかりますか? 1945から1998の間に地球上で起こされた核爆発の回数です。どこの国がどのくらい核爆発をどこでおこなったかを見事なアート動画で見せてくれるISAO HASHIMOTO の作品をご覧ください。
Top World Cup Players on Facebook, Day by Day - Interactive Graphic - NYTimes.com
http://www.nytimes.com/interactive/2010/07/02/sports/soccer/facebook-worldcup.html
Top World Cup Players on Facebook, Day by Day Millions of people around the world have been actively supporting – or complaining about – their favorite teams and players. Below, players are sized according to the number of mentions on Facebook during each day of the World Cup.
Wild Apricot Blog : Make Your Own Infographic
http://www.wildapricot.com/blogs/newsblog/archive/2010/05/25/make-your-own-infographic.aspx
muy buena pagina de como hacer infografias
If you’re not sure where to start to create your first infographic, remember that annotated maps, flow charts, graphs, many of the diagrams you may already be creating on the job can help your audience to see the meaning behind your data. Not sexy and artistic, you might think, but even a simple graphic is far more effective than asking your prospective supporters to study a spreadsheet – if done right! Here’s a little help for figuring out what information you want to communicate, which data points to select, and how to present the numbers in a way that will be both accurate and accessible to numerically challenged viewers:
Top World Cup Players on Facebook, Day by Day - Interactive Graphic - NYTimes.com
http://www.nytimes.com/interactive/2010/07/02/sports/soccer/facebook-worldcup.html
Top World Cup Players on Facebook, Day by Day Millions of people around the world have been actively supporting – or complaining about – their favorite teams and players. Below, players are sized according to the number of mentions on Facebook during each day of the World Cup.
Wild Apricot Blog : Make Your Own Infographic
http://www.wildapricot.com/blogs/newsblog/archive/2010/05/25/make-your-own-infographic.aspx
RT @wwwhatsnew: Consejos para crear infografías http://wwhts.com/c7Rfsg
Map: Where Americans Are Moving - Forbes.com
http://www.forbes.com/2010/06/04/migration-moving-wealthy-interactive-counties-map.html?preload=39099
http://news.ycombinator.com/item?id=1431761
Where Americans Are Moving To: Interactive Map http://bit.ly/aYVs9v via @cubitplanning #flowmaps #cartography #migration #maps
adidas Football
http://www.adidas.com/campaigns/football/content/matchtracker.aspx
real time meta tagging
An interesting interface for tracking and charting soccer matches.
adidas Football
http://www.adidas.com/campaigns/football/content/matchtracker.aspx
real time meta tagging
An interesting interface for tracking and charting soccer matches.
adidas Football
http://www.adidas.com/campaigns/football/content/matchtracker.aspx
real time meta tagging
An interesting interface for tracking and charting soccer matches.
A List Apart: Articles: SVG with a little help from Raphaël
http://www.alistapart.com/articles/svg-with-a-little-help-from-raphael/
"Raphaël is a light-weight JavaScript library that renders dynamic SVG graphics including charts, graphs, vector-based animations, and GUI components right into your web pages. Now, you’re probably thinking, I can already do this with jQuery, Google Charts, or even Flash! While this is true, Raphaël reveals new possibilities not currently available with these other technologies. Let’s learn how to create inline scalable vector images that work across browsers and degrade gracefully."
using code to create graphics
Raphaël is a light-weight JavaScript library that renders dynamic SVG graphics including charts, graphs, vector-based animations, and GUI components right into your web pages.
Met name het voorbeeld van de route op de kaart ...
jQuery Deconstructed
http://www.keyframesandcode.com/resources/javascript/jQuery/deconstructed/
A List Apart: Articles: SVG with a little help from Raphaël
http://www.alistapart.com/articles/svg-with-a-little-help-from-raphael/
html web etc knowledge
A List Apart wrote up the Raphael library.
Hmm, this looks informative. SVG with a little help from Raphaël, by @briansuda - http://bit.ly/9bOWHB /via @alistapart
jQuery Deconstructed
http://www.keyframesandcode.com/resources/javascript/jQuery/deconstructed/
SECTION : jQuery Core
A List Apart: Articles: SVG with a little help from Raphaël
http://www.alistapart.com/articles/svg-with-a-little-help-from-raphael/
A List Apart: Articles:
jQuery Deconstructed
http://www.keyframesandcode.com/resources/javascript/jQuery/deconstructed/
jQueryのコードをインタラクティブ&グラフィカルに読み解いていくことができる『jQuery Deconstructed』
graphical jQuery code
jQueryの構造がわかりやすい。クリックで関数表示も。
A Protovis Primer, Part 1 | eagereyes
http://eagereyes.org/tutorials/protovis-primer-part-1
OpenHeatMap
http://www.openheatmap.com/
Turn your spreadsheet into a map with OpenHetaMap: http://www.openheatmap.com/ via @BetweenMyths #datavisualization #geolocation
Nice open way of putting heat maps on maps
7 Basic Rules for Making Charts and Graphs
http://flowingdata.com/2010/07/22/7-basic-rules-for-making-charts-and-graphs/
RT @flowingdata 7 Basic Rules for Making Charts and Graphs http://bit.ly/cGat5u
Primer or Reminder RT @JuiceAnalytics 7 basic rules for creating charts http://bit.ly/930RG7 #MR
Introduction
http://interactiondesign.sva.edu/classes/datavisualization/2010/07/08/introduction/
intro on data visualization
Introduction to, and history of, datavisualization
Data visualization is a pretty literal term that means, quite simply, the visual representation of quantitative data. In this course we’ll learn common techniques for visualizing data, as well as some strategies for managing information digitally. But first, a brief history.
A brief history of visualization http://bit.ly/a2YB4q #datavisualization #dataviz
Data Visualization
Although visualization hasn’t been widely recognized as a discipline in and of itself until fairly recently, today’s most popular forms date back nearly two centuries. Geographical exploration, mathematics, and popularized history spurred the creation of early maps, graphs, and timelines as far back as the 1600s; but William Playfair is widely credited as the inventor of the modern chart, having created the first widely distributed line and bar charts in his Commercial and Political Atlas of 1786, and what is generally considered to be the first pie chart in his Statistical Breviary, published in 1801.