10 good looking SVG charts that will set your pants on fire!Written by Richard Heyes, on 8th March 2017
Following on from the article about good looking canvas based charts here's a list of good looking charts that are made using the SVG libraries.
Following on from the "9 Good looking charts that you can find in the demos" article that was posted back in 2015, here are 10 good looking charts that are made with the SVG based libraries.
A reminder first though: Whilst RGraph furnishes you with the tools necessary to create good looking charts, my own graphical skills are somewhere left of none-whatsoever (y'know - being a programmer an' all that). So if you're looking for great looking charts out-of-the-box then you'll have more luck if you do an image search on Google and use that for "inspiration".
So on with the goodies! (Oh and rest assured - none of these charts will actually do any heat damage to your nether regions...)
A 3D Bar chart
This is the same 3D Bar chart that is (or was) used on the front page of the RGraph website. Its a simple grouped Bar chart which has three bars per grouping and it's animated using the wave effect.
A Pie chart with segment seperation
A Pie chart that's animated using the RoundRobin animation effect It uses the default mode for the labels - which is to have them vertically aligned on the left and right sides and sticks that are pointing to the correct segment.
An orange and blue Horizontal Bar chart
This is an HBar chart that shows the CPI rate from November 2015 to November 2016. It's orange and blue and animated using the Grow effect.
A stacked Radar chart
This is a large stacked radar chart that shows four datasets. Lots of points and large dimensions.
A graduated Semi-circular Progress
This is a pretty straight-forward Semi-circular Progress with a gradient color and a large label.
A blue Bar chart with no axes
A blue Bar chart that has the axes and scale turned off and which uses the labelsAbove option.
A Bar chart showing the UK inflation rate
This is a Bar chart, which uses a graduated color, showing the last 12 months worth of UK inflation figures (the CPI). Maybe if this goes up then interest rates will rise too!
Annual revenue for Star Tech
A howizontal HBar chart that shows annual revenue for Star Tech. It has a dark blue background and uses the labelsAbove option. There are also slight gradients on the bars.
A black and orange HBar chart
A simple looking orange HBar chart that uses another grey HBar chart as the background for the bars. A simple yet effective effect.
A blocky HBar chart
A simple black and red grouped HBar chart which has a thick linewidth setting for the axes.
- You can find all of the examples in the download archive.