Skip to content

Instantly share code, notes, and snippets.

@inodb

inodb/pygal_demo

Created January 10, 2015 16:26
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save inodb/c030d765460b0ed9e616 to your computer and use it in GitHub Desktop.
Save inodb/c030d765460b0ed9e616 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
pygal_demo
{
"metadata": {
"name": "",
"signature": "sha256:5e2aa6b0192161bf476557fbe7d2307d8e28ab5c3ce5229e942d671d5dd9689b"
},
"nbformat": 3,
"nbformat_minor": 0,
"worksheets": [
{
"cells": [
{
"cell_type": "code",
"collapsed": false,
"input": [
"%matplotlib inline\n",
"from IPython.display import SVG, HTML"
],
"language": "python",
"metadata": {},
"outputs": [],
"prompt_number": 9
},
{
"cell_type": "code",
"collapsed": false,
"input": [
"html_pygal = \"\"\"\n",
"<!DOCTYPE html>\n",
"<html>\n",
" <head>\n",
" <script type=\"text/javascript\" src=\"http://kozea.github.com/pygal.js/javascripts/svg.jquery.js\"></script>\n",
" <script type=\"text/javascript\" src=\"http://kozea.github.com/pygal.js/javascripts/pygal-tooltips.js\"></script>\n",
" <!-- ... -->\n",
" </head>\n",
" <body>\n",
" <figure>\n",
" {pygal_render}\n",
" </figure>\n",
" </body>\n",
"</html>\n",
"\"\"\""
],
"language": "python",
"metadata": {},
"outputs": [],
"prompt_number": 16
},
{
"cell_type": "code",
"collapsed": false,
"input": [
"import pygal\n",
"line_chart = pygal.Line()\n",
"line_chart.title = 'Browser usage evolution (in %)'\n",
"line_chart.x_labels = map(str, range(2002, 2013))\n",
"line_chart.add('Firefox', [None, None, 0, 16.6, 25, 31, 36.4, 45.5, 46.3, 42.8, 37.1])\n",
"line_chart.add('Chrome', [None, None, None, None, None, None, 0, 3.9, 10.8, 23.8, 35.3])\n",
"line_chart.add('IE', [85.8, 84.6, 84.7, 74.5, 66, 58.6, 54.7, 44.8, 36.2, 26.6, 20.1])\n",
"line_chart.add('Others', [14.2, 15.4, 15.3, 8.9, 9, 10.4, 8.9, 5.8, 6.7, 6.8, 7.5])\n",
"HTML(html_pygal.format(pygal_render=line_chart.render()))"
],
"language": "python",
"metadata": {},
"outputs": [
{
"html": [
"\n",
"<!DOCTYPE html>\n",
"<html>\n",
" <head>\n",
" <script type=\"text/javascript\" src=\"http://kozea.github.com/pygal.js/javascripts/svg.jquery.js\"></script>\n",
" <script type=\"text/javascript\" src=\"http://kozea.github.com/pygal.js/javascripts/pygal-tooltips.js\"></script>\n",
" <!-- ... -->\n",
" </head>\n",
" <body>\n",
" <figure>\n",
" <?xml version='1.0' encoding='utf-8'?>\n",
"<svg xmlns:xlink=\"http://www.w3.org/1999/xlink\" class=\"pygal-chart\" id=\"chart-676568fd-40fc-41a1-90d3-6c39d19335c2\" viewBox=\"0 0 800 600\" xmlns=\"http://www.w3.org/2000/svg\"><!--Generated with pygal 1.6.1 (etree) \u00a9Kozea 2011-2014 on 2015-01-10--><!--http://pygal.org--><!--http://github.com/Kozea/pygal--><defs><style type=\"text/css\">#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .title{font-family:\"monospace\";font-size:16px}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .legends .legend text{font-family:\"monospace\";font-size:14px}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .axis text{font-family:\"monospace\";font-size:10px}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .axis text.major{font-family:\"monospace\";font-size:10px}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .series text{font-family:\"monospace\";font-size:8px}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .tooltip text{font-family:\"monospace\";font-size:16px}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 text.no_data{font-size:64px}\n",
"#chart-676568fd-40fc-41a1-90d3-6c39d19335c2{background-color:black}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 path,#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 line,#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 rect,#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 circle{-webkit-transition:250ms;-moz-transition:250ms;transition:250ms}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .graph &gt; .background{fill:black}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .plot &gt; .background{fill:#111}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .graph{fill:#999}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 text.no_data{fill:#eee}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .title{fill:#eee}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .legends .legend text{fill:#999}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .legends .legend:hover text{fill:#eee}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .axis .line{stroke:#eee}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .axis .guide.line{stroke:#555}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .axis .major.line{stroke:#999}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .axis text.major{stroke:#eee;fill:#eee}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .axis.y .guides:hover .guide.line,#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .line-graph .axis.x .guides:hover .guide.line,#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .stackedline-graph .axis.x .guides:hover .guide.line,#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .xy-graph .axis.x .guides:hover .guide.line{stroke:#eee}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .axis .guides:hover text{fill:#eee}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .reactive{fill-opacity:.8}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .reactive.active,#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .active .reactive{fill-opacity:.4}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .series{stroke-width:1.0;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:0,0}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .series text{fill:#eee}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .tooltip rect{fill:#111;stroke:#eee}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .tooltip text{fill:#eee}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .map-element{fill:#999;stroke:#555 !important;opacity:.9;stroke-width:3;-webkit-transition:250ms;-moz-transition:250ms;-o-transition:250ms;transition:250ms}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .map-element:hover{opacity:1;stroke-width:10}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .color-0,#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .color-0 a:visited{stroke:#ff5995;fill:#ff5995}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .color-1,#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .color-1 a:visited{stroke:#b6e354;fill:#b6e354}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .color-2,#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .color-2 a:visited{stroke:#feed6c;fill:#feed6c}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .color-3,#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .color-3 a:visited{stroke:#8cedff;fill:#8cedff}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .color-4,#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .color-4 a:visited{stroke:#9e6ffe;fill:#9e6ffe}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .color-5,#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .color-5 a:visited{stroke:#899ca1;fill:#899ca1}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .color-6,#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .color-6 a:visited{stroke:#f8f8f2;fill:#f8f8f2}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .color-7,#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .color-7 a:visited{stroke:#bf4646;fill:#bf4646}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .color-8,#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .color-8 a:visited{stroke:#516083;fill:#516083}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .color-9,#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .color-9 a:visited{stroke:#f92672;fill:#f92672}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .color-10,#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .color-10 a:visited{stroke:#82b414;fill:#82b414}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .color-11,#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .color-11 a:visited{stroke:#fd971f;fill:#fd971f}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .color-12,#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .color-12 a:visited{stroke:#56c2d6;fill:#56c2d6}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .color-13,#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .color-13 a:visited{stroke:#808384;fill:#808384}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .color-14,#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .color-14 a:visited{stroke:#8c54fe;fill:#8c54fe}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .color-15,#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .color-15 a:visited{stroke:#465457;fill:#465457}\n",
"#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 text.no_data{text-anchor:middle}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .guide.line{fill-opacity:0}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .centered{text-anchor:middle}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .title{text-anchor:middle}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .legends .legend text{fill-opacity:1}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .axis.x text{text-anchor:middle}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .axis.x:not(.web) text[transform]{text-anchor:start}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .axis.y text{text-anchor:end}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .axis.y2 text{text-anchor:start}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .axis.y .logarithmic text:not(.major),#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .axis.y2 .logarithmic text:not(.major){font-size:50%}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .axis .guide.line{stroke-dasharray:4,4}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .axis .major.guide.line{stroke-dasharray:6,6}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .axis text.major{stroke-width:0.5px}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .horizontal .axis.y .guide.line,#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .horizontal .axis.y2 .guide.line,#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .vertical .axis.x .guide.line{opacity:0}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .horizontal .axis.always_show .guide.line,#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .vertical .axis.always_show .guide.line{opacity:1 !important}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .axis.y .guides:hover .guide.line,#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .axis.y2 .guides:hover .guide.line,#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .axis.x .guides:hover .guide.line{opacity:1}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .axis .guides:hover text{opacity:1}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .nofill{fill:none}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .subtle-fill{fill-opacity:.2}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .dot{stroke-width:1px;fill-opacity:1}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .dot.active{stroke-width:5px}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .series text{stroke:none}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .series text.active{opacity:1}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .tooltip rect{fill-opacity:0.8}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .tooltip text{fill-opacity:1}#chart-676568fd-40fc-41a1-90d3-6c39d19335c2 .tooltip text tspan.label{fill-opacity:.8}</style><script type=\"text/javascript\">window.config = {\"inner_radius\": 0, \"print_values\": true, \"tooltip_font_size\": 16, \"y_title\": null, \"legend_at_bottom_columns\": null, \"height\": 600, \"legend_at_bottom\": false, \"show_legend\": true, \"show_dots\": true, \"explicit_size\": false, \"legend_font_size\": 14, \"y_labels_major\": null, \"x_labels_major_count\": null, \"major_label_font_size\": 10, \"fill\": false, \"half_pie\": false, \"style\": {\"opacity\": \".8\", \"foreground\": \"#999\", \"plot_background\": \"#111\", \"stroke_style\": \"round\", \"foreground_light\": \"#eee\", \"transition\": \"250ms\", \"foreground_dark\": \"#555\", \"stroke_dasharray\": \"0,0\", \"opacity_hover\": \".4\", \"stroke_width\": 1.0, \"colors\": [\"#ff5995\", \"#b6e354\", \"#feed6c\", \"#8cedff\", \"#9e6ffe\", \"#899ca1\", \"#f8f8f2\", \"#bf4646\", \"#516083\", \"#f92672\", \"#82b414\", \"#fd971f\", \"#56c2d6\", \"#808384\", \"#8c54fe\", \"#465457\"], \"background\": \"black\", \"font_family\": \"monospace\"}, \"missing_value_fill_truncation\": \"x\", \"zero\": 0, \"show_minor_x_labels\": true, \"interpolation_parameters\": {}, \"x_labels_major\": null, \"rounded_bars\": null, \"label_font_size\": 10, \"show_y_labels\": true, \"dots_size\": 2.5, \"show_y_guides\": true, \"show_minor_y_labels\": true, \"x_labels\": [\"2002\", \"2003\", \"2004\", \"2005\", \"2006\", \"2007\", \"2008\", \"2009\", \"2010\", \"2011\", \"2012\"], \"value_font_size\": 8, \"x_label_rotation\": 0, \"disable_xml_declaration\": false, \"strict\": false, \"css\": [\"style.css\", \"graph.css\"], \"title_font_size\": 16, \"show_only_major_dots\": false, \"human_readable\": false, \"show_x_guides\": false, \"spacing\": 10, \"y_label_rotation\": 0, \"pretty_print\": false, \"tooltip_border_radius\": 0, \"interpolate\": null, \"js\": [\"http://kozea.github.io/pygal.js/javascripts/svg.jquery.js\", \"http://kozea.github.io/pygal.js/javascripts/pygal-tooltips.js\"], \"y_labels\": null, \"y_labels_major_every\": null, \"interpolation_precision\": 250, \"x_title\": null, \"value_formatter\": null, \"no_data_font_size\": 64, \"logarithmic\": false, \"width\": 800, \"print_zeroes\": false, \"no_data_text\": \"No data\", \"truncate_legend\": null, \"x_labels_major_every\": null, \"title\": \"Browser usage evolution (in %)\", \"legend_box_size\": 12, \"no_prefix\": false, \"stroke\": true, \"include_x_axis\": false, \"range\": null, \"truncate_label\": null, \"order_min\": null, \"mode\": null, \"y_labels_major_count\": null, \"x_label_format\": \"%Y-%m-%d %H:%M:%S.%f\", \"margin\": 20, \"stack_from_top\": false}</script><script type=\"text/javascript\" xlink:href=\"http://kozea.github.io/pygal.js/javascripts/svg.jquery.js\" /><script type=\"text/javascript\" xlink:href=\"http://kozea.github.io/pygal.js/javascripts/pygal-tooltips.js\" /></defs><title>Browser usage evolution (in %)</title><g class=\"graph line-graph vertical\"><rect class=\"background\" height=\"600\" width=\"800\" x=\"0\" y=\"0\" /><g class=\"plot\" transform=\"translate(134, 46)\"><rect class=\"background\" height=\"514\" width=\"645.2\" x=\"0\" y=\"0\" /><g class=\"axis y\"><g class=\"guides\"><path class=\"major line\" d=\"M0.000000 504.115385 h645.200000\" /><text class=\"major\" x=\"-5\" y=\"507.615384615\">0.0</text></g><g class=\"guides\"><path class=\"guide line\" d=\"M0.000000 446.512731 h645.200000\" /><text class=\"\" x=\"-5\" y=\"450.012730859\">10.0</text></g><g class=\"guides\"><path class=\"guide line\" d=\"M0.000000 388.910077 h645.200000\" /><text class=\"\" x=\"-5\" y=\"392.410077102\">20.0</text></g><g class=\"guides\"><path class=\"guide line\" d=\"M0.000000 331.307423 h645.200000\" /><text class=\"\" x=\"-5\" y=\"334.807423346\">30.0</text></g><g class=\"guides\"><path class=\"guide line\" d=\"M0.000000 273.704770 h645.200000\" /><text class=\"\" x=\"-5\" y=\"277.204769589\">40.0</text></g><g class=\"guides\"><path class=\"major guide line\" d=\"M0.000000 216.102116 h645.200000\" /><text class=\"major\" x=\"-5\" y=\"219.602115833\">50.0</text></g><g class=\"guides\"><path class=\"guide line\" d=\"M0.000000 158.499462 h645.200000\" /><text class=\"\" x=\"-5\" y=\"161.999462076\">60.0</text></g><g class=\"guides\"><path class=\"guide line\" d=\"M0.000000 100.896808 h645.200000\" /><text class=\"\" x=\"-5\" y=\"104.39680832\">70.0</text></g><g class=\"guides\"><path class=\"guide line\" d=\"M0.000000 43.294155 h645.200000\" /><text class=\"\" x=\"-5\" y=\"46.7941545634\">80.0</text></g></g><g class=\"axis x\"><g class=\"guides\"><path class=\"line\" d=\"M12.407692 0.000000 v514.000000\" /><text class=\"\" x=\"12.4076923077\" y=\"529.0\">2002</text></g><g class=\"guides\"><path class=\"guide line\" d=\"M74.446154 0.000000 v514.000000\" /><text class=\"\" x=\"74.4461538462\" y=\"529.0\">2003</text></g><g class=\"guides\"><path class=\"guide line\" d=\"M136.484615 0.000000 v514.000000\" /><text class=\"\" x=\"136.484615385\" y=\"529.0\">2004</text></g><g class=\"guides\"><path class=\"guide line\" d=\"M198.523077 0.000000 v514.000000\" /><text class=\"\" x=\"198.523076923\" y=\"529.0\">2005</text></g><g class=\"guides\"><path class=\"guide line\" d=\"M260.561538 0.000000 v514.000000\" /><text class=\"\" x=\"260.561538462\" y=\"529.0\">2006</text></g><g class=\"guides\"><path class=\"guide line\" d=\"M322.600000 0.000000 v514.000000\" /><text class=\"\" x=\"322.6\" y=\"529.0\">2007</text></g><g class=\"guides\"><path class=\"guide line\" d=\"M384.638462 0.000000 v514.000000\" /><text class=\"\" x=\"384.638461538\" y=\"529.0\">2008</text></g><g class=\"guides\"><path class=\"guide line\" d=\"M446.676923 0.000000 v514.000000\" /><text class=\"\" x=\"446.676923077\" y=\"529.0\">2009</text></g><g class=\"guides\"><path class=\"guide line\" d=\"M508.715385 0.000000 v514.000000\" /><text class=\"\" x=\"508.715384615\" y=\"529.0\">2010</text></g><g class=\"guides\"><path class=\"guide line\" d=\"M570.753846 0.000000 v514.000000\" /><text class=\"\" x=\"570.753846154\" y=\"529.0\">2011</text></g><g class=\"guides\"><path class=\"guide line\" d=\"M632.792308 0.000000 v514.000000\" /><text class=\"\" x=\"632.792307692\" y=\"529.0\">2012</text></g></g><g class=\"series serie-0 color-0\"><path class=\"line reactive nofill\" d=\"M136.484615 504.115385 L198.523077 408.494979 260.561538 360.108750 322.600000 325.547158 384.638462 294.441725 446.676923 242.023310 508.715385 237.415098 570.753846 257.576027 632.792308 290.409539\" /></g><g class=\"series serie-1 color-1\"><path class=\"line reactive nofill\" d=\"M384.638462 504.115385 L446.676923 481.650350 508.715385 441.904519 570.753846 367.021069 632.792308 300.778017\" /></g><g class=\"series serie-2 color-2\"><path class=\"line reactive nofill\" d=\"M12.407692 9.884615 L74.446154 16.796934 136.484615 16.220907 198.523077 74.975614 260.561538 123.937870 322.600000 166.563834 384.638462 189.028869 446.676923 246.055496 508.715385 295.593778 570.753846 350.892326 632.792308 388.334051\" /></g><g class=\"series serie-3 color-3\"><path class=\"line reactive nofill\" d=\"M12.407692 422.319616 L74.446154 415.407298 136.484615 415.983324 198.523077 452.849023 260.561538 452.272996 322.600000 444.208625 384.638462 452.849023 446.676923 470.705845 508.715385 465.521607 570.753846 464.945580 632.792308 460.913394\" /></g></g><g class=\"titles\"><text class=\"title plot_title\" x=\"400.0\" y=\"26\">Browser usage evolution (in %)</text></g><g class=\"plot overlay\" transform=\"translate(134, 46)\"><g class=\"series serie-0 color-0\"><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"136.484615385\" cy=\"504.115384615\" r=\"2.5\" /><desc class=\"value\">0</desc><desc class=\"x top\">136.484615385</desc><desc class=\"y top\">504.115384615</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"198.523076923\" cy=\"408.49497938\" r=\"2.5\" /><desc class=\"value\">16.6</desc><desc class=\"x top\">198.523076923</desc><desc class=\"y top\">408.49497938</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"260.561538462\" cy=\"360.108750224\" r=\"2.5\" /><desc class=\"value\">25</desc><desc class=\"x top\">260.561538462</desc><desc class=\"y top\">360.108750224</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"322.6\" cy=\"325.54715797\" r=\"2.5\" /><desc class=\"value\">31</desc><desc class=\"x top\">322.6</desc><desc class=\"y top\">325.54715797</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"384.638461538\" cy=\"294.441724942\" r=\"2.5\" /><desc class=\"value\">36.4</desc><desc class=\"x left top\">384.638461538</desc><desc class=\"y left top\">294.441724942</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"446.676923077\" cy=\"242.023310023\" r=\"2.5\" /><desc class=\"value\">45.5</desc><desc class=\"x left\">446.676923077</desc><desc class=\"y left\">242.023310023</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"508.715384615\" cy=\"237.415097723\" r=\"2.5\" /><desc class=\"value\">46.3</desc><desc class=\"x left\">508.715384615</desc><desc class=\"y left\">237.415097723</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"570.753846154\" cy=\"257.576026538\" r=\"2.5\" /><desc class=\"value\">42.8</desc><desc class=\"x left top\">570.753846154</desc><desc class=\"y left top\">257.576026538</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"632.792307692\" cy=\"290.409539179\" r=\"2.5\" /><desc class=\"value\">37.1</desc><desc class=\"x left top\">632.792307692</desc><desc class=\"y left top\">290.409539179</desc></g></g><g class=\"series serie-1 color-1\"><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"384.638461538\" cy=\"504.115384615\" r=\"2.5\" /><desc class=\"value\">0</desc><desc class=\"x left top\">384.638461538</desc><desc class=\"y left top\">504.115384615</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"446.676923077\" cy=\"481.65034965\" r=\"2.5\" /><desc class=\"value\">3.9</desc><desc class=\"x left top\">446.676923077</desc><desc class=\"y left top\">481.65034965</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"508.715384615\" cy=\"441.904518558\" r=\"2.5\" /><desc class=\"value\">10.8</desc><desc class=\"x left top\">508.715384615</desc><desc class=\"y left top\">441.904518558</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"570.753846154\" cy=\"367.021068675\" r=\"2.5\" /><desc class=\"value\">23.8</desc><desc class=\"x left top\">570.753846154</desc><desc class=\"y left top\">367.021068675</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"632.792307692\" cy=\"300.778016855\" r=\"2.5\" /><desc class=\"value\">35.3</desc><desc class=\"x left top\">632.792307692</desc><desc class=\"y left top\">300.778016855</desc></g></g><g class=\"series serie-2 color-2\"><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"12.4076923077\" cy=\"9.88461538462\" r=\"2.5\" /><desc class=\"value\">85.8</desc><desc class=\"x \">12.4076923077</desc><desc class=\"y \">9.88461538462</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"74.4461538462\" cy=\"16.7969338354\" r=\"2.5\" /><desc class=\"value\">84.6</desc><desc class=\"x \">74.4461538462</desc><desc class=\"y \">16.7969338354</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"136.484615385\" cy=\"16.2209072978\" r=\"2.5\" /><desc class=\"value\">84.7</desc><desc class=\"x \">136.484615385</desc><desc class=\"y \">16.2209072978</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"198.523076923\" cy=\"74.9756141295\" r=\"2.5\" /><desc class=\"value\">74.5</desc><desc class=\"x \">198.523076923</desc><desc class=\"y \">74.9756141295</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"260.561538462\" cy=\"123.937869822\" r=\"2.5\" /><desc class=\"value\">66</desc><desc class=\"x \">260.561538462</desc><desc class=\"y \">123.937869822</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"322.6\" cy=\"166.563833602\" r=\"2.5\" /><desc class=\"value\">58.6</desc><desc class=\"x \">322.6</desc><desc class=\"y \">166.563833602</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"384.638461538\" cy=\"189.028868567\" r=\"2.5\" /><desc class=\"value\">54.7</desc><desc class=\"x left\">384.638461538</desc><desc class=\"y left\">189.028868567</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"446.676923077\" cy=\"246.055495786\" r=\"2.5\" /><desc class=\"value\">44.8</desc><desc class=\"x left\">446.676923077</desc><desc class=\"y left\">246.055495786</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"508.715384615\" cy=\"295.593778017\" r=\"2.5\" /><desc class=\"value\">36.2</desc><desc class=\"x left top\">508.715384615</desc><desc class=\"y left top\">295.593778017</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"570.753846154\" cy=\"350.892325623\" r=\"2.5\" /><desc class=\"value\">26.6</desc><desc class=\"x left top\">570.753846154</desc><desc class=\"y left top\">350.892325623</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"632.792307692\" cy=\"388.334050565\" r=\"2.5\" /><desc class=\"value\">20.1</desc><desc class=\"x left top\">632.792307692</desc><desc class=\"y left top\">388.334050565</desc></g></g><g class=\"series serie-3 color-3\"><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"12.4076923077\" cy=\"422.319616281\" r=\"2.5\" /><desc class=\"value\">14.2</desc><desc class=\"x top\">12.4076923077</desc><desc class=\"y top\">422.319616281</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"74.4461538462\" cy=\"415.40729783\" r=\"2.5\" /><desc class=\"value\">15.4</desc><desc class=\"x top\">74.4461538462</desc><desc class=\"y top\">415.40729783</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"136.484615385\" cy=\"415.983324368\" r=\"2.5\" /><desc class=\"value\">15.3</desc><desc class=\"x top\">136.484615385</desc><desc class=\"y top\">415.983324368</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"198.523076923\" cy=\"452.849022772\" r=\"2.5\" /><desc class=\"value\">8.9</desc><desc class=\"x top\">198.523076923</desc><desc class=\"y top\">452.849022772</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"260.561538462\" cy=\"452.272996235\" r=\"2.5\" /><desc class=\"value\">9</desc><desc class=\"x top\">260.561538462</desc><desc class=\"y top\">452.272996235</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"322.6\" cy=\"444.208624709\" r=\"2.5\" /><desc class=\"value\">10.4</desc><desc class=\"x top\">322.6</desc><desc class=\"y top\">444.208624709</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"384.638461538\" cy=\"452.849022772\" r=\"2.5\" /><desc class=\"value\">8.9</desc><desc class=\"x left top\">384.638461538</desc><desc class=\"y left top\">452.849022772</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"446.676923077\" cy=\"470.705845437\" r=\"2.5\" /><desc class=\"value\">5.8</desc><desc class=\"x left top\">446.676923077</desc><desc class=\"y left top\">470.705845437</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"508.715384615\" cy=\"465.521606599\" r=\"2.5\" /><desc class=\"value\">6.7</desc><desc class=\"x left top\">508.715384615</desc><desc class=\"y left top\">465.521606599</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"570.753846154\" cy=\"464.945580061\" r=\"2.5\" /><desc class=\"value\">6.8</desc><desc class=\"x left top\">570.753846154</desc><desc class=\"y left top\">464.945580061</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"632.792307692\" cy=\"460.913394298\" r=\"2.5\" /><desc class=\"value\">7.5</desc><desc class=\"x left top\">632.792307692</desc><desc class=\"y left top\">460.913394298</desc></g></g></g><g class=\"plot text-overlay\" transform=\"translate(134, 46)\"><g class=\"series serie-0 color-0\"><text class=\"centered\" x=\"144.484615385\" y=\"514.782051282\" /><text class=\"centered\" x=\"206.523076923\" y=\"419.161646046\">16.6</text><text class=\"centered\" x=\"268.561538462\" y=\"370.775416891\">25</text><text class=\"centered\" x=\"330.6\" y=\"336.213824637\">31</text><text class=\"centered\" x=\"392.638461538\" y=\"305.108391608\">36.4</text><text class=\"centered\" x=\"454.676923077\" y=\"252.68997669\">45.5</text><text class=\"centered\" x=\"516.715384615\" y=\"248.081764389\">46.3</text><text class=\"centered\" x=\"578.753846154\" y=\"268.242693204\">42.8</text><text class=\"centered\" x=\"640.792307692\" y=\"301.076205845\">37.1</text></g><g class=\"series serie-1 color-1\"><text class=\"centered\" x=\"392.638461538\" y=\"514.782051282\" /><text class=\"centered\" x=\"454.676923077\" y=\"492.317016317\">3.9</text><text class=\"centered\" x=\"516.715384615\" y=\"452.571185225\">10.8</text><text class=\"centered\" x=\"578.753846154\" y=\"377.687735342\">23.8</text><text class=\"centered\" x=\"640.792307692\" y=\"311.444683522\">35.3</text></g><g class=\"series serie-2 color-2\"><text class=\"centered\" x=\"20.4076923077\" y=\"20.5512820513\">85.8</text><text class=\"centered\" x=\"82.4461538462\" y=\"27.4636005021\">84.6</text><text class=\"centered\" x=\"144.484615385\" y=\"26.8875739645\">84.7</text><text class=\"centered\" x=\"206.523076923\" y=\"85.6422807961\">74.5</text><text class=\"centered\" x=\"268.561538462\" y=\"134.604536489\">66</text><text class=\"centered\" x=\"330.6\" y=\"177.230500269\">58.6</text><text class=\"centered\" x=\"392.638461538\" y=\"199.695535234\">54.7</text><text class=\"centered\" x=\"454.676923077\" y=\"256.722162453\">44.8</text><text class=\"centered\" x=\"516.715384615\" y=\"306.260444684\">36.2</text><text class=\"centered\" x=\"578.753846154\" y=\"361.55899229\">26.6</text><text class=\"centered\" x=\"640.792307692\" y=\"399.000717231\">20.1</text></g><g class=\"series serie-3 color-3\"><text class=\"centered\" x=\"20.4076923077\" y=\"432.986282948\">14.2</text><text class=\"centered\" x=\"82.4461538462\" y=\"426.073964497\">15.4</text><text class=\"centered\" x=\"144.484615385\" y=\"426.649991035\">15.3</text><text class=\"centered\" x=\"206.523076923\" y=\"463.515689439\">8.9</text><text class=\"centered\" x=\"268.561538462\" y=\"462.939662901\">9</text><text class=\"centered\" x=\"330.6\" y=\"454.875291375\">10.4</text><text class=\"centered\" x=\"392.638461538\" y=\"463.515689439\">8.9</text><text class=\"centered\" x=\"454.676923077\" y=\"481.372512103\">5.8</text><text class=\"centered\" x=\"516.715384615\" y=\"476.188273265\">6.7</text><text class=\"centered\" x=\"578.753846154\" y=\"475.612246728\">6.8</text><text class=\"centered\" x=\"640.792307692\" y=\"471.580060965\">7.5</text></g></g><g class=\"plot tooltip-overlay\" transform=\"translate(134, 46)\"><g class=\"tooltip\" style=\"opacity: 0\" transform=\"translate(0 0)\"><a><rect class=\"tooltip-box\" height=\"0\" rx=\"0\" ry=\"0\" width=\"0\" /><text class=\"text\"><tspan class=\"label\" /><tspan class=\"value\" /></text></a></g></g><g class=\"legends\" transform=\"translate(10, 56)\"><g class=\"legend reactive activate-serie\" id=\"activate-serie-0\"><rect class=\"color-0 reactive\" height=\"12\" width=\"12\" x=\"0.0\" y=\"1.0\" /><text x=\"17.0\" y=\"11.2\">Firefox</text></g><g class=\"legend reactive activate-serie\" id=\"activate-serie-1\"><rect class=\"color-1 reactive\" height=\"12\" width=\"12\" x=\"0.0\" y=\"22.0\" /><text x=\"17.0\" y=\"32.2\">Chrome</text></g><g class=\"legend reactive activate-serie\" id=\"activate-serie-2\"><rect class=\"color-2 reactive\" height=\"12\" width=\"12\" x=\"0.0\" y=\"43.0\" /><text x=\"17.0\" y=\"53.2\">IE</text></g><g class=\"legend reactive activate-serie\" id=\"activate-serie-3\"><rect class=\"color-3 reactive\" height=\"12\" width=\"12\" x=\"0.0\" y=\"64.0\" /><text x=\"17.0\" y=\"74.2\">Others</text></g></g><g class=\"legends\" transform=\"translate(790, 56)\" /></g></svg>\n",
" </figure>\n",
" </body>\n",
"</html>\n"
],
"metadata": {},
"output_type": "pyout",
"prompt_number": 22,
"text": [
"<IPython.core.display.HTML at 0x7fd3bac42310>"
]
}
],
"prompt_number": 22
},
{
"cell_type": "code",
"collapsed": false,
"input": [
"stackedline_chart = pygal.StackedLine(fill=True)\n",
"stackedline_chart.title = 'Browser usage evolution (in %)'\n",
"stackedline_chart.x_labels = map(str, range(2002, 2013))\n",
"stackedline_chart.add('Firefox', [None, None, 0, 16.6, 25, 31, 36.4, 45.5, 46.3, 42.8, 37.1])\n",
"stackedline_chart.add('Chrome', [None, None, None, None, None, None, 0, 3.9, 10.8, 23.8, 35.3])\n",
"stackedline_chart.add('IE', [85.8, 84.6, 84.7, 74.5, 66, 58.6, 54.7, 44.8, 36.2, 26.6, 20.1])\n",
"stackedline_chart.add('Others', [14.2, 15.4, 15.3, 8.9, 9, 10.4, 8.9, 5.8, 6.7, 6.8, 7.5])\n",
"HTML(html_pygal.format(pygal_render=stackedline_chart.render()))"
],
"language": "python",
"metadata": {},
"outputs": [
{
"html": [
"\n",
"<!DOCTYPE html>\n",
"<html>\n",
" <head>\n",
" <script type=\"text/javascript\" src=\"http://kozea.github.com/pygal.js/javascripts/svg.jquery.js\"></script>\n",
" <script type=\"text/javascript\" src=\"http://kozea.github.com/pygal.js/javascripts/pygal-tooltips.js\"></script>\n",
" <!-- ... -->\n",
" </head>\n",
" <body>\n",
" <figure>\n",
" <?xml version='1.0' encoding='utf-8'?>\n",
"<svg xmlns:xlink=\"http://www.w3.org/1999/xlink\" class=\"pygal-chart\" id=\"chart-73049ad1-5b50-4582-9a30-ba8b33060f81\" viewBox=\"0 0 800 600\" xmlns=\"http://www.w3.org/2000/svg\"><!--Generated with pygal 1.6.1 (etree) \u00a9Kozea 2011-2014 on 2015-01-10--><!--http://pygal.org--><!--http://github.com/Kozea/pygal--><defs><style type=\"text/css\">#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .title{font-family:\"monospace\";font-size:16px}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .legends .legend text{font-family:\"monospace\";font-size:14px}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .axis text{font-family:\"monospace\";font-size:10px}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .axis text.major{font-family:\"monospace\";font-size:10px}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .series text{font-family:\"monospace\";font-size:8px}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .tooltip text{font-family:\"monospace\";font-size:16px}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 text.no_data{font-size:64px}\n",
"#chart-73049ad1-5b50-4582-9a30-ba8b33060f81{background-color:black}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 path,#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 line,#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 rect,#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 circle{-webkit-transition:250ms;-moz-transition:250ms;transition:250ms}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .graph &gt; .background{fill:black}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .plot &gt; .background{fill:#111}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .graph{fill:#999}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 text.no_data{fill:#eee}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .title{fill:#eee}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .legends .legend text{fill:#999}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .legends .legend:hover text{fill:#eee}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .axis .line{stroke:#eee}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .axis .guide.line{stroke:#555}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .axis .major.line{stroke:#999}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .axis text.major{stroke:#eee;fill:#eee}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .axis.y .guides:hover .guide.line,#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .line-graph .axis.x .guides:hover .guide.line,#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .stackedline-graph .axis.x .guides:hover .guide.line,#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .xy-graph .axis.x .guides:hover .guide.line{stroke:#eee}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .axis .guides:hover text{fill:#eee}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .reactive{fill-opacity:.8}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .reactive.active,#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .active .reactive{fill-opacity:.4}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .series{stroke-width:1.0;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:0,0}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .series text{fill:#eee}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .tooltip rect{fill:#111;stroke:#eee}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .tooltip text{fill:#eee}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .map-element{fill:#999;stroke:#555 !important;opacity:.9;stroke-width:3;-webkit-transition:250ms;-moz-transition:250ms;-o-transition:250ms;transition:250ms}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .map-element:hover{opacity:1;stroke-width:10}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .color-0,#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .color-0 a:visited{stroke:#ff5995;fill:#ff5995}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .color-1,#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .color-1 a:visited{stroke:#b6e354;fill:#b6e354}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .color-2,#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .color-2 a:visited{stroke:#feed6c;fill:#feed6c}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .color-3,#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .color-3 a:visited{stroke:#8cedff;fill:#8cedff}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .color-4,#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .color-4 a:visited{stroke:#9e6ffe;fill:#9e6ffe}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .color-5,#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .color-5 a:visited{stroke:#899ca1;fill:#899ca1}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .color-6,#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .color-6 a:visited{stroke:#f8f8f2;fill:#f8f8f2}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .color-7,#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .color-7 a:visited{stroke:#bf4646;fill:#bf4646}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .color-8,#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .color-8 a:visited{stroke:#516083;fill:#516083}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .color-9,#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .color-9 a:visited{stroke:#f92672;fill:#f92672}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .color-10,#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .color-10 a:visited{stroke:#82b414;fill:#82b414}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .color-11,#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .color-11 a:visited{stroke:#fd971f;fill:#fd971f}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .color-12,#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .color-12 a:visited{stroke:#56c2d6;fill:#56c2d6}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .color-13,#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .color-13 a:visited{stroke:#808384;fill:#808384}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .color-14,#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .color-14 a:visited{stroke:#8c54fe;fill:#8c54fe}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .color-15,#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .color-15 a:visited{stroke:#465457;fill:#465457}\n",
"#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 text.no_data{text-anchor:middle}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .guide.line{fill-opacity:0}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .centered{text-anchor:middle}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .title{text-anchor:middle}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .legends .legend text{fill-opacity:1}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .axis.x text{text-anchor:middle}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .axis.x:not(.web) text[transform]{text-anchor:start}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .axis.y text{text-anchor:end}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .axis.y2 text{text-anchor:start}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .axis.y .logarithmic text:not(.major),#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .axis.y2 .logarithmic text:not(.major){font-size:50%}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .axis .guide.line{stroke-dasharray:4,4}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .axis .major.guide.line{stroke-dasharray:6,6}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .axis text.major{stroke-width:0.5px}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .horizontal .axis.y .guide.line,#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .horizontal .axis.y2 .guide.line,#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .vertical .axis.x .guide.line{opacity:0}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .horizontal .axis.always_show .guide.line,#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .vertical .axis.always_show .guide.line{opacity:1 !important}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .axis.y .guides:hover .guide.line,#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .axis.y2 .guides:hover .guide.line,#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .axis.x .guides:hover .guide.line{opacity:1}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .axis .guides:hover text{opacity:1}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .nofill{fill:none}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .subtle-fill{fill-opacity:.2}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .dot{stroke-width:1px;fill-opacity:1}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .dot.active{stroke-width:5px}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .series text{stroke:none}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .series text.active{opacity:1}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .tooltip rect{fill-opacity:0.8}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .tooltip text{fill-opacity:1}#chart-73049ad1-5b50-4582-9a30-ba8b33060f81 .tooltip text tspan.label{fill-opacity:.8}</style><script type=\"text/javascript\">window.config = {\"inner_radius\": 0, \"print_values\": true, \"tooltip_font_size\": 16, \"y_title\": null, \"legend_at_bottom_columns\": null, \"height\": 600, \"legend_at_bottom\": false, \"show_legend\": true, \"show_dots\": true, \"explicit_size\": false, \"legend_font_size\": 14, \"y_labels_major\": null, \"x_labels_major_count\": null, \"major_label_font_size\": 10, \"fill\": true, \"half_pie\": false, \"style\": {\"opacity\": \".8\", \"foreground\": \"#999\", \"plot_background\": \"#111\", \"stroke_style\": \"round\", \"foreground_light\": \"#eee\", \"transition\": \"250ms\", \"foreground_dark\": \"#555\", \"stroke_dasharray\": \"0,0\", \"opacity_hover\": \".4\", \"stroke_width\": 1.0, \"colors\": [\"#ff5995\", \"#b6e354\", \"#feed6c\", \"#8cedff\", \"#9e6ffe\", \"#899ca1\", \"#f8f8f2\", \"#bf4646\", \"#516083\", \"#f92672\", \"#82b414\", \"#fd971f\", \"#56c2d6\", \"#808384\", \"#8c54fe\", \"#465457\"], \"background\": \"black\", \"font_family\": \"monospace\"}, \"missing_value_fill_truncation\": \"x\", \"zero\": 0, \"show_minor_x_labels\": true, \"interpolation_parameters\": {}, \"x_labels_major\": null, \"rounded_bars\": null, \"label_font_size\": 10, \"show_y_labels\": true, \"dots_size\": 2.5, \"show_y_guides\": true, \"show_minor_y_labels\": true, \"x_labels\": [\"2002\", \"2003\", \"2004\", \"2005\", \"2006\", \"2007\", \"2008\", \"2009\", \"2010\", \"2011\", \"2012\"], \"value_font_size\": 8, \"x_label_rotation\": 0, \"disable_xml_declaration\": false, \"strict\": false, \"css\": [\"style.css\", \"graph.css\"], \"title_font_size\": 16, \"show_only_major_dots\": false, \"human_readable\": false, \"show_x_guides\": false, \"spacing\": 10, \"y_label_rotation\": 0, \"pretty_print\": false, \"tooltip_border_radius\": 0, \"interpolate\": null, \"js\": [\"http://kozea.github.io/pygal.js/javascripts/svg.jquery.js\", \"http://kozea.github.io/pygal.js/javascripts/pygal-tooltips.js\"], \"y_labels\": null, \"y_labels_major_every\": null, \"interpolation_precision\": 250, \"x_title\": null, \"value_formatter\": null, \"no_data_font_size\": 64, \"logarithmic\": false, \"width\": 800, \"print_zeroes\": false, \"no_data_text\": \"No data\", \"truncate_legend\": null, \"x_labels_major_every\": null, \"title\": \"Browser usage evolution (in %)\", \"legend_box_size\": 12, \"no_prefix\": false, \"stroke\": true, \"include_x_axis\": false, \"range\": null, \"truncate_label\": null, \"order_min\": null, \"mode\": null, \"y_labels_major_count\": null, \"x_label_format\": \"%Y-%m-%d %H:%M:%S.%f\", \"margin\": 20, \"stack_from_top\": false}</script><script type=\"text/javascript\" xlink:href=\"http://kozea.github.io/pygal.js/javascripts/svg.jquery.js\" /><script type=\"text/javascript\" xlink:href=\"http://kozea.github.io/pygal.js/javascripts/pygal-tooltips.js\" /></defs><title>Browser usage evolution (in %)</title><g class=\"graph stackedline-graph vertical\"><rect class=\"background\" height=\"600\" width=\"800\" x=\"0\" y=\"0\" /><g class=\"plot\" transform=\"translate(140, 46)\"><rect class=\"background\" height=\"514\" width=\"639.2\" x=\"0\" y=\"0\" /><g class=\"axis y\"><g class=\"guides\"><path class=\"major line\" d=\"M0.000000 504.115385 h639.200000\" /><text class=\"major\" x=\"-5\" y=\"507.615384615\">0.0</text></g><g class=\"guides\"><path class=\"guide line\" d=\"M0.000000 454.692308 h639.200000\" /><text class=\"\" x=\"-5\" y=\"458.192307692\">10.0</text></g><g class=\"guides\"><path class=\"guide line\" d=\"M0.000000 405.269231 h639.200000\" /><text class=\"\" x=\"-5\" y=\"408.769230769\">20.0</text></g><g class=\"guides\"><path class=\"guide line\" d=\"M0.000000 355.846154 h639.200000\" /><text class=\"\" x=\"-5\" y=\"359.346153846\">30.0</text></g><g class=\"guides\"><path class=\"guide line\" d=\"M0.000000 306.423077 h639.200000\" /><text class=\"\" x=\"-5\" y=\"309.923076923\">40.0</text></g><g class=\"guides\"><path class=\"major guide line\" d=\"M0.000000 257.000000 h639.200000\" /><text class=\"major\" x=\"-5\" y=\"260.5\">50.0</text></g><g class=\"guides\"><path class=\"guide line\" d=\"M0.000000 207.576923 h639.200000\" /><text class=\"\" x=\"-5\" y=\"211.076923077\">60.0</text></g><g class=\"guides\"><path class=\"guide line\" d=\"M0.000000 158.153846 h639.200000\" /><text class=\"\" x=\"-5\" y=\"161.653846154\">70.0</text></g><g class=\"guides\"><path class=\"guide line\" d=\"M0.000000 108.730769 h639.200000\" /><text class=\"\" x=\"-5\" y=\"112.230769231\">80.0</text></g><g class=\"guides\"><path class=\"guide line\" d=\"M0.000000 59.307692 h639.200000\" /><text class=\"\" x=\"-5\" y=\"62.8076923077\">90.0</text></g><g class=\"guides\"><path class=\"major guide line\" d=\"M0.000000 9.884615 h639.200000\" /><text class=\"major\" x=\"-5\" y=\"13.3846153846\">100.0</text></g></g><g class=\"axis x\"><g class=\"guides\"><path class=\"line\" d=\"M12.292308 0.000000 v514.000000\" /><text class=\"\" x=\"12.2923076923\" y=\"529.0\">2002</text></g><g class=\"guides\"><path class=\"guide line\" d=\"M73.753846 0.000000 v514.000000\" /><text class=\"\" x=\"73.7538461538\" y=\"529.0\">2003</text></g><g class=\"guides\"><path class=\"guide line\" d=\"M135.215385 0.000000 v514.000000\" /><text class=\"\" x=\"135.215384615\" y=\"529.0\">2004</text></g><g class=\"guides\"><path class=\"guide line\" d=\"M196.676923 0.000000 v514.000000\" /><text class=\"\" x=\"196.676923077\" y=\"529.0\">2005</text></g><g class=\"guides\"><path class=\"guide line\" d=\"M258.138462 0.000000 v514.000000\" /><text class=\"\" x=\"258.138461538\" y=\"529.0\">2006</text></g><g class=\"guides\"><path class=\"guide line\" d=\"M319.600000 0.000000 v514.000000\" /><text class=\"\" x=\"319.6\" y=\"529.0\">2007</text></g><g class=\"guides\"><path class=\"guide line\" d=\"M381.061538 0.000000 v514.000000\" /><text class=\"\" x=\"381.061538462\" y=\"529.0\">2008</text></g><g class=\"guides\"><path class=\"guide line\" d=\"M442.523077 0.000000 v514.000000\" /><text class=\"\" x=\"442.523076923\" y=\"529.0\">2009</text></g><g class=\"guides\"><path class=\"guide line\" d=\"M503.984615 0.000000 v514.000000\" /><text class=\"\" x=\"503.984615385\" y=\"529.0\">2010</text></g><g class=\"guides\"><path class=\"guide line\" d=\"M565.446154 0.000000 v514.000000\" /><text class=\"\" x=\"565.446153846\" y=\"529.0\">2011</text></g><g class=\"guides\"><path class=\"guide line\" d=\"M626.907692 0.000000 v514.000000\" /><text class=\"\" x=\"626.907692308\" y=\"529.0\">2012</text></g></g><g class=\"series serie-0 color-0\"><path class=\"line reactive\" d=\"M12.292308 504.115385 L12.292308 504.115385 73.753846 504.115385 135.215385 504.115385 196.676923 422.073077 258.138462 380.557692 319.600000 350.903846 381.061538 324.215385 442.523077 279.240385 503.984615 275.286538 565.446154 292.584615 626.907692 320.755769 626.907692 504.115385\" /></g><g class=\"series serie-1 color-1\"><path class=\"line reactive\" d=\"M12.292308 504.115385 L73.753846 504.115385 135.215385 504.115385 196.676923 422.073077 258.138462 380.557692 319.600000 350.903846 381.061538 324.215385 442.523077 259.965385 503.984615 221.909615 565.446154 174.957692 626.907692 146.292308 626.907692 320.755769 565.446154 292.584615 503.984615 275.286538 442.523077 279.240385 381.061538 324.215385 319.600000 350.903846 258.138462 380.557692 196.676923 422.073077 135.215385 504.115385 73.753846 504.115385 12.292308 504.115385\" /></g><g class=\"series serie-2 color-2\"><path class=\"line reactive\" d=\"M12.292308 80.065385 L73.753846 85.996154 135.215385 85.501923 196.676923 53.871154 258.138462 54.365385 319.600000 61.284615 381.061538 53.871154 442.523077 38.550000 503.984615 42.998077 565.446154 43.492308 626.907692 46.951923 626.907692 146.292308 565.446154 174.957692 503.984615 221.909615 442.523077 259.965385 381.061538 324.215385 319.600000 350.903846 258.138462 380.557692 196.676923 422.073077 135.215385 504.115385 73.753846 504.115385 12.292308 504.115385\" /></g><g class=\"series serie-3 color-3\"><path class=\"line reactive\" d=\"M12.292308 9.884615 L73.753846 9.884615 135.215385 9.884615 196.676923 9.884615 258.138462 9.884615 319.600000 9.884615 381.061538 9.884615 442.523077 9.884615 503.984615 9.884615 565.446154 9.884615 626.907692 9.884615 626.907692 46.951923 565.446154 43.492308 503.984615 42.998077 442.523077 38.550000 381.061538 53.871154 319.600000 61.284615 258.138462 54.365385 196.676923 53.871154 135.215385 85.501923 73.753846 85.996154 12.292308 80.065385\" /></g></g><g class=\"titles\"><text class=\"title plot_title\" x=\"400.0\" y=\"26\">Browser usage evolution (in %)</text></g><g class=\"plot overlay\" transform=\"translate(140, 46)\"><g class=\"series serie-0 color-0\"><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"12.2923076923\" cy=\"504.115384615\" r=\"2.5\" /><desc class=\"value\">0</desc><desc class=\"x top\">12.2923076923</desc><desc class=\"y top\">504.115384615</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"73.7538461538\" cy=\"504.115384615\" r=\"2.5\" /><desc class=\"value\">0</desc><desc class=\"x top\">73.7538461538</desc><desc class=\"y top\">504.115384615</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"135.215384615\" cy=\"504.115384615\" r=\"2.5\" /><desc class=\"value\">0</desc><desc class=\"x top\">135.215384615</desc><desc class=\"y top\">504.115384615</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"196.676923077\" cy=\"422.073076923\" r=\"2.5\" /><desc class=\"value\">16.6</desc><desc class=\"x top\">196.676923077</desc><desc class=\"y top\">422.073076923</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"258.138461538\" cy=\"380.557692308\" r=\"2.5\" /><desc class=\"value\">25</desc><desc class=\"x top\">258.138461538</desc><desc class=\"y top\">380.557692308</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"319.6\" cy=\"350.903846154\" r=\"2.5\" /><desc class=\"value\">31</desc><desc class=\"x top\">319.6</desc><desc class=\"y top\">350.903846154</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"381.061538462\" cy=\"324.215384615\" r=\"2.5\" /><desc class=\"value\">36.4</desc><desc class=\"x left top\">381.061538462</desc><desc class=\"y left top\">324.215384615</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"442.523076923\" cy=\"279.240384615\" r=\"2.5\" /><desc class=\"value\">45.5</desc><desc class=\"x left top\">442.523076923</desc><desc class=\"y left top\">279.240384615</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"503.984615385\" cy=\"275.286538462\" r=\"2.5\" /><desc class=\"value\">46.3</desc><desc class=\"x left top\">503.984615385</desc><desc class=\"y left top\">275.286538462</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"565.446153846\" cy=\"292.584615385\" r=\"2.5\" /><desc class=\"value\">42.8</desc><desc class=\"x left top\">565.446153846</desc><desc class=\"y left top\">292.584615385</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"626.907692308\" cy=\"320.755769231\" r=\"2.5\" /><desc class=\"value\">37.1</desc><desc class=\"x left top\">626.907692308</desc><desc class=\"y left top\">320.755769231</desc></g></g><g class=\"series serie-1 color-1\"><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"12.2923076923\" cy=\"504.115384615\" r=\"2.5\" /><desc class=\"value\">0</desc><desc class=\"x top\">12.2923076923</desc><desc class=\"y top\">504.115384615</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"73.7538461538\" cy=\"504.115384615\" r=\"2.5\" /><desc class=\"value\">0</desc><desc class=\"x top\">73.7538461538</desc><desc class=\"y top\">504.115384615</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"135.215384615\" cy=\"504.115384615\" r=\"2.5\" /><desc class=\"value\">0</desc><desc class=\"x top\">135.215384615</desc><desc class=\"y top\">504.115384615</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"196.676923077\" cy=\"422.073076923\" r=\"2.5\" /><desc class=\"value\">16.6</desc><desc class=\"x top\">196.676923077</desc><desc class=\"y top\">422.073076923</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"258.138461538\" cy=\"380.557692308\" r=\"2.5\" /><desc class=\"value\">25</desc><desc class=\"x top\">258.138461538</desc><desc class=\"y top\">380.557692308</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"319.6\" cy=\"350.903846154\" r=\"2.5\" /><desc class=\"value\">31</desc><desc class=\"x top\">319.6</desc><desc class=\"y top\">350.903846154</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"381.061538462\" cy=\"324.215384615\" r=\"2.5\" /><desc class=\"value\">36.4</desc><desc class=\"x left top\">381.061538462</desc><desc class=\"y left top\">324.215384615</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"442.523076923\" cy=\"259.965384615\" r=\"2.5\" /><desc class=\"value\">49.4</desc><desc class=\"x left top\">442.523076923</desc><desc class=\"y left top\">259.965384615</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"503.984615385\" cy=\"221.909615385\" r=\"2.5\" /><desc class=\"value\">57.1</desc><desc class=\"x left\">503.984615385</desc><desc class=\"y left\">221.909615385</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"565.446153846\" cy=\"174.957692308\" r=\"2.5\" /><desc class=\"value\">66.6</desc><desc class=\"x left\">565.446153846</desc><desc class=\"y left\">174.957692308</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"626.907692308\" cy=\"146.292307692\" r=\"2.5\" /><desc class=\"value\">72.4</desc><desc class=\"x left\">626.907692308</desc><desc class=\"y left\">146.292307692</desc></g></g><g class=\"series serie-2 color-2\"><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"12.2923076923\" cy=\"80.0653846154\" r=\"2.5\" /><desc class=\"value\">85.8</desc><desc class=\"x \">12.2923076923</desc><desc class=\"y \">80.0653846154</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"73.7538461538\" cy=\"85.9961538462\" r=\"2.5\" /><desc class=\"value\">84.6</desc><desc class=\"x \">73.7538461538</desc><desc class=\"y \">85.9961538462</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"135.215384615\" cy=\"85.5019230769\" r=\"2.5\" /><desc class=\"value\">84.7</desc><desc class=\"x \">135.215384615</desc><desc class=\"y \">85.5019230769</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"196.676923077\" cy=\"53.8711538462\" r=\"2.5\" /><desc class=\"value\">91.1</desc><desc class=\"x \">196.676923077</desc><desc class=\"y \">53.8711538462</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"258.138461538\" cy=\"54.3653846154\" r=\"2.5\" /><desc class=\"value\">91</desc><desc class=\"x \">258.138461538</desc><desc class=\"y \">54.3653846154</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"319.6\" cy=\"61.2846153846\" r=\"2.5\" /><desc class=\"value\">89.6</desc><desc class=\"x \">319.6</desc><desc class=\"y \">61.2846153846</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"381.061538462\" cy=\"53.8711538462\" r=\"2.5\" /><desc class=\"value\">91.1</desc><desc class=\"x left\">381.061538462</desc><desc class=\"y left\">53.8711538462</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"442.523076923\" cy=\"38.55\" r=\"2.5\" /><desc class=\"value\">94.2</desc><desc class=\"x left\">442.523076923</desc><desc class=\"y left\">38.55</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"503.984615385\" cy=\"42.9980769231\" r=\"2.5\" /><desc class=\"value\">93.3</desc><desc class=\"x left\">503.984615385</desc><desc class=\"y left\">42.9980769231</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"565.446153846\" cy=\"43.4923076923\" r=\"2.5\" /><desc class=\"value\">93.2</desc><desc class=\"x left\">565.446153846</desc><desc class=\"y left\">43.4923076923</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"626.907692308\" cy=\"46.9519230769\" r=\"2.5\" /><desc class=\"value\">92.5</desc><desc class=\"x left\">626.907692308</desc><desc class=\"y left\">46.9519230769</desc></g></g><g class=\"series serie-3 color-3\"><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"12.2923076923\" cy=\"9.88461538462\" r=\"2.5\" /><desc class=\"value\">100.0</desc><desc class=\"x \">12.2923076923</desc><desc class=\"y \">9.88461538462</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"73.7538461538\" cy=\"9.88461538462\" r=\"2.5\" /><desc class=\"value\">100.0</desc><desc class=\"x \">73.7538461538</desc><desc class=\"y \">9.88461538462</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"135.215384615\" cy=\"9.88461538462\" r=\"2.5\" /><desc class=\"value\">100.0</desc><desc class=\"x \">135.215384615</desc><desc class=\"y \">9.88461538462</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"196.676923077\" cy=\"9.88461538462\" r=\"2.5\" /><desc class=\"value\">100.0</desc><desc class=\"x \">196.676923077</desc><desc class=\"y \">9.88461538462</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"258.138461538\" cy=\"9.88461538462\" r=\"2.5\" /><desc class=\"value\">100</desc><desc class=\"x \">258.138461538</desc><desc class=\"y \">9.88461538462</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"319.6\" cy=\"9.88461538462\" r=\"2.5\" /><desc class=\"value\">100.0</desc><desc class=\"x \">319.6</desc><desc class=\"y \">9.88461538462</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"381.061538462\" cy=\"9.88461538462\" r=\"2.5\" /><desc class=\"value\">100.0</desc><desc class=\"x left\">381.061538462</desc><desc class=\"y left\">9.88461538462</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"442.523076923\" cy=\"9.88461538462\" r=\"2.5\" /><desc class=\"value\">100.0</desc><desc class=\"x left\">442.523076923</desc><desc class=\"y left\">9.88461538462</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"503.984615385\" cy=\"9.88461538462\" r=\"2.5\" /><desc class=\"value\">100.0</desc><desc class=\"x left\">503.984615385</desc><desc class=\"y left\">9.88461538462</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"565.446153846\" cy=\"9.88461538462\" r=\"2.5\" /><desc class=\"value\">100.0</desc><desc class=\"x left\">565.446153846</desc><desc class=\"y left\">9.88461538462</desc></g><g class=\"dots\"><circle class=\"dot reactive tooltip-trigger\" cx=\"626.907692308\" cy=\"9.88461538462\" r=\"2.5\" /><desc class=\"value\">100.0</desc><desc class=\"x left\">626.907692308</desc><desc class=\"y left\">9.88461538462</desc></g></g></g><g class=\"plot text-overlay\" transform=\"translate(140, 46)\"><g class=\"series serie-0 color-0\"><text class=\"centered\" x=\"20.2923076923\" y=\"514.782051282\" /><text class=\"centered\" x=\"81.7538461538\" y=\"514.782051282\" /><text class=\"centered\" x=\"143.215384615\" y=\"514.782051282\" /><text class=\"centered\" x=\"204.676923077\" y=\"432.73974359\">16.6</text><text class=\"centered\" x=\"266.138461538\" y=\"391.224358974\">25</text><text class=\"centered\" x=\"327.6\" y=\"361.570512821\">31</text><text class=\"centered\" x=\"389.061538462\" y=\"334.882051282\">36.4</text><text class=\"centered\" x=\"450.523076923\" y=\"289.907051282\">45.5</text><text class=\"centered\" x=\"511.984615385\" y=\"285.953205128\">46.3</text><text class=\"centered\" x=\"573.446153846\" y=\"303.251282051\">42.8</text><text class=\"centered\" x=\"634.907692308\" y=\"331.422435897\">37.1</text></g><g class=\"series serie-1 color-1\"><text class=\"centered\" x=\"20.2923076923\" y=\"514.782051282\" /><text class=\"centered\" x=\"81.7538461538\" y=\"514.782051282\" /><text class=\"centered\" x=\"143.215384615\" y=\"514.782051282\" /><text class=\"centered\" x=\"204.676923077\" y=\"432.73974359\">16.6</text><text class=\"centered\" x=\"266.138461538\" y=\"391.224358974\">25</text><text class=\"centered\" x=\"327.6\" y=\"361.570512821\">31</text><text class=\"centered\" x=\"389.061538462\" y=\"334.882051282\">36.4</text><text class=\"centered\" x=\"450.523076923\" y=\"270.632051282\">49.4</text><text class=\"centered\" x=\"511.984615385\" y=\"232.576282051\">57.1</text><text class=\"centered\" x=\"573.446153846\" y=\"185.624358974\">66.6</text><text class=\"centered\" x=\"634.907692308\" y=\"156.958974359\">72.4</text></g><g class=\"series serie-2 color-2\"><text class=\"centered\" x=\"20.2923076923\" y=\"90.7320512821\">85.8</text><text class=\"centered\" x=\"81.7538461538\" y=\"96.6628205128\">84.6</text><text class=\"centered\" x=\"143.215384615\" y=\"96.1685897436\">84.7</text><text class=\"centered\" x=\"204.676923077\" y=\"64.5378205128\">91.1</text><text class=\"centered\" x=\"266.138461538\" y=\"65.0320512821\">91</text><text class=\"centered\" x=\"327.6\" y=\"71.9512820513\">89.6</text><text class=\"centered\" x=\"389.061538462\" y=\"64.5378205128\">91.1</text><text class=\"centered\" x=\"450.523076923\" y=\"49.2166666667\">94.2</text><text class=\"centered\" x=\"511.984615385\" y=\"53.6647435897\">93.3</text><text class=\"centered\" x=\"573.446153846\" y=\"54.158974359\">93.2</text><text class=\"centered\" x=\"634.907692308\" y=\"57.6185897436\">92.5</text></g><g class=\"series serie-3 color-3\"><text class=\"centered\" x=\"20.2923076923\" y=\"20.5512820513\">100.0</text><text class=\"centered\" x=\"81.7538461538\" y=\"20.5512820513\">100.0</text><text class=\"centered\" x=\"143.215384615\" y=\"20.5512820513\">100.0</text><text class=\"centered\" x=\"204.676923077\" y=\"20.5512820513\">100.0</text><text class=\"centered\" x=\"266.138461538\" y=\"20.5512820513\">100</text><text class=\"centered\" x=\"327.6\" y=\"20.5512820513\">100.0</text><text class=\"centered\" x=\"389.061538462\" y=\"20.5512820513\">100.0</text><text class=\"centered\" x=\"450.523076923\" y=\"20.5512820513\">100.0</text><text class=\"centered\" x=\"511.984615385\" y=\"20.5512820513\">100.0</text><text class=\"centered\" x=\"573.446153846\" y=\"20.5512820513\">100.0</text><text class=\"centered\" x=\"634.907692308\" y=\"20.5512820513\">100.0</text></g></g><g class=\"plot tooltip-overlay\" transform=\"translate(140, 46)\"><g class=\"tooltip\" style=\"opacity: 0\" transform=\"translate(0 0)\"><a><rect class=\"tooltip-box\" height=\"0\" rx=\"0\" ry=\"0\" width=\"0\" /><text class=\"text\"><tspan class=\"label\" /><tspan class=\"value\" /></text></a></g></g><g class=\"legends\" transform=\"translate(10, 56)\"><g class=\"legend reactive activate-serie\" id=\"activate-serie-0\"><rect class=\"color-0 reactive\" height=\"12\" width=\"12\" x=\"0.0\" y=\"1.0\" /><text x=\"17.0\" y=\"11.2\">Firefox</text></g><g class=\"legend reactive activate-serie\" id=\"activate-serie-1\"><rect class=\"color-1 reactive\" height=\"12\" width=\"12\" x=\"0.0\" y=\"22.0\" /><text x=\"17.0\" y=\"32.2\">Chrome</text></g><g class=\"legend reactive activate-serie\" id=\"activate-serie-2\"><rect class=\"color-2 reactive\" height=\"12\" width=\"12\" x=\"0.0\" y=\"43.0\" /><text x=\"17.0\" y=\"53.2\">IE</text></g><g class=\"legend reactive activate-serie\" id=\"activate-serie-3\"><rect class=\"color-3 reactive\" height=\"12\" width=\"12\" x=\"0.0\" y=\"64.0\" /><text x=\"17.0\" y=\"74.2\">Others</text></g></g><g class=\"legends\" transform=\"translate(790, 56)\" /></g></svg>\n",
" </figure>\n",
" </body>\n",
"</html>\n"
],
"metadata": {},
"output_type": "pyout",
"prompt_number": 21,
"text": [
"<IPython.core.display.HTML at 0x7fd3bacad1d0>"
]
}
],
"prompt_number": 21
}
],
"metadata": {}
}
]
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment