Blog

How to build a Sparkbar in 6 simple steps

Author:
Date:
January 1, 2015
Category:
Design Approaches

Sparklines and Sparkbars are very small charts without the usual axes, tic lines or grids. This chart type is intended to show a trend in a clear and simple way in the text they’re part of.

It’s quite simple to create a Sparkbar using NetCharts Designer, here’s how:

Sparkbar

  1. Launch NetCharts Designer, click the Create a new Project button.

    Sparkline_Create_a_new_Project

  2. Then click the Create a new Chart button and select Line as the Chart type.

    Sparkline_Create_a_new_Chart

  3. In the Presentation tab, click to highlight Grids, then in the Grid Style select Undefined to remove the default grid.

    Sparkbar_Grid

  4. Click the plus symbol to expand the Axes node, then click to highlight Left Axes. Uncheck the Show Tic Labels: checkbox to remove the left axis.

    Sparkbar_LeftAxes

  5. Then click to highlight Bottom Axes. Duplicating the previous step, uncheck the Show Tic Labels: checkbox to remove the bottom axis.

    Sparkbar_BottomAxes

  6. As the last step, click to highlight Bar Chart and change the default size into a width of 100 pixels and a height of 40 pixels. Feel free to try using a size that may fit you better.

    Sparkbar_Size

 

Finally, here is the finished Sparkbar:

Sparkbar_100x40

Stay tuned for more tips on design approaches! If you have any questions, feel free to contact us at support@visualmining.com.

Comments are closed.