One of the best ways to get your message across is to use great charts and graphs. They allow you to quickly draw attention to the key insights, and they make it possible to discover patterns that are more difficult to observe by looking at raw data alone. (more…)
Data doesn’t have to be boring. Adding a dash of visual appeal to raw data can make it easily comprehensible and instantly appealing. In the interest of (1) making your data more user-friendly and (2) not boring the eyes out of anyone who sees your work, picking a trusty data visualization tool is a must. (more…)
Let’s use placeholder data instead. Placeholder data is a lot like placeholder text. It’s a design tool meant to ensure the final product — in our case, a real-time data visualization — matches our mockups. It’s useful in all the same ways placeholder text is useful: (more…)
RAW is an open web tool developed at the DensityDesign Research Lab (Politecnico di Milano) to create custom vector-based visualizations on top of the amazing d3.js library by Mike Bostock. Primarily conceived as a tool for designers and vis geeks, RAW aims at providing a missing link between spreadsheet applications (e.g. Microsoft Excel, Apple Numbers, Google Docs, OpenRefine, …) and vector graphics editors (e.g. Adobe Illustrator, Inkscape, …). (more…)
For many developers, Stack Overflow has become the go-to place on the Internet for getting programming questions answered. The site's community-based question-and-answer model, combined with extensive gamification, has made it not just an essential resource for programmers of all kinds, but one of the most visited sites on the Internet. (more…)
- Cool idea for a slideshow or walkthrough feature.
The main idea is not to pollute DOM with all used tags. Instead of that - it splits the list to clusters, then shows elements for current scroll position and adds extra rows to top and bottom of the list to emulate full height of table so that browser shows scrollbar as for full list (more…)
As a developer, generating files for a user to download from a website is a fairly common task. The use cases range from providing a PDF of event tickets or a receipt, to generating a custom image from user-entered data. Regardless of the purpose, a developer is faced with a decision, “Do I generate the file server- or client-side?” In most cases, generated files for user download should be created on the server. (more…)
Mind mapping is a way of taking notes, capturing ideas, exploring concepts and breaking down information into a more readily understood format. It’s a place where visual representations and written representations of things merge to create something that is more natural to the mind; it works with and represents the way we think, where as paragraph-based text is not representative of the thought process at all. (more…)
- A search result on Pinterest for Wireframes returns a wealth of styles for journey maps and storyboarding concepts.