If you are using reStructuredText and install pygal, Nikola has support for rather nice charts
with little effort, and i's even semi-interactive (hover your pointer over the legend!):
.. chart :: StackedLine
:title: 'Browser usage evolution (in %)'
:fill: True
:x_labels: ['2002','2003','2004','2005','2006','2007','2008','2009','2010','2011','2012']
:style: DefaultStyle
('Others', [14.2, 15.4, 15.3, 8.9, 9, 10.4, 8.9, 5.8, 6.7, 6.8, 7.5])
('IE', [85.8, 84.6, 84.7, 74.5, 66, 58.6, 54.7, 44.8, 36.2, 26.6, 20.1])
('Firefox', [None, None, None, 16.6, 25, 31, 36.4, 45.5, 46.3, 42.8, 37.1])
('Chrome', [None, None, None, None, None, None, 0, 3.9, 10.8, 23.8, 35.3])
Browser usage evolution (in %)
10 10 20 20 30 30 40 40 50 50 60 60 70 70 80 80 90 90 100 100 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 Browser usage evolution (in %) 14.2 12.523076923076923 460.0438510534052 2002 15.4 75.13846153846154 453.7479176874081 2003 15.3 137.75384615384615 454.27257880124125 2004 8.9 200.36923076923077 487.8508900865589 2005 9 262.9846153846154 487.3262289727258 2006 10.4 325.6 479.98097337906256 2007 8.9 388.2153846153846 487.8508900865589 2008 5.8 450.83076923076925 504.11538461538464 2009 6.7 513.4461538461538 499.39343459088684 2010 6.8 576.0615384615385 498.8687734770537 2011 7.5 638.6769230769231 495.1961456802221 2012 100 (+85.8) 12.523076923076923 9.884615384615415 2002 100 (+84.6) 75.13846153846154 9.884615384615415 2003 100 (+84.7) 137.75384615384615 9.884615384615415 2004 83.4 (+74.5) 200.36923076923077 96.97836028090802 2005 75 (+66) 262.9846153846154 141.0498938428875 2006 69 (+58.6) 325.6 172.52956067287278 2007 63.6 (+54.7) 388.2153846153846 200.86126081985952 2008 50.6 (+44.8) 450.83076923076925 269.0672056181611 2009 42.9 (+36.2) 513.4461538461538 309.46611138330877 2010 33.4 (+26.6) 576.0615384615385 359.3089171974523 2011 27.6 (+20.1) 638.6769230769231 389.7392617997714 2012 100 (+0) 12.523076923076923 9.884615384615415 2002 100 (+0) 75.13846153846154 9.884615384615415 2003 100 (+0) 137.75384615384615 9.884615384615415 2004 100 (+16.6) 200.36923076923077 9.884615384615415 2005 100 (+25) 262.9846153846154 9.884615384615415 2006 100 (+31) 325.6 9.884615384615415 2007 100 (+36.4) 388.2153846153846 9.884615384615415 2008 96.1 (+45.5) 450.83076923076925 30.346398824105847 2009 89.2 (+46.3) 513.4461538461538 66.54801567858891 2010 76.2 (+42.8) 576.0615384615385 134.75396047689048 2011 64.7 (+37.1) 638.6769230769231 195.08998856769557 2012 100 (+0) 12.523076923076923 9.884615384615415 2002 100 (+0) 75.13846153846154 9.884615384615415 2003 100 (+0) 137.75384615384615 9.884615384615415 2004 100 (+0) 200.36923076923077 9.884615384615415 2005 100 (+0) 262.9846153846154 9.884615384615415 2006 100 (+0) 325.6 9.884615384615415 2007 100 (+0) 388.2153846153846 9.884615384615415 2008 100 (+3.9) 450.83076923076925 9.884615384615415 2009 100 (+10.8) 513.4461538461538 9.884615384615415 2010 100 (+23.8) 576.0615384615385 9.884615384615472 2011 100 (+35.3) 638.6769230769231 9.884615384615415 2012 Others IE Firefox Chrome
Here's how it works:
Next to the directive, use the chart type you want
Any option you can set in a chart? Use it like :title:
in this example. Syntax on
the value is just like in the pygal examples.
For each data series do it like the line that says Firefox
in this example. The first element
is the label, then comes the data.
Easy, right? Please explore the pygal site for more information, and just
take this example and tweak stuff.