background preloader

Vizualization (graphics)

Facebook Twitter

All this is done in HTML5 by the way. WebGL examples. My Library. Bret Victor, beast of burden. John Kellden - Google+ - Patterning: Encodement "Cybernetic entanglements where… Unicode Character Category 'Symbol, Other' User Interface Design Archives - Mike McDearmon. Without an industry standard for creating wireframes (sketches designed to guide a user through the functions and objectives of a graphical user interface) in the software development process, I found myself exploring a different app on each project with the hope that I’d eventually find one that fit the way I like to work — which is probably why there are so many of these tools out there to begin with.

As a prelude to my list of regulars, there are several apps out there designed for the sole purpose of drawing wireframes – Balsamiq, Omnigraffle, Gliffy, Mockflow, and Framebox are some of the most popular. All of these have a nice set of drawing tools and stencils for standard Web patterns like dropdown menus, image carousels, and browser windows. While these features are nice to have around at times, I find they instead tend to just get in the way when all I really want is a blank canvas and some snappy drawing tools.

Graphs Trees

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 explained quickly and clearly, such as in signs, maps, journalism, technical writing, and education. They are also used extensively as tools by computer scientists, mathematicians, and statisticians to ease the process of developing and communicating conceptual information. They can present a rich amount of information without intimidating you. Or sometimes they intimidate you, but make the digesting of the information much more bearable.

Here in this article below, we are going to discuss best practices for designing infographics followed by some examples which might help you learn a thing or two. You may be interested in the following related articles as well. Feel free to join us and you are always welcome to share your thoughts that our readers may find helpful. Don’t forget to and follow us on Twitter — for recent updates. 01. The Internet map. The map of the Internet Like any other map, The Internet map is a scheme displaying objects’ relative position; but unlike real maps (e.g. the map of the Earth) or virtual maps (e.g. the map of Mordor), the objects shown on it are not aligned on a surface. Mathematically speaking, The Internet map is a bi-dimensional presentation of links between websites on the Internet. Every site is a circle on the map, and its size is determined by website traffic, the larger the amount of traffic, the bigger the circle.

Users’ switching between websites forms links, and the stronger the link, the closer the websites tend to arrange themselves to each other. Charges and springs To draw an analogy from classical physics, one may say that websites are electrically charged bodies, while links between them are springs. Also, an analogy can be drawn from quantum physics. Anyway, the real algorithm of plotting The Internet map is quite far from the analogies given above.

Semantic web The Internet Phenomenon.