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…)
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…)
- This dial doesn't offer any charting features but does offer a simple and easy to understand interface for manipulating data. In theory this knob could be used as an interface to dial back some of the results in generated reports from uxmockup. For example, if 20,000 testers poured over a uxmockup project but the designer only wants to see metrics on 1000 testers across 5 cities then the designer would simply drag on the dial to redraw the visualization charts in real-time. (more…)
- Originally conceived as a way to highlight the events in someone's life by plotting major events in a timeline. The library can be broadened to highlight when uxmockup publishes snapshots, who views them, and when. It can also track revisions and other details during the life of the project. As a project management service it can be used to plot the design through time as it goes through reviews, approvals and revisions.
D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document. For example, you can use D3 to generate an HTML table from an array of numbers. Or, use the same data to create an interactive SVG bar chart with smooth transitions and interaction. (more…)
You may think that this is just yet an other charting library. But Chartist.js is the product of a community that was disappointed about the abilities provided by other charting libraries. Of course there are hundreds of other great charting libraries but after using them there were always tweaks you would have wished for that were not included. (more…)