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 (being a programmer). 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. It's a grouped Bar chart which has three bars per grouping and it's animated using the wave effect.
A Pie chart with segment separation
A Pie chart that's animated using the
roundRobinanimation 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 Horizontal Bar 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
A Bar chart showing the UK inflation rate
This is a Bar chart that uses a graduated color, showing the last 12 month's worth of UK inflation figures (the CPI). Maybe if this goes up then interest rates will rise too!
Annual revenue for Star Tech
A Horizontal Bar chart that shows annual revenue for Star Tech. It has a dark blue background and uses the
labelsAboveoption. There are also slight gradients on the bars.
A black and orange Horizontal Bar chart
A simple looking orange Horizontal Bar chart that uses another gray Horizontal Bar chart as the background for the bars. A simple and effective effect.
A blocky Horizontal Bar chart
A black and red grouped Horizontal Bar chart which has a thick
lineWidthsetting for the axes.
- You can find all of these examples in the download archive .