Data Visualization Gallery

For Dundas Dashboard, we started from scratch and designed completely new controls for the Silverlight and HTML5 environment. Each control (charts, gauges, maps, grids and more) is integrated as a toolbox item in the dashboard designer.

  • Scorecard

    Sales Scorecard


    This sample scorecard uses a variety of different visualizations (sparklines, bars, and bullet graphs) to show trends, sales and sales contributions. It demonstrates how sales are tracking (vs. target) for a number of product categories.

    Share this visualization

  • Pareto Chart

    Non-Delivery Reasons

    Pareto Chart

    This Pareto chart shows the various reasons for non-delivery, sorted in descending order by number of occurrences. A second series shows how each reason contributes to the total number of incidents, expressed as a percentage.

    Share this visualization

  • Range Line Point Area Chart

    Precipitation Trends

    Range Line Point Area Chart

    This sample visualizes temperature and precipitation trends in Toronto. The range chart shows the mean maximum and minimum temperatures, the point charts display the extreme maximum and minimums, the line chart shows the mean, while the area chart displays the total annual precipitation.

    Share this visualization

  • Radial Gauges

    Sales Vs Targets

    Radial Gauges

    These radial gauges display sales volumes for two product categories, relative to their respective targets (expressed as a percentage).

    Share this visualization

  • Treemap

    GDP Countries Sample


    This data visualization sample shows the GDP (gross domestic product) distribution of the top 15 countries in 2011, represented as a Treemap.

    Share this visualization

  • Column Chart

    Profit Loss Trends

    Column Chart

    These column charts allow users to easily compare revenues and expenses across a number of product lines. An additional profit/loss chart has been added that illustrates the difference between revenues and expenses.

    Share this visualization

  • Pie Chart

    Web Traffic Sources

    Pie Chart

    This data visualization example uses pie, bullet and area charts to show distribution of traffic and trends from web sites like Twitter, Facebook, Google and Bing. This chart visualizes referral sites, search engines and direct traffic.

    Share this visualization

  • Bar Chart

    Profit by Product

    Bar Chart

    These bar charts allow users to easily compare revenues and expenses across a number of product lines. An additional profit/loss chart has been added to explicitly display the difference between revenues and expenses.

    Share this visualization

  • Candlestick Chart

    Stock Values

    Candlestick Chart

    This candlestick chart shows the high, low, open and close stock trends for a corporation. An annotation in the form of a red bubble has been added to indicate that one or more users have been adding comments or conversing on this data point.

    Share this visualization

  • Line Chart

    Twitter Retweet Analysis

    Line Chart

    This sample features a combination of line, bubble and range charts. The blue line shows the number of website visits, the black line shows the number of unique visits, and the size of the bubble indicates Twitter retweets. The range chart shows 12-week highs/lows for total visits.

    Share this visualization

  • Stacked Area Chart

    Patient Diagnosis Trends

    Stacked Area Chart

    This data visualization uses a stacked area chart to show the total number of patients that have been diagnosed, while providing visibility into regional contribution levels.

    Share this visualization

  • Bubble Chart

    Project Risk Snapshot

    Bubble Chart

    This bubble chart gives users visibility into backlogged projects. The height of the bubble indicates the project's revenue, the distance from the left indicates cost, and the size of the bubble indicates profitability. The bubble color indicates the risk level of successful project delivery.

    Share this visualization

  • Six Sigma Xbar Chart

    Quality Characteristic Chart

    Six Sigma Xbar Chart

    This Six Sigma Xbar chart shows points representing a quality statistic across a number of samples, with upper and lower control limits as well as the center line shown as horizontal reference lines.

    Share this visualization

  • Map

    Call Volumes Sample


    This map sample shows support call volumes across countries, represented by various symbols. The size of the symbol shows the call volume, while the color of the symbol indicates if the volume is normal or requires attention.

    Share this visualization