background preloader

Charting

Facebook Twitter

Control

Svg. Drill-Down Bar Charts With jQuery: DDChart. DDChart is a jQuery plugin for creating bar charts where it is possible to digg the data deeper and deeper. It works by clicking a bar inside the chart and it can instantly display a new chart which focuses on that item. Charts are interactive, they respond to mouseovers with tooltips that include the data and they have a nice animation on load. DDChart requires the data to be in JSON format and it is jQuery UI compatible (which is great for easy styling). Dygraphs JavaScript Visualization Library. Creating Bar Charts With jQuery: TufteGraph. TufteGraph is a jQuery plugin that can create standard & stacked bar charts inside any given element. It it configured mostly by dynamic functions which simplifies the usage by allowing for a really compact API. A standard chart comes with no style but it can be totally customized with CSS (download package includes an example). Important Info: The charts created work in major browsers.

Although the example in the plugin's website doesn't seem to work in IE, the raphael.js file used can be replaced by the latest version of Raphaël JS library which will fix the problem. Interactive & Zoomable JS Charts: dygraphs. Is an for displaying data of time series. It can show values on mouseover that makes discovering the values easier & zooms any selected area. The or mentioned in the code staticly (in CSV format). The library can handle fractions intelligently & supports error bands around data series. It works in all major browsers (IE requires excanvas) & it is . New Interactive Charting Library in Pure Javascript. Highcharts JS is a charting library written in pure JavaScript, offering an easy way of adding interactive charts to your web site or web application. Highcharts JS currently supports line, spline, area, areaspline, column, bar, pie and scatter chart types. It works in all modern browsers including the iPhone and Internet Explorer from version 6.

Setting the Highcharts configuration options requires no special programming skills. The options are given in a JavaScript object notation structure, which is basically a set of keys and values connected by colons, separated by commas and grouped by curly brackets. On hovering the chart, Highcharts JS can display a tooltip text with information on each point and series. 10 Best Flash and Silverlight Chart Controls | AjaxLine.

This article covers the best 10 chart solutions for Flash and Silverlight. Open Flash Chart is a powerful and free solution for creating charts with the Flash technology. : Free. FusionCharts Free is a flash charting component that can be used to render data-driven & animated charts for your web applications and presentations. It is a cross-browser and cross-platform solution that can be used with PHP, Python, Ruby on Rails, ASP, ASP.NET, JSP, ColdFusion, simple HTML pages or even PowerPoint Presentations to deliver interactive and powerful Flash charts. Astra Flash Components contains an useful widget for creating charts. XML/SWF Charts is a simple, yet powerful tool to create attractive charts and graphs from XML data.

. : Free but several restrictions such as clicking a chart takes the user to the XML/SWF Charts web site and no displaying charts inside another flash file. AmCharts is a set of Flash charts for your websites and Web-based products. . : Free Great look, attractive animation. Flot - Project Hosting on Google Code. Six Easy Ways to Graph Your Life - Charts. SExpand Your habits, behaviors, and the things you consume every day create patterns over time that say a whole lot about you as a person. It's time to graph your life.P Chart by Chandler.P How many Cokes do you drink per day on average? How many hours do you game per month? How much money did you spend on eating out this year? DaytumP Designer Nicholas Felton has turned himself into the grandmaster of personal info graphics with his eye-popping Annual Report, in which he publishes beautiful charts of a wide array of data points about his life, from how many beers he drank during the year to how many digital photos he shot of his cat.

Take a spin through Daytum to see charts and lists of the most mundane details of people's lives, that, in aggregate, become fascinating. PlodtP If you're already using Twitter to record facts about your daily life, take a gander at Plodt. OMG, that double cheeseburger looks so good *hunger 10* *willpower 2*P Habit-Specific TrackersP. Delay's Blog : Announcing a free, open source Charting solution for Silverlight [Silverlight Toolkit released today at PDC!] Today at the Microsoft Professional Developers Conference, we announced the immediate availability of the Silverlight Toolkit. The Silverlight Toolkit is a collection of controls for Silverlight that add new functionality and enable new scenarios. There are some great controls in the Toolkit: WPF favorites (ex: DockPanel, WrapPanel, TreeView), cool new things (ex: AutoCompleteBox, NumericUpDown), and some that are a little of both (ex: ImplicitStyleManager).

All of these controls are worth looking at and blogging about - but that's not what I'm going to do. :) Instead, I'd like to direct your attention to the Microsoft.Windows.Controls.DataVisualization.dll assembly which contains a set of completely new classes that enable Silverlight developers to easily create professional-looking column, bar, pie, line, and scatter charts that follow the same XAML developer/designer metaphor as the rest of the Silverlight platform.

Pressing that button gives us the following chart: