Visual Identity
From ThaiiS Note (Wiki)
Visual Elements
This article, the author is still working on this document, so Can't edit this without the author's permission.
- The 140 web color names are displayed alphabetically in the table below along with their respective RGB values.
- Perception Chart
- http://kuler.adobe.com
Data Visualization
Data visualization is the graphical representation of information. Bar charts, scatter graphs, and maps are examples of simple data visualizations that have been used for decades. Information technology combines the principles of visualization with powerfull applications and large data sets to create sophisticated images and animations. A tag cloud, for instance, uses text size to indicate the relative frequency of use of a set of terms. In many cases, the data that feed a tag cloud come from thousands of Web pages, representing perhaps millions of users. All of this information is contained in a simple image that you can understand quickly and easily.
More complex visualizations sometimes generate animations that demonstrate how data change over time. In an application called Gapminder, bubbles represent the countries of the world, with each nation’s population reflected in the size of its bubble. You can set the x and y axes to compare life expectancy with per capita income, for example, and the tool will show how each nation’s bubble moves on the graph over time. You can see that higher income generally correlates with longer life expectancy, but the visualization also clearly shows that China doesn’t follow this trend—in 1975, the country had one of the lowest per capita incomes but one of the longer life expectancies. The animation also shows the steep drop in life expectancy in many sub-Saharan African countries starting in the early 1990s (corresponding to the AIDS epidemic in that part of the world) and the plummeting of life expectancy in Rwanda at the time of that nation’s genocide.
Sample
Contents |
Links
- http://www.princeton.edu/~ina/infographics/index.html
- http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/
- http://abeautifulwww.com/2007/05/20/visualizing-the-power-struggle-in-wikipedia/
- http://www.designlabelblog.com/2008/03/data-visualization-and-infographics_30.html
- http://www.swiss-miss.com/data_visualization/page/2
- http://www.visualcomplexity.com/vc/
- http://flowingdata.com/2008/03/19/21-ways-to-visualize-and-explore-your-email-inbox/
- http://www.math.yorku.ca/SCS/Gallery/
- http://christopherbaker.net/projects/mymap/
- http://mashable.com/2007/05/15/16-awesome-data-visualization-tools/
- http://www.creativesynthesis.net/blog/2007/05/16/chi-review-qualities-of-perceived-aesthetic-in-data-visualization/
Sample
Dynamic Data Visualization
- http://www.netexplorateur.org/videospheres/english/
- http://www.bestiario.org/
- http://www.bbc.co.uk/history/interactive/timelines/british/index.shtml
- http://newsmap.jp/
- http://labs.digg.com/bigspy/
- http://amaztype.tha.jp/
- http://rssvoyage.com/#RSS=loaded
- http://www.aharef.info/2006/05/websites_as_graphs.htm
Data Visualization at Nytimes.com
- http://www.nytimes.com/interactive/2008/05/05/science/20080506_DISEASE.html
- http://www.nytimes.com/interactive/2009/03/10/us/20090310-immigration-explorer.html
- http://www.nytimes.com/interactive/2009/03/01/business/20090301_WageGap.html?scp=8&sq=GRAPHIC&st=cse
- http://www.nytimes.com/interactive/2009/03/03/us/20090303_LEONHARDT.html?scp=3&sq=interactive&st=cse
- A Map of Olympic Medals
- Inaugural Words: 1789 to the Present
- http://www.nytimes.com/interactive/2009/01/20/us/politics/20090120_INAUGURAL_ANALYSIS.html?scp=12&sq=interactive&st=cse
- Sea Ice in Retreat
- The Ebb and Flow of Movies: Box Office Receipts 1986 — 2008
- http://graphics8.nytimes.com/packages/flash/world/20080712_BEIJING/BeijingShell.swf
- http://www.nytimes.com/packages/flash/magazine/20071028_KILIMANJARO_GRAPHIC/kili7.swf
- http://graphics8.nytimes.com/packages/flash/health/20080915-brain-development/BrainGrowth.swf
Help us update / Leave a Comment
This article, the author is still working on this document, so Can't edit this without the author's permission.
Visual Identity :
Services : SERVICES | Ci | OFFLINE MEDIA | WEB SERVICES | ONLINE MEDIA | DIGI-MARKETING | CLIENTS
Projects : 1I1D | MillionStar | Lmarket | TheTrusted | ChiangMai | Artifile
Works : ThaiiS Works | Interactive | Web Site | Book & Magazine | VTR | Advertising | LOGO & CI
Supports : FAQ | Manual | Tutorials
Knowledge : Knowledge sharing
ThaiiS : About | Contact | Location | Ariticles | Careers | Activities | Links | ThaiiSians | Payments
