Home » NEws » How to Create One Theme for Many Charting Products

How to Create One Theme for Many Charting Products

How to Create One Theme for Many Charting Products

It’s laborious to examine chart merchandise when they aren’t styled the identical method. When Highcharts reveals to illustrate its Dark Unica theme, and CanvasJS its personal Dark 1 theme.

Another frequent use case is if you swap from one product to one other. If you already prototyped with to illustrate the Microsoft ASP.NET chart management, however now you need to make the most of the animated JavaScript charts and transfer to JS libraries comparable to FusionCharts or AnyChart, you will discover every chart product comes with its personal particular look&really feel and built-in themes.

Chart-Templates.com tries to decrease this hole. For every featured chart utility – and there are a dozen apps already – there’s a frequent theme which is utilized as a lot as doable to each supported chart.

The charts under, for occasion, are all centered stacked bar charts, or inhabitants pyramid charts, with two separate sequence one aspect and the different of the median baseline, utilizing the identical type on totally different merchandise. All charts have an identical look&really feel, however every is constructed with a unique chart utility: first with the Microsoft ASP.NET chart management, second with the well-known JavaScript library Highcharts, third with the JS library FusionCharts.

Another trio reveals comparable grouped spline space charts with totally different chart apps: amCharts, Syncfusion EJS and Shield UI JS chart. amCharts is one other JavaScript library, whereas Syncfusion EJS and Shield UI JS chart are JavaScript variations from firms providing the identical chart merchandise for ASP.NET or different .NET implementations.

These grouped spline space charts present one separate crammed space for every sequence. The demo information represents gross sales in US, France, and UK over two a long time.

To get entry to this detailed data, you go to template’s web page on Chart-Templates.com and also you toggle some trivial switches from the generic sidebar editor. You can activate this fashion the title, axes, legend, tooltips, labels and different treasured visible data, with no programming information required. And you do not have to know something in regards to the inner particulars of any featured product, to get an infinite variety of chart views on display.

Bubble charts present with the (x, y) cartesian coordinate of every scatter level a 3rd dimension, as the scale of the bubble. When every circle will get a unique colour, we discuss a single-series multi-color bubble chart.

The following charts look additionally comparable, however they’ve been created with totally different merchandise too: first chart with Shield UI, second with CanvasJS, and third with jqPlot. Remark how jqPlot shows some attention-grabbing gradient colour inside every bubble, whereas the opposite two apps do not. This is as a result of not all chart merchandise help all doable options.

The Metallika Showcase Template, featured earlier than on this publish, is only one set of charts utilizing the unique Metallika styled theme. This template shows comparable charts with totally different merchandise, as beforehand described. Using the Metallika search key phrase, chances are you’ll browse dozens of different chart templates, with single or a number of apps, based mostly on the identical kinds.

Cristian Scutaru is an skilled software program architect and developer. His principal focus is on productiveness instruments, database entry, huge information and dataviz. He’s at the moment making an attempt to promote his final creation, Chart-Templates.com.

Pearson English Test © 2016