Google Teaching

Its been a while since I posted and it seems I've been knee deep in google! Yes, ok I use it for my email and docs, recently maps (been improving the functionality of the creative maps, awesome btw, post to come) and Youtuube. So without further-a-do... is that how you type that expression?... anyway!



Google is also integrated into my teaching through sharing resources digitally on google docs, to them submitting visual research through blogger. Today a colleague suspected you could use a google (word) doc as a live wiki, I was intirgued and we got the students to input their email address (hence not great quality to read) but we'd not seen how it works.

As you can see from the video you can see how it flickers as with different colour tags which are the different students collaborating on a timeline of research into how we have got to our digital world of today... when zuckerberg invented facebook to when logie baird invented the tele (ok majority are now plasma's as opposed to cathode ray tube).

But to watch it live (the colleges servers and ageing laptops just about survived created a beautiful collaborative document and such a fast, vast resource (ok didint ask to double checkl their sources of data, much in the same respect as a wiki) of info that created such debate that the tutuor could just reflect on to point out the shortening of technological development cycles (there is a better description for it) and key dates etc.

Infographics

Is there a way to track the amount of individual user input into the document other than colour coding each users text? I can imagine a tree diagram to represent the contrasting majorities of users input. I mean its useful in that you can track which user is doing what and who is adding the most useful data, but can we data mine their input?

Anyhow, I can imagine this technique has been done much already and we're hardly new, but I had to record it as it looked so good their collaboration and I'd love anyfeedback as if it is possible to translate this input technique into stats that can be made into infographics (not for the 'eye candy' novelty, though intriguing to innovate, but to assess, evaluate the students learning. Give Curriculum Leaders/Verifiers a clean-sweep-perception to aid the arbitary quantification of un-easy quantifiable currency of creative understanding. Ok, maybe not as deep as the whole of creativity, but still.

What's in MyBag?

b6c7fa9af5a04e49967aba893e1226c1 Whats in MyBag?

What does a bags content communicate about our selves? Take a picture of the contents and share.
Find more photos like this on whats in mybag

.

.

Bag - Camera - Upload - It will take you 5 mins - Join In!

.

.

Its intriguing what people have in their bags. Use your discretion to veil sensitive info. Please join in, and you don't have to just be  creative individual that takes part. Anyone can do it and take part.

.

.

Express yourself!

.

.

http://whatsinmyb.ning.com/

.

.

30 free top wordpress plugins for new blogger to wordpress converters

f4b0694557a7a530b45dc035866c8a02 30 free top wordpress plugins for new blogger to wordpress converters

Well, a friend had a server, let me use it and I finally agreed to convert my Blogger blog over to WordPress now that I had a little more time I said to myself i could make sure I get it to work and not effect permalinks etc. This notion that I had penetrated the very depths of the web with my writings ;o) would lose the links they'd established, it would be too hard, I didn't get the wordpress.org and the wordpress.com distinction.    Why didn't I politely ask to borrow some server space from my friend sooner?   If you have access to server space and the privileges of manually editing files, uploading, write access/permissions (although this I have found necessary for only a few plugins)   If you have the time one day to install all these plugins (extremely simple btw, download the zip files of the plugin, login-to-wordpress-online-admin-interface. then plugins-add new-upload-choose the zip folder-submit) EASY   Well, firstly huge thanks to Rahul Bansal, there may be better explanations for converting blogger to wordpress, but his blog post and plugin below made it so easy and straightforward.    START with Rahul.    Blogger To WordPress Redirection If you have imported your blog from blogger (blogspot.com) then you might be redirecting visitors from your old blogspot blog to your new wordpress blogs HOMEPAGE. While this approach ensures you get all the traffic redirected from your old blog to new blog, a visitor may feel lost! What if a person is referred to your old blog via search engine or other link listings?   So this plugin just takes care of this part. It checks for which post people were looking on old blog and then redirect them to same post but on new blog! All this is so transparent that a visitor will never get confused!   DO NOT forget to read Installation section. Its simple but slightly different.   If you stuck somewhere you can visit plugin homepage to leave comment or buzz me! I found his tutorial very easy and clear to use on how to convert over to wordpress from blogger and this plugin was perfect to clear up my concerns over already established links to blogger posts.    http://wordpress.org/extend/plugins/blogger-to-wordpress-redirection/    You will need to install a theme, there are loads. It took me a while to find a theme (Vector Flower 1.0 by EZwpthemes) that I felt safe enough to restyle graphically and keep the same image names and not have to tweak code much.    Then, these 30 plugins compatible to wordpress 2.7 (be careful with plugins for compatibility to your platform version, one isn't below - super edit) should truly convince you it was the right decision to switch.   

  1. Link Harvest 
Link Harvest will go through all of your posts and pages and compile a list of all external links. Then it will create a LIVE (automatic) updating linkroll for you, based on your actual linking activity. The Daddy ;o)   http://wordpress.org/extend/plugins/link-harvest/    I use this PHP Code Widget to display the php code to see the list:  
  1. PHP Code Widget
  The normal Text widget allows you to insert arbitrary Text and/or HTML code. This allows that too, but also parses any inserted PHP code and executes it. This makes it easier to migrate to a widget-based theme.   All PHP code must be enclosed in the standard tags for it to be recognized. I'm sure with a little inline CSS I could glam it up.    http://wordpress.org/extend/plugins/php-code-widget/  
  1. Broken Link Checker
  This plugin will monitor your blog looking for broken links and let you know if any are found. Displays a nice strikethrough to warn visually of broken links.    Features
  • Monitors links in your posts, pages, the blogroll, and custom fields (optional).
  • Detects links that don't work and missing images.
  • Notifies you on the Dashboard if any are found.
  • Also detects redirected links.
  • Makes broken links display differently in posts (optional).
  • Link checking intervals can be configured.
  • New/modified posts are checked ASAP.
  • You view broken links, redirects, and a complete list of links used on your site, in the Tools -> Broken Links tab.
  • Each link can be edited or unlinked directly via the plugin's page, without manually editing each post.
http://wordpress.org/extend/plugins/broken-link-checker/   
  1. Scissors
This plugin adds cropping, resizing, and rotating functionality to WordPress' image upload and management dialogs. Scissors also allows automatic resizing of images when they are uploaded and supports automatic and manual watermarking of images. Additionally, images that are resized in the post editor are automatically resampled to the requested size using bilinear filtering when a post is saved, which improves the perceived image quality while reducing the amount of data transferred at the same time.   When the first version of Scissors was published in October 2008 it was available only in English and German. Since then translations into new languages have been contributed by the following kind individuals. Thank you for your time and initiative.   http://wordpress.org/extend/plugins/scissors/  
  1. WP Super Edit
WP Super Edit is designed to get control of the WordPress wysiwyg visual editor and add some functionality with more buttons and customized TinyMCE plugins. WP Super edit acts as framework for TinyMCE visual editor plugins and buttons allowing administrators (or users) to arrange buttons and add TinyMCE plugins to the visual editor.   Your feedback is always welcome!  
  • Requires WordPress Version: 2.8 or higher
  • Compatible up to: 2.8.1
Features  
  • Drag and Drop interface for arranging the WordPress visual editor buttons.
  • Access to built-in WordPress visual editor buttons and functions.
  • Customized TinyMCE plugins to add additional buttons and features like tables, layers (div tag), advanced XHTML properties, advanced image and link properties, WordPress emoticons, style attributes, css classes for themes, search / replace, and more.
  • Options for allowing users to configure visual editor settings; One editor setting for all users, role based editor settings, and individual user editor settings. Only WordPress administrators can activate or deactivate TinyMCE wysiwyg visual editor plugins. In single or role based modes, only administrators can arrange editor buttons.
  • Easy to install and remove. WP Super Edit uses separate database tables for its settings. Currently only the Super Emoticon / Icon Plugin will leave short tags in your posts or pages.
http://wordpress.org/extend/plugins/wp-super-edit/  
  1. Amazon Widgets Shortcodes
Easy management of Amazon Links & Widgets on your blog. Preserve your post consistency, use copy/paste Amazon code or build your links with an easy to use interface Available Amazon Widgets
  • Carrousel Widget
  • Deals Widget
  • MP3
  • My Favorites Widget
  • Product Preview
  • Product Links
  • Slideshow Widget
  • Product Cloud Widget
  • Wishlist Widget
  http://wordpress.org/extend/plugins/amazon-widgets-shortcodes/   
  1. WP Super Cache
This plugin generates static html files from your dynamic WordPress blog. After a html file is generated your webserver will serve that file instead of processing the comparatively heavier and more expensive WordPress PHP scripts. The static html files will be served to the vast majority of your users, but because a user's details are displayed in the comment form after they leave a comment those requests are handled by PHP. Static files are served to:
  1. Users who are not logged in.
  2. Users who have not left a comment on your blog.
  3. Or users who have not viewed a password protected post.
99% of your visitors will be served static html files. Those users who don't see the static files will still benefit because they will see regular WP-Cache cached files and your server won't be as busy as before. This plugin will help your server cope with a front page appearance on digg.com or other social networking site. http://wordpress.org/extend/plugins/wp-super-cache/   
  1. Hot Linked Cache Images
Makes it quicker to download as they're being accessed off of your own server and not someone else's, and if another websites server removed, renamed, relocated images you loose the link. Cache'ing doesnt.  use this one: http://wordpress.org/extend/plugins/hot-linked-image-cacher/  couldn't get this one to work: http://wordpress.org/extend/plugins/cache-images/  
  1. smushit - optimise Images file size
this is an additional plugin I spotted, very clever. http://dialect.ca/code/wp-smushit// reduces and optimises images with lossless qualities for quicker download. free, easy to install  
  1. Category Cloud Widget
The Category Cloud Widget is a widget that displays your categories as a tag cloud in your sidebar. If like me you finally converted from blogger to wordpress, you will notice your tags have been converted to categories, well I like a tag cloud, small, easy to give an impression of the blogs content. So I found a category cloud generator.  http://wordpress.org/extend/plugins/widget-category-cloud/  
  1. WordPress Plugin SensitiveTagCloud 1.4.1 
  This wordpress plugin provides a configurable tagcloud that shows tags depending of the current context only. For example the tagcloud shows only tags that really occur in the current category, or within the current date-, author-, tag- archive or even only the tags that occur in the search results. It is also possible to restrict the links of the tag cloud to the current viewing tag archive or category: If you click on the tag “test1? within the tag cloud of the tag archive of “test2? the target page will only contain posts that have both tags, like a drill down navigation. It is possible to exclude the tag of the tag-archive itself from the tagcloud. Not quite got to work for categories. http://www.rene-ade.de/inhalte/wordpress-plugin-sensitivetagcloud.html   
  1. DropCap First Character

The plugin is called dropcap_first and is available for download if you so desire.

 

What it does is it makes the first character of the post BIG in a magazine style. I got the idea (and most of the CSS code) to do this from an article called Magazine Style CSS Drop Caps and then it was just a matter of writing the relevant PHP code to do what I wanted. Just make sure that text is the first characters in your post and not code. Adds some nice style to your posts, breaks up that dense text a little.  Current Version Download: dropcap_first plugin http://www.rc.au.net/blog/2006/07/27/dropcap-first-character-wordpress-plugin/   
  1. wp-utf8-excerpt
Show shortened posts on your splash page to your blog, with a 'Read more of this post...' link at the bottom. Lets users browse through your content a little quicker rather than seeing all of one post until they can see the next. This is the only one I have seen that will include html and images. Needs a little manual coding of: Open wp-content/themes/<YOUR THEME NAME>/index.php  

Main features of the plugin:

  1. It supports multibyte language (such as Chinese). It will not produce gibberish as some other excerpt plugins do.
  2. The html tags in the original posts, i.e., the font styles, colors, hyperlinks, pictures and such are preserved in the excerpt.
  3. For better readability, it displays 300 characters for each post on the homepage and 150 characters for each post on archive pages.
http://wordpress.org/extend/plugins/wp-utf8-excerpt/  
  1. Smart Ping Updater
“Ping spam” is when you keep pinging your RSS feed, even when you haven’t posted anything new. It’s not good and can get you banned from places like Technorati. Unfortunately, WordPress is set to automatically ping even if you edit your post. This plugin takes care of that and only pings when you have a new post. It automatically imports your current ping list. http://www.usefulsnippets.com/category/wordpress?q=usefulstuff/wordpress-plugins.html   
  1. FD Feedburner Plugin
Redirects the main feed and optionally the comments feed to Feedburner.com. It does this seamlessly without the need to modify templates, setup new hidden feeds, modify .htaccess files, or asking users to migrate to a new feed. All existing feeds simply become Feedburner feeds seamlessly and transparently for all users. Just tell the plugin what your Feedburner feed URL is and you're done.  If you used blogger, you no doubt integrated your feed with Feedburner, seeing as Google bought it and integrated it, as it adds some wonderful functionality to your feed with the 'Add to Del-ici-ous... Digg... Email.... Technorati' etc, but also its AUTOMATIC pinging to different news services, and sites to tell them you have new content. It also splices in flickr, del-ici-ous or furl, it adds Google Adsense to your posts and so much more. So you will more than likely want to keep this and so it lets you redirect your wordpress feed to your own unique wordpress feed, therefore keeping the AUTOMATED updates and subscribers are none the wiser it is coming from a different blogging platform.  Just need to go into feedburner configuration under appearance to set the feeds and redirects (took me a while to find it, prob should have read installation. ;o) http://wordpress.org/extend/plugins/feedburner-plugin/   
  1. Google Analytics for Word Press
The Google Analytics for WordPress plugin automatically tracks and segments all outbound links from within posts, comment author links, links within comments, blogroll links and downloads. It also allows you to track AdSense clicks, add extra search engines, track image search queries and it will even work together with Urchin.
  • Requires WordPress Version: 2.7 or higher
  • Compatible up to: 2.9
http://wordpress.org/extend/plugins/google-analytics-for-wordpress/   
  1. Google XML Sitemaps
This plugin will create a Google sitemaps compliant XML-Sitemap of your WordPress blog. It supports all of the WordPress generated pages as well as custom ones. Everytime you edit or create a post, your sitemap is updated and all major search engines that support the sitemap protocol, like ASK.com, Google, MSN-Bing Search and Yahoo, are AUTOMATICALLY notified about the update. Related Links: http://wordpress.org/extend/plugins/google-sitemap-generator/  
  1. Optimal Title
Anyone serious about Search Engine Optimization (SEO) should consider installing this plugin. It changes your <title> tag from “Mike Haydon | How To Be NoFollow Free” to “How To Be NoFollow Free | Mike Haydon”, which tells the search engine that your keywords are more important than the name of your blog (which it almost always is). download here: http://elasticdog.com/2004/09/optimal-title/  But implement the changes creator states here: http://elasticdog.com/2008/02/optimal-title-functionality-now-in-wordpress-core/   
  1. PostRank
This plugin adds the PostRank Top Posts Widget & Analytics to your blog. PostRank measures the engagement with each story by analyzing the types and frequency of social media interactions. The more interesting or relevant the story is, the more active your readers will be in sharing it. By measuring the engagement with each story the PostRank Top Posts widget features your best new and archived content, providing another channel to gain readership, increase page views and clicks, RSS subscriptions and ad revenues. The widget automatically presents a list of your articles that have the highest PostRanks scores overall, or for a specific topic, as specified by the user. http://wordpress.org/extend/plugins/wp-postrank/  
  1. Top 10
WordPress doesn’t count page views by default. Top 10 will count the number of page views on your single posts on a daily as well as overall basis. You can then display the page view count on individual posts and pages as well as display a list of most popular posts based on page views.   Includes a sidebar widget to display the popular posts. And, all settings can be configured from within your WordPress Admin area itself! You can choose to disable tracking of author visits on their own posts. http://ajaydsouza.com/wordpress/plugins/top-10/   
  1. Link within - show related posts with thumbnails. 
  Show Related Stories with a Thumbnail Under Each Post!
  linkwithin.com   LinkWithin is a blog widget that appears under each post, linking to related stories from your blog archive.   Exteremly easy to install. it has a drop down for you to choose from and gives you a widget. for me on wordpress it just made me the plugin .zip file.  give it 7 hours for it to spider your blog for the relation to be better.
 
  1. Yet Another Related Posts Plugin
Yet Another Related Posts Plugin (YARPP) gives you a list of posts and/or pages related to the current entry, introducing the reader to other relevant content on your site. http://wordpress.org/extend/plugins/yet-another-related-posts-plugin/   
  1. WordPress Mobile Edition
WordPress Mobile Edition is a plugin that shows an interface designed for a mobile device when visitors come to your site on a mobile device. Mobile browsers are automatically detected, the list of mobile browsers can be customized on the settings page. http://wordpress.org/extend/plugins/wordpress-mobile-edition/   
  1. SMS Text Message
Allows a reader to submit their phone number through a sidebar widget. The blog owner then can periodically send alerts, updates, etc via SMS to everyone at once. Features -includes built-in widget -easy, simple administrative management interface -support for all the major wireless carriers http://wordpress.org/extend/plugins/sms-text-message/   
  1. WP-Print
All the information (general, changelog, installation, upgrade, usage) you need about this plugin can be found here: WP-Print Readme. It is the exact same readme.html is included in the zip package.   Pleaase note however, you need to do a little manual coding. Look for the readme.html in the download zip. It says:
  • Open wp-content/themes/<YOUR THEME NAME>/index.phpYou may place it in single.php, post.php, page.php or theloop.php also.
  • Find:
    <?php while (have_posts()) : the_post(); ?>
  • Add Anywhere Below It:
    <?php if(function_exists('wp_print')) { print_link(); } ?>
Also make a folder in your wp-content/themes/wp-print You Need To Re-Generate The Permalink (WP-Admin -> Settings -> Permalinks -> Save Changes) Requires WordPress Version: 2.7 or higher http://wordpress.org/extend/plugins/wp-print/  
  1. Share This
The ShareThis WordPress plugin provides a simple way for users to add your post to many social bookmarking sites, or to send a link to your post via email, AIM, Facebook, Twitter and more.   To check out the ShareThis plugin for WordPress, visit: http://sharethis.com/wordpress You can customize the ShareThis widget on your site as well as register for a dashboard that will track share events and provide reporting. http://wordpress.org/extend/plugins/share-this/   
  1. Tweet Suite
Adds a “Tweet This” button to each post, and tracks who has Tweeted about your article and adds them to the comments…very cool! http://danzarrella.com/beyond-tweetbacks-introducing-tweetsuite.html#   
  1. WP Ajax Edit Comments (for WP 2.5+)
Isn’t it annoying when you write a comment, hit the button and then realize you’ve made a mistake or want to say something extra. Using this plugin allows your readers to edit their comments for a short time after they’ve posted them. Cool, right? http://ajaydsouza.com/wordpress/plugins/wp-ajax-edit-comments/   
  1. Comment Luv
This creates the option box you see below the comment box. If checked, it goes to the the website your reader put in the comment box, looks for the latest post, if available, and inserts a link to it. Try it for yourself. For best effect, use the “dofollow” plugin. http://comluv.com/download/commentluv-wordpress/ use this also:
  1. Do Follow
Simply put, this removes the “nofollow” attribute from comments on your blog. Nofollow will still work in your posts and widgets. While this may be an invitation for more spam, Akismet will catch most of it (just moderate the rest), and your readers will generally be more keen on commenting on your blog. http://www.semiologic.com/software/dofollow/  
  1. NoSpamNX
Most Antispam Plugins focus on user interaction, e.g. captcha or Math calculations to defend you against automated comment spambots. Some use JavaScript and/or Sessions, check each comment against common spam phrases or modify your comment template. NoSpamNX intend to handle automated comment-spam without these measures. It does not require JavaScript, Cookies or Sessions. It does not change your comment template in any way, given you full compatibility with other WordPress- or Browser Plugins.   NoSpamNX automaticly adds additional formfields to your comment form, invisible to the users. If a spambot fills these fields blindly (which 99.9% of all spambots do), the comment will not be saved. You can decide if you want to block these spambots, mark them as spam or put them in moderation queue. Furthermore, you can put common spam-phrases on a blacklist.   The user must no longer fill out any additional fields in the comment form, and you can focus on blogging and your readers comments!
  • Requires WordPress Version: 2.7 or higher
  • Compatible up to: 2.8.4
http://wordpress.org/extend/plugins/nospamnx/    
  1. Found many of them from these lists, so i'm sure you'll spot number 30. I'm sure I'll find more, the 29 others are good start to get your wordpress on its way effectively.
http://www.thethinkingstick.com/wordpress-27-theme-and-plugins http://www.mikehaydon.com/wordpress/36-great-wordpress-plugins-compatible-with-wordpress-271 http://franklinbishop.net/excerpt-plugins-for-wordpress/ http://www.skyje.com/2009/09/wordpress-plugin/   Please share your favourite plugins in comments.   please note, not all the text is my own, many are description from the pages the plugins are listed. I just commented at the end, probably should have used my quotes and more subheadings of reviews. But when I was searching for plugins I was quickly skimming text to check its function and ajudicated its usabillity.

How do visualisations enhance the communication of data?

6588811966236de963ce84e2efc14c17 How do visualisations enhance the communication of data?

Finished my essay into how graphic design can enhance communication in data visualisation & information graphics:   visualisationmagazine.com/dissertation.htm     "graphic design ‘sorts and differentiates, it informs, it helps to shape how we feel, see the world’" (Newark, 2002, p. 6)   I look into areas such as (please note these intermix with each other):   a. Mind and Vision b. Communication c. Perception and Reality d. Semiotics e. Graphics   Within this paper I explore the creative and innovative design techniques for mapping information to aid thinking, understanding, comprehension and reasoning. I summarized the key points into guidelines for the at-a-glance findings.     "it may be possible to utilise symmetry and geometry to aid vision when perceiving a visualisation to understand data" (Wood and Keller, 1996, p 256)  

 

 

 

 

This consideration of the way the map designer represents the world is not just associated with that of geographic cartograms but also with the way the designer visualises complex data.   "if the designer retained 100% truth, they would no longer be mapping, representing aspects of geographic space, it would be entirely realisitic, the territory"  

 

 

Read more: visualisationmagazine.com/dissertation.htm.  

 

 

 

  Please discuss, comment, criticize, debate, enjoy!    Guidelines for when designing visualisations | Opinion? Discuss, share here in Forum | See Dissertation Proposal

 

I am pleased as this means I have passed my MA Contemporary Arts Practice at York St John University investigating data visualisation, graphic design, information mapping. Read more background about me. Dont worry, I will still be blogging, collating and compiling the magazines.   See more projects developed from my studies:   visualisation magazine.com

 

 

visualisationmagazine.com/blogvisualthinkmap  

 

 

 

visualthinkmap.ning.com 

   Follow me on these services:   © Copyright Chris Watson / Visual Think Map 2009. All rights reserved.

100 of the best data visualisations / infographics

I wanted to compile a nice square thumbnailing of the different creative and innovative techniques to the visualisation of info/data. Each square is hyperlinked.

visualisationmagazine.com/100datavis.htm

 

100 of the best data visualisations

 

Featuring:

 

Brian Solis (many great pieces not featured)

TeleGeography

Barrett Lyon (opte project)

Eboy

Density Design (the milan universities students work, lots of beautiful & innovative designs)

Good.is (good transparencies)

Arnaud Velten

Paula Scher

David McCandless

John Maeda (RISD professor former MIT Aesthetics & Computation)

Brian Holmes

Saatchi & Saatchi

Mozy.com

Charles Joesph Minard

Walid Raad & Triple D

Denis Wood

Information Architects (Oliver R+)

Adam Sicinksi (brilliant mindmaps, very detailed and intiricate)

Design by Vent.com

Cameron Wilde

Jess Bachman (Wall Stats.com)

Andy Proehl

Marco Quaggiotto

Boris Muller

Peter Crnokrak

Scott Mccloud

Dizzia (Visual CV)

Lauren Bugeja

Chris Watson

Quentin Delobel

Martin Wattenburg

Gerson Mora (plenty on flickr)

NB Studio

Peter Ito

Skip Vision (federer/sampras)

Ouinon.net

Zach Bean

Luca Masud

Carl Tashian

Theo Deutinger (...and associates)

Ritwik Dey

Franchesco Franchi

Dr Bollen

See Ming Lee

Dr John Snow

Moritz Stefaner

Hugh Dubberly (...and associates)

Theodore Rosendorf

Lana (crochet diagram)

Julian Beever

Nicholas Feltron

 

Just search a handful of those names and you will have plenty of research to feed your imagination and design techniques styles. Will probably keep adding when i get time. oh and i know some arent strictly data vis/infographics, but we have to try and let the border between art and infographics to blend to promote innovation and creative growth for the fields (not that they havent already).

 

More great compilation sites to wet your appetite with:

 

http://ce.sysu.edu.cn/hope/Education/ShowArticle.asp?ArticleID=4883

 

http://geodata.grid.unep.ch/extras/posters.php#infographics_posters_iso_codes - geo data infographics (saw one of them on chart porn blog)

 

  

http://blogof.francescomugnai.com/2009/04/50-great-examples-of-infographics/comment-page-3/ - brilliant

 

http://www.webdesignerdepot.com/2009/06/25-useful-infographics-for-web-designers/ - brilliant

 

http://www.webdesignerdepot.com/2009/10/30-superb-examples-of-infographic-maps/

 

http://www.datavisualization.ch/inspiration/20-inspirational-infographics-12-%e2%80%93-19-10-09 - good collection, selections from their tumblar listed below

 

http://www.instantshift.com/2009/06/07/infographic-designs-overview-examples-and-best-practices/

 

  

More Galleries

 

WeLoveDatavis. excellant tumblr gallery from ben w at datavis.ch

 

  

Bigger Plate - is focused on providing a map sharing space for MindManager files. It offers a map library that is searchable by keyword, tags and categories. When you upload a map to share, the site automatically generates a preview image. Also, you can rate others’ maps, a feature which may help you to zero in on the most valuable maps, as judged by your peers. When you upload maps, you can designate them as password protected.

  

Cool Data Visualization Flickr

  

Density Design. MUST SEE infographics

 

Diagram Diaries / Flickr

 

 

GOOD magazine. infographic transparencies

  

Free mind share - This website bills itself as “a fast, simple way to share your FreeMind mind map(s).” After I logged in, the only option I saw was to upload and view my own maps. There doesn’t seem to be any kind of a public map gallery here. In fact, several of the capabilities of Freemindshare, including “groups” and “messages” don’t seem to be finished yet. Clicking on the links for them leads you to pages that say “This feature is not yet available"

 

History Shots

 

  

The Info Graphics Pool Flickr

  

Infografia Infographics Flickr

  

Infografistas.com / Infographics News Flickr

  

Innovation in Data Visualization Flickr

 

Nathan Yau's new flickr group and sets ] Flickr

 

 

Mappio - is a repository for MindManager and FreeMind maps. Maps are searchable by title and keyword tags, and you can also view a set of featured mind maps. You can preview any map as an image file, including small, medium, large and full screen (1024×768 pixel) images that show a lot of detail. You can then decide if you want to download it as an image or as a map. Mappio also displays related maps beneath the currently selected one. The whole site is well designed and is a pleasure to browse

 

Nova Mind Connect - This gallery is a companion to the website of NovaMind Pty. Ltd., a leading developer of mind mapping software. NovaMind enables you to create very colorful and engaging maps, and offers its users a unique capability: They can publish their maps directly from the program to the NovaMind Connect workspace. This gallery contains the most colorful and engaging maps of any I’ve seen. If you want to see what’s possible with mind mapping software, this is the gallery that will inspire you to a higher level of visual mapping.

  

Scimaps

  

Time Visualisations. Visual History Archive - Excellant

  

Topic Scape. excellant mind map / diagram archive

  

XMIND - Like NovaMind Connect, this gallery is part of the XMIND website. You can upload your map files directly from XMIND to this shared map space.

 

  

Visual Complexity

  

ReMap from Bestario. excellant reorganisation of Visual Complexity

  

Visual Information Flickr

 

Apologises i know there are some very imporatant people probably not mentioned,

Reblog this post [with Zemanta]

Self Publishing Visualisation

b564f6b48118482c07fa112cd78fd1ce Self Publishing Visualisation

I made this visualisation to help me decide which was the best service to use to self publish visualisation magazine.com which I blogged about its online presence visualisation magazine vol 2 circles.     As I was informed by a member on LinkedIn of Mag Cloud possibly being able to help realise my magazine in print it made me aware of POD (Print-on-demand), which allowed me to discover the many services from Lulu.com to CreateSpace.com (amazon). These 2 were the most well known and used.   So to compare the 4 services that seemed to be the most prominent MagCloud, CreateSpace, Lulu & Blurb (may have seen linked with Flickr) I wanted to compare:

  • How they allow online promotion
  • Where the service delivers to in the world (didnt want to narrow my market)
  • Their profit margins after their production costs for both SQUARE (8.25 x 8.25 varies) & A4
  • The services that allow online publishing
  Well, the circles at the top I loved the connotation that the circles provide a target area similiar to ground zero and the red lines are infecting spreading accross the web. This gives the impression of an area's density of colour (red) linking from the particular service, an easy to percieve visual instantiation.   I could have added more lines springing from services such as addthis, sharethis, gigya or even RSS feeds but I thought it would be too many levels.   Apart from line crossings of red over the grey circles, their are no red lines crossings (minimise the number of edge crossings), which was quite the challebge re-arranging and technically using bezier curves.   The bar chart I kept lines for money scales so it is easier to compare and decide where the bars reach. I didnt want to go into too many more levels of money as the bar would be extremely long and out of proportion with the rest of the design such as the circles and the maps. So this is why I provided the actual amounts above the end of the bar. I also added the Square paper icons and A4 icons, and faded one if it was a loss or not provided by the site. Lastly I lightened the bars to again help differentiate between A4 service or Square.   I had a box to the right of the bar just to show my specifications of full colour, saddle stitch (stapled), I had set up an Excel file (http://tinyurl.com/SelfPublishVisualisationData, a google spreadsheet doc) with to calculate my profits/loss etc for how many 'pages' and 'price' variables to change (it did end up more pages then 60), and the colour key. Below the bars is the spec's sizes for each service as they are slight variations.   These specs's sizes then lead off to graduations of white to the individual colours and the company/sites logos, brands. I widened them so that my world maps were not too small where i used a basic colour fill of the individual countries the service delivers to. I didnt again want to make them too big and out of proportion to the rest of the design, if you download it I'ver kept enough resolution quality so you can zoom in and see the indiviudally labelled countries on the maps to see if they are colour filled to to see if they deliver there.   This data mining of the countries they deliver to and the time of filling in the colour over eeach country was a time concsuming activity.   Well, I am pleased with it as it was a challenge researching, finding data, I did the three sections individually and managed to bring them together ok. Do like the gradients of colour to the world maps, makes it a little more aesthetically pleasing but still functional and the viral look of the circles infecting different levels and depths of the web, really nice visual rhetoric.  

Volume 2 Circles See who is featured Purchase a copy on Amazon

 

   

.

   

.

   

 

Click thumbnail for larger image.

 

  Please share your opinions, comments. I will post a making of / how to make your own mag post soon.   All sites and useful self publishing links.     Comparisons and How to make your book/magazine sites     http://www.mequoda.com/articles/online-publishing/which-online-self-publishing-site-is-right-for-you/ - excellent post that collates online self publishing sites and their advantages / disadvantages     http://www.bitwisemag.com/2/Publish-And-Be-Damned - excellent post telling you details about some of the sites mentioned above but also going to great depth telling you how you can make your book magazine such as software to use with Quark express or Adobe InDesign, what settings, resolution etc. also see my making of... http://visualisationmagazine.com/making.htm     http://www.lugaru.com/lulucalc.html - Compare Lulu.com with CreateSpace (amazon) and calculate your costs of the type and style of book/magazine you desire (little out of date but still useful).     Useful Sites   http://www.royalmail.com/portal/rm/content1?catId=400036&mediaId=53800712 - calculate UK postage costs     http://www.xe.com/ucc/convert.cgi - convert your $ prices to euro, £.     POD Publishing Sites     http://www.lulu.com/ - think they are UK based.     https://www.createspace.com/Products/Book/ - US based. mickrooney.blogspot.com createspace reviewed very thorough and vast blog on POD sites/services     http://www.blurb.com/ - you may have seen them affiliated through Flickr.     http://magcloud.com/ - US based.     https://www.lightningsource.com/ - UK based.     Online Publishing Sites   http://www.doxtop.com/     http://issuu.com/ - I chose these as they let me publish documents privately (not seen by google) so that I can customise the embed viewer (remove print button).     http://www.scribd.com/     http://www.slideshare.net/ - not so much book/magazine style but still provides a good embed viewer - more for powerpoints/presentational documents.

22 Visualisation Styles

Data visualisation is a no doubt popular and growing field with many innovative solutions arising every day, there are a few places that try to help structure and define this field for some clarity and hopefully more creative decisions.

Decisions such as the usually struggling question of what style/type of visualisation form should I use?

I saw Info Many Eyes had useful thumbnails and defintions of the types of visualisations it offers, and Joel Laumans made a fantastic booklet on the subeject that had many types that weren't included. Therefore I wanted to unify their defintions and style types in a table. Bit of a challenge deciding how they should line up together as some are the same and others not or are categorised differently. I think it was Correlations with Joel's grouping that I had to split to fit with Many Eyes.



If you cant see this table, it may be because it is viewed in an rss, click here to see the table

Also useful on the topic of data visualisation and infovis Manuel Lima has produced a provocative manifesto to aid in this effort to help bring some structure to our complicated and diverse visual forms.

analysed here: http://bbh-labs.com/do-not-glorify-aesthetics-a-manifesto-for-data-visualisation

“Information Visualisation Manifesto”, 'a provocative (but characteristically generous and nuanced) take on the future of data visualisation which tackles head on the thorny questions at the heart of this ever-expanding field:

Art versus Science
Intrigue versus Immediacy
Aesthetics versus apprehension. '

http://www.visualcomplexity.com/vc/blog/?p=644

Watch and listen to him here: http://visualthinkmap.ning.com/video/manuel-lima-visual-complexity

He also was complimented on his writing by Stephen few (author. Information Dashboard Design plus other books) in an intersting article that got me stirred into a comment as well as Ben at http://www.datavisualization.ch/.

http://www.perceptualedge.com/blog/?p=613

If you know of more styles not featured or would like to elaborate the defintions, styles, or you know of someone elses lists and categories that I could append please feel free to comment. I hope this helps a beginner or even more experienced data visualiser, infographic maker decide the best format to enhance and communicate their data sets.

Again many thanks for the thumbnails Joel.

remap - visual complexity data mine by bestario

d44f354ffc6933e68e3c25bb6c0c99b9 remap   visual complexity data mine by bestario

Excellent interactive way to browse through the projects with bestario's semantic search engine. . tags can be clicked at the bottom to present a new visual array very quickly . http://bestiario.org/research/remap/ . . remap - visual complexity data mine by bestario Originally uploaded by visual think map . mining: http://visualcomplexity.com .

CS 171 Visualization 2008

I was shared this link on Del.ici.ous sorry cant remember by whom. It is the Havard school of engineering and applied sciences course, very inetersting.

Topics: (subject to change)
Data and Image Models
Visual Perception & Cognitive Principles
Color Encoding
Visualization Software Design
Designing 2D Graphs
Maps & Google Earth
Higher-dimensional Data
Unstructured Text and Document Collections
Trees and Networks
Scientific Visualization
Medical Visualization
Scientific Photography
Animation
Interaction Techniques
Social Visualization
Visualization & The Arts

Well I liked perusing the students visualisation projects below:

Abraham Passaglia
Baseball Player Value Indicators

Alex Chou
Visualization of Piano Music



Andrew Granoff
Hasty Pudding Ticket Sales Visualizer

Wen Huang Wang
Visualization of US Metropolitan House Market

Andrei Munteanu, Anjuli Kannan
Visualizing Synonym Chains

Bill Wright
2D Color Load Meter for Visualizing Annual HVAC Loads

Brett Thomas, Clara Blattler
Energy Success Rate: Re-evaluating Energy Efficiency

Wendy Bossons, Melanie Howell, and Tawa Taylor
Hurricane Katrina After Effects

Cindy Cheng
Visualizing Vocabulary

Daniel Carroll, Tyler Bosmeny
Visualizing Trends in Search Data Subsets

Daniel J. Hilferty
Visualizing the National Budget

Daniel Suo
Emily Dickinson Revisited

David Kosslyn, Rajaraman Sundaram
Visually Del.icio.us

David Reshef
Vibrio Cholera Computational and Graphical Database

David Ng
NBA Player and Team Performance Trends

Derek Horton
HyperVisualizer: Visualizing Virtual Machines

Diana MacLean
Crime and Perceptions of Crime in Boston

Katie Fifer, Doug Lloyd
Visualizing the US's Subprime Mortgage Crisis and its Effects on the Economy

Douglas Alan
An Interactive Tool for Exploring Dendrogram Representations of Spectral Line Data Cubes

Eric Gieseke
Where and what are the current hazardous threats?

Gregory Gimler, Trung Tran
Natural Disasters Around The World

Peter V. Henstock
Understanding the Sequence of Learning Japanese Kanji

J.R. Hass
Visualizing Related Images Using The Image Gist Algorithm

Jesse Fish
A Visual Analysis of Movies, Actors and Actresses Using IMDB

Jesse Rader, Samir Paul
Harvard by the Numbers

Jonathan Tsao
Wikivisia: A Graph Visualization of Articles in Wikipedia

Jue Wang, Giancarlo Garcia
Where's the Music? (Concert Locations Visualization)

Karen Feng
LinkTracr: tracing links through the blogosphere

Katie Grosteffon
Nursing Home Care

Elizabeth Lemon
Book sharing patterns among users of BookCrossing.com

Nick Chammas, Mark Garro
Visualizing a Machine's Thought-Process (Game Analysis with a Min-Max/Alpha-Beta Search Engine)

Mark Yetter
South Korea's Age Income Landscape in a World of Change

Matthew Huchu, Lilli Gilligan
Thermal Engineering plc: Departmental Performance Noticeboard

Hao-Yuh Su
Music Trend Visualization

Penelope Cuevas
Healthcare Costs

Qing Gao
Mining Audioscrobbler

Roanna Ruiz
Visualizing the Normal and Post-Stroke Brain

Savita Sahgal
Visualizing SUV attributes to make a better buying decision

Silpa Kovvali, Teddy Sherrill
Economics and Performance in the National Basketball Association

Steven Vasilakos
Effective Dashboard Design

Tara Murphy-Volz
State Relocation Assistant

Thomas Carriero, Jie Tang
Visualizing My Inbox

Thomas Wionzek
50 Years of the Dollar: Currency Strength Animated Timeline

Tina Tang
Visualizing Academic Networks

Timothy Knell
Visualizing Sarah Jane Studios

Victor Lan
Top news stories for the day?

William Cheng
Visualization of Extrasolar Planetary Systems

shame some links dont work.

well ofund here, with the course details as well. http://www.seas.harvard.edu/courses/cs171/

Photo Manipulations By Erik Johansson

 Photo Manipulations By Erik Johansson



punched face by-erik-johansson / coffee world map by erik-johansson

Wonderful manipulations in photoshop, go through the slides. It does challenge me to think, 'ok so he cut that out, masked over this, layered....' but very tidly done and wonderful to see. Below is one i had seen =, maybe by erik, who knows, but looked good. Face punched, face sucked.