{
 "cells": [
  {
   "cell_type": "code",
   "execution_count": 1,
   "metadata": {
    "collapsed": true
   },
   "outputs": [],
   "source": [
    "import sys\n",
    "reload(sys)\n",
    "sys.setdefaultencoding('UTF8')"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "'IPython.core.display'"
      ]
     },
     "execution_count": 2,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "from __future__ import unicode_literals\n",
    "\n",
    "%matplotlib inline\n",
    "from IPython.display import SVG, HTML"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 3,
   "metadata": {
    "collapsed": false
   },
   "outputs": [],
   "source": [
    "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",
    "\"\"\""
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 4,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/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\" xmlns=\"http://www.w3.org/2000/svg\" id=\"chart-c65b15e9-ca3c-449f-b285-c9f9676cddff\" class=\"pygal-chart\" viewBox=\"0 0 800 600\"><!--Generated with pygal 2.1.1 (lxml) ©Kozea 2011-2015 on 2016-02-18--><!--http://pygal.org--><!--http://github.com/Kozea/pygal--><defs><style type=\"text/css\">#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff{-webkit-user-select:none;-webkit-font-smoothing:antialiased;font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .title{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:16px}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .legends .legend text{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:14px}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .axis text{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:10px}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .axis text.major{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:10px}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .text-overlay text.value{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:16px}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .text-overlay text.label{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:10px}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .tooltip{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:14px}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff text.no_data{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:64px}\n",
       "#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff{background-color:rgba(249,249,249,1)}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff path,#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff line,#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff rect,#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff circle{-webkit-transition:150ms;-moz-transition:150ms;transition:150ms}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .graph &gt; .background{fill:rgba(249,249,249,1)}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .plot &gt; .background{fill:rgba(255,255,255,1)}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .graph{fill:rgba(0,0,0,.87)}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff text.no_data{fill:rgba(0,0,0,1)}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .title{fill:rgba(0,0,0,1)}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .legends .legend text{fill:rgba(0,0,0,.87)}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .legends .legend:hover text{fill:rgba(0,0,0,1)}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .axis .line{stroke:rgba(0,0,0,1)}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .axis .guide.line{stroke:rgba(0,0,0,.54)}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .axis .major.line{stroke:rgba(0,0,0,.87)}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .axis text.major{fill:rgba(0,0,0,1)}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .axis.y .guides:hover .guide.line,#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .line-graph .axis.x .guides:hover .guide.line,#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .stackedline-graph .axis.x .guides:hover .guide.line,#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .xy-graph .axis.x .guides:hover .guide.line{stroke:rgba(0,0,0,1)}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .axis .guides:hover text{fill:rgba(0,0,0,1)}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .reactive{fill-opacity:.7}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .ci{stroke:rgba(0,0,0,.87)}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .reactive.active,#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .active .reactive{fill-opacity:.8;stroke-width:4}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .series text{fill:rgba(0,0,0,1)}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .tooltip rect{fill:rgba(255,255,255,1);stroke:rgba(0,0,0,1);-webkit-transition:opacity 150ms;-moz-transition:opacity 150ms;transition:opacity 150ms}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .tooltip .label{fill:rgba(0,0,0,.87)}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .tooltip .label{fill:rgba(0,0,0,.87)}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .tooltip .legend{font-size:.8em;fill:rgba(0,0,0,.54)}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .tooltip .x_label{font-size:.6em;fill:rgba(0,0,0,1)}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .tooltip .xlink{font-size:.5em;text-decoration:underline}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .tooltip .value{font-size:1.5em}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .map-element{fill:rgba(255,255,255,1);stroke:rgba(0,0,0,.54) !important}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .map-element .reactive{fill-opacity:inherit}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .color-0,#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .color-0 a:visited{stroke:#F44336;fill:#F44336}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .color-1,#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .color-1 a:visited{stroke:#3F51B5;fill:#3F51B5}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .color-2,#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .color-2 a:visited{stroke:#009688;fill:#009688}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .color-3,#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .color-3 a:visited{stroke:#FFC107;fill:#FFC107}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .text-overlay .color-0 text{fill:black}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .text-overlay .color-1 text{fill:black}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .text-overlay .color-2 text{fill:black}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .text-overlay .color-3 text{fill:black}\n",
       "#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff text.no_data{text-anchor:middle}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .guide.line{fill:none}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .centered{text-anchor:middle}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .title{text-anchor:middle}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .legends .legend text{fill-opacity:1}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .axis.x text{text-anchor:middle}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .axis.x:not(.web) text[transform]{text-anchor:start}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .axis.x:not(.web) text[transform].backwards{text-anchor:end}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .axis.y text{text-anchor:end}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .axis.y text[transform].backwards{text-anchor:start}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .axis.y2 text{text-anchor:start}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .axis.y2 text[transform].backwards{text-anchor:end}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .axis .guide.line{stroke-dasharray:4,4}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .axis .major.guide.line{stroke-dasharray:6,6}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .horizontal .axis.y .guide.line,#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .horizontal .axis.y2 .guide.line,#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .vertical .axis.x .guide.line{opacity:0}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .horizontal .axis.always_show .guide.line,#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .vertical .axis.always_show .guide.line{opacity:1 !important}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .axis.y .guides:hover .guide.line,#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .axis.y2 .guides:hover .guide.line,#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .axis.x .guides:hover .guide.line{opacity:1}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .axis .guides:hover text{opacity:1}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .nofill{fill:none}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .subtle-fill{fill-opacity:.2}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .dot{stroke-width:1px;fill-opacity:1}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .dot.active{stroke-width:5px}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .dot.negative{fill:transparent}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff text,#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff tspan{stroke:none !important}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .series text.active{opacity:1}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .tooltip rect{fill-opacity:.95;stroke-width:.5}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .tooltip text{fill-opacity:1}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .showable{visibility:hidden}#chart-c65b15e9-ca3c-449f-b285-c9f9676cddff .showable.shown{visibility:visible}</style><script type=\"text/javascript\">window.pygal = window.pygal || {};window.pygal.config = window.pygal.config || {};window.pygal.config['c65b15e9-ca3c-449f-b285-c9f9676cddff'] = {\"dynamic_print_values\": false, \"y_labels_major_every\": null, \"y_labels_major_count\": null, \"inner_radius\": 0, \"print_values\": false, \"xrange\": null, \"box_mode\": \"extremes\", \"title\": \"Browser usage evolution (in %)\", \"legend_at_bottom_columns\": null, \"height\": 600, \"legend_at_bottom\": false, \"show_legend\": true, \"show_dots\": true, \"explicit_size\": false, \"y_labels_major\": null, \"show_minor_x_labels\": true, \"width\": 800, \"force_uri_protocol\": null, \"half_pie\": false, \"style\": {\"major_label_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"title_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"tooltip_font_size\": 14, \"legend_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"colors\": [\"#F44336\", \"#3F51B5\", \"#009688\", \"#FFC107\", \"#FF5722\", \"#9C27B0\", \"#03A9F4\", \"#8BC34A\", \"#FF9800\", \"#E91E63\", \"#2196F3\", \"#4CAF50\", \"#FFEB3B\", \"#673AB7\", \"#00BCD4\", \"#CDDC39\", \"#795548\", \"#9E9E9E\", \"#607D8B\"], \"legend_font_size\": 14, \"no_data_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"major_label_font_size\": 10, \"ci_colors\": [], \"label_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"label_font_size\": 10, \"value_font_size\": 16, \"font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"opacity\": \".7\", \"foreground\": \"rgba(0, 0, 0, .87)\", \"plot_background\": \"rgba(255, 255, 255, 1)\", \"value_label_font_size\": 10, \"value_label_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"background\": \"rgba(249, 249, 249, 1)\", \"no_data_font_size\": 64, \"value_colors\": [], \"guide_stroke_dasharray\": \"4,4\", \"transition\": \"150ms\", \"foreground_subtle\": \"rgba(0, 0, 0, .54)\", \"value_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"tooltip_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"title_font_size\": 16, \"major_guide_stroke_dasharray\": \"6,6\", \"opacity_hover\": \".8\", \"foreground_strong\": \"rgba(0, 0, 0, 1)\"}, \"x_label_rotation\": 0, \"missing_value_fill_truncation\": \"x\", \"legends\": [\"Firefox\", \"Chrome\", \"IE\", \"Others\"], \"zero\": 0, \"margin_right\": null, \"interpolation_parameters\": {}, \"x_labels_major\": null, \"rounded_bars\": null, \"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\"], \"y_title\": null, \"order_min\": null, \"fill\": false, \"disable_xml_declaration\": false, \"strict\": false, \"css\": [\"file://style.css\", \"file://graph.css\"], \"tooltip_fancy_mode\": true, \"defs\": [], \"show_only_major_dots\": false, \"y_label_rotation\": 0, \"human_readable\": false, \"min_scale\": 4, \"show_x_guides\": false, \"spacing\": 10, \"x_labels_major_count\": null, \"pretty_print\": false, \"tooltip_border_radius\": 0, \"interpolate\": null, \"js\": [\"//kozea.github.io/pygal.js/2.0.x/pygal-tooltips.min.js\"], \"y_labels\": null, \"stroke_style\": null, \"print_labels\": false, \"interpolation_precision\": 250, \"x_title\": null, \"value_formatter\": null, \"logarithmic\": false, \"max_scale\": 16, \"print_zeroes\": true, \"no_data_text\": \"No data\", \"truncate_legend\": null, \"x_labels_major_every\": null, \"secondary_range\": null, \"legend_box_size\": 12, \"no_prefix\": false, \"stroke\": true, \"x_value_formatter\": null, \"include_x_axis\": false, \"range\": null, \"truncate_label\": null, \"margin_top\": null, \"margin_left\": null, \"show_x_labels\": true, \"margin_bottom\": null, \"inverse_y_axis\": false, \"margin\": 20, \"stack_from_top\": false, \"print_values_position\": \"center\"}</script><script type=\"text/javascript\" xlink:href=\"//kozea.github.io/pygal.js/2.0.x/pygal-tooltips.min.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><title>0.0</title></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><title>10.0</title></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><title>20.0</title></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><title>30.0</title></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><title>40.0</title></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><title>50.0</title></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><title>60.0</title></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><title>70.0</title></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><title>80.0</title></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><desc class=\"x_label\">2004</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><desc class=\"x_label\">2005</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><desc class=\"x_label\">2006</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><desc class=\"x_label\">2007</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><desc class=\"x_label\">2008</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><desc class=\"x_label\">2009</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><desc class=\"x_label\">2010</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><desc class=\"x_label\">2011</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><desc class=\"x_label\">2012</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><desc class=\"x_label\">2008</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><desc class=\"x_label\">2009</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><desc class=\"x_label\">2010</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><desc class=\"x_label\">2011</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><desc class=\"x_label\">2012</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><desc class=\"x_label\">2002</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><desc class=\"x_label\">2003</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><desc class=\"x_label\">2004</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><desc class=\"x_label\">2005</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><desc class=\"x_label\">2006</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><desc class=\"x_label\">2007</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><desc class=\"x_label\">2008</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><desc class=\"x_label\">2009</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><desc class=\"x_label\">2010</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><desc class=\"x_label\">2011</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><desc class=\"x_label\">2012</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><desc class=\"x_label\">2002</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><desc class=\"x_label\">2003</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><desc class=\"x_label\">2004</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><desc class=\"x_label\">2005</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><desc class=\"x_label\">2006</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><desc class=\"x_label\">2007</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><desc class=\"x_label\">2008</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><desc class=\"x_label\">2009</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><desc class=\"x_label\">2010</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><desc class=\"x_label\">2011</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><desc class=\"x_label\">2012</desc></g></g></g><g class=\"plot text-overlay\" transform=\"translate(134, 46)\"><g class=\"series serie-0 color-0\"/><g class=\"series serie-1 color-1\"/><g class=\"series serie-2 color-2\"/><g class=\"series serie-3 color-3\"/></g><g class=\"plot tooltip-overlay\" transform=\"translate(134, 46)\"><g class=\"tooltip\" style=\"opacity: 0\" transform=\"translate(0 0)\"><rect class=\"tooltip-box\" height=\"0\" rx=\"0\" ry=\"0\" width=\"0\"/><g class=\"text\"/></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"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "execution_count": 4,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "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()))"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 5,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/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\" xmlns=\"http://www.w3.org/2000/svg\" id=\"chart-40ecca7c-037a-4a76-bcc3-83af49431ebe\" class=\"pygal-chart\" viewBox=\"0 0 800 600\"><!--Generated with pygal 2.1.1 (lxml) ©Kozea 2011-2015 on 2016-02-18--><!--http://pygal.org--><!--http://github.com/Kozea/pygal--><defs><style type=\"text/css\">#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe{-webkit-user-select:none;-webkit-font-smoothing:antialiased;font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .title{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:16px}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .legends .legend text{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:14px}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .axis text{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:10px}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .axis text.major{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:10px}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .text-overlay text.value{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:16px}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .text-overlay text.label{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:10px}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .tooltip{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:14px}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe text.no_data{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:64px}\n",
       "#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe{background-color:rgba(249,249,249,1)}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe path,#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe line,#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe rect,#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe circle{-webkit-transition:150ms;-moz-transition:150ms;transition:150ms}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .graph &gt; .background{fill:rgba(249,249,249,1)}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .plot &gt; .background{fill:rgba(255,255,255,1)}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .graph{fill:rgba(0,0,0,.87)}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe text.no_data{fill:rgba(0,0,0,1)}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .title{fill:rgba(0,0,0,1)}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .legends .legend text{fill:rgba(0,0,0,.87)}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .legends .legend:hover text{fill:rgba(0,0,0,1)}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .axis .line{stroke:rgba(0,0,0,1)}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .axis .guide.line{stroke:rgba(0,0,0,.54)}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .axis .major.line{stroke:rgba(0,0,0,.87)}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .axis text.major{fill:rgba(0,0,0,1)}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .axis.y .guides:hover .guide.line,#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .line-graph .axis.x .guides:hover .guide.line,#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .stackedline-graph .axis.x .guides:hover .guide.line,#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .xy-graph .axis.x .guides:hover .guide.line{stroke:rgba(0,0,0,1)}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .axis .guides:hover text{fill:rgba(0,0,0,1)}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .reactive{fill-opacity:.7}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .ci{stroke:rgba(0,0,0,.87)}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .reactive.active,#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .active .reactive{fill-opacity:.8;stroke-width:4}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .series text{fill:rgba(0,0,0,1)}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .tooltip rect{fill:rgba(255,255,255,1);stroke:rgba(0,0,0,1);-webkit-transition:opacity 150ms;-moz-transition:opacity 150ms;transition:opacity 150ms}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .tooltip .label{fill:rgba(0,0,0,.87)}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .tooltip .label{fill:rgba(0,0,0,.87)}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .tooltip .legend{font-size:.8em;fill:rgba(0,0,0,.54)}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .tooltip .x_label{font-size:.6em;fill:rgba(0,0,0,1)}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .tooltip .xlink{font-size:.5em;text-decoration:underline}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .tooltip .value{font-size:1.5em}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .map-element{fill:rgba(255,255,255,1);stroke:rgba(0,0,0,.54) !important}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .map-element .reactive{fill-opacity:inherit}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .color-0,#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .color-0 a:visited{stroke:#F44336;fill:#F44336}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .color-1,#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .color-1 a:visited{stroke:#3F51B5;fill:#3F51B5}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .color-2,#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .color-2 a:visited{stroke:#009688;fill:#009688}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .color-3,#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .color-3 a:visited{stroke:#FFC107;fill:#FFC107}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .text-overlay .color-0 text{fill:black}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .text-overlay .color-1 text{fill:black}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .text-overlay .color-2 text{fill:black}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .text-overlay .color-3 text{fill:black}\n",
       "#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe text.no_data{text-anchor:middle}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .guide.line{fill:none}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .centered{text-anchor:middle}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .title{text-anchor:middle}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .legends .legend text{fill-opacity:1}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .axis.x text{text-anchor:middle}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .axis.x:not(.web) text[transform]{text-anchor:start}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .axis.x:not(.web) text[transform].backwards{text-anchor:end}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .axis.y text{text-anchor:end}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .axis.y text[transform].backwards{text-anchor:start}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .axis.y2 text{text-anchor:start}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .axis.y2 text[transform].backwards{text-anchor:end}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .axis .guide.line{stroke-dasharray:4,4}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .axis .major.guide.line{stroke-dasharray:6,6}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .horizontal .axis.y .guide.line,#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .horizontal .axis.y2 .guide.line,#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .vertical .axis.x .guide.line{opacity:0}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .horizontal .axis.always_show .guide.line,#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .vertical .axis.always_show .guide.line{opacity:1 !important}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .axis.y .guides:hover .guide.line,#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .axis.y2 .guides:hover .guide.line,#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .axis.x .guides:hover .guide.line{opacity:1}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .axis .guides:hover text{opacity:1}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .nofill{fill:none}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .subtle-fill{fill-opacity:.2}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .dot{stroke-width:1px;fill-opacity:1}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .dot.active{stroke-width:5px}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .dot.negative{fill:transparent}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe text,#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe tspan{stroke:none !important}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .series text.active{opacity:1}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .tooltip rect{fill-opacity:.95;stroke-width:.5}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .tooltip text{fill-opacity:1}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .showable{visibility:hidden}#chart-40ecca7c-037a-4a76-bcc3-83af49431ebe .showable.shown{visibility:visible}</style><script type=\"text/javascript\">window.pygal = window.pygal || {};window.pygal.config = window.pygal.config || {};window.pygal.config['40ecca7c-037a-4a76-bcc3-83af49431ebe'] = {\"dynamic_print_values\": false, \"y_labels_major_every\": null, \"y_labels_major_count\": null, \"inner_radius\": 0, \"print_values\": false, \"xrange\": null, \"box_mode\": \"extremes\", \"title\": \"Browser usage evolution (in %)\", \"legend_at_bottom_columns\": null, \"height\": 600, \"legend_at_bottom\": false, \"show_legend\": true, \"show_dots\": true, \"explicit_size\": false, \"y_labels_major\": null, \"show_minor_x_labels\": true, \"width\": 800, \"force_uri_protocol\": null, \"half_pie\": false, \"style\": {\"major_label_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"title_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"tooltip_font_size\": 14, \"legend_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"colors\": [\"#F44336\", \"#3F51B5\", \"#009688\", \"#FFC107\", \"#FF5722\", \"#9C27B0\", \"#03A9F4\", \"#8BC34A\", \"#FF9800\", \"#E91E63\", \"#2196F3\", \"#4CAF50\", \"#FFEB3B\", \"#673AB7\", \"#00BCD4\", \"#CDDC39\", \"#795548\", \"#9E9E9E\", \"#607D8B\"], \"legend_font_size\": 14, \"no_data_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"major_label_font_size\": 10, \"ci_colors\": [], \"label_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"label_font_size\": 10, \"value_font_size\": 16, \"font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"opacity\": \".7\", \"foreground\": \"rgba(0, 0, 0, .87)\", \"plot_background\": \"rgba(255, 255, 255, 1)\", \"value_label_font_size\": 10, \"value_label_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"background\": \"rgba(249, 249, 249, 1)\", \"no_data_font_size\": 64, \"value_colors\": [], \"guide_stroke_dasharray\": \"4,4\", \"transition\": \"150ms\", \"foreground_subtle\": \"rgba(0, 0, 0, .54)\", \"value_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"tooltip_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"title_font_size\": 16, \"major_guide_stroke_dasharray\": \"6,6\", \"opacity_hover\": \".8\", \"foreground_strong\": \"rgba(0, 0, 0, 1)\"}, \"x_label_rotation\": 0, \"missing_value_fill_truncation\": \"x\", \"legends\": [\"Firefox\", \"Chrome\", \"IE\", \"Others\"], \"zero\": 0, \"margin_right\": null, \"interpolation_parameters\": {}, \"x_labels_major\": null, \"rounded_bars\": null, \"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\"], \"y_title\": null, \"order_min\": null, \"fill\": true, \"disable_xml_declaration\": false, \"strict\": false, \"css\": [\"file://style.css\", \"file://graph.css\"], \"tooltip_fancy_mode\": true, \"defs\": [], \"show_only_major_dots\": false, \"y_label_rotation\": 0, \"human_readable\": false, \"min_scale\": 4, \"show_x_guides\": false, \"spacing\": 10, \"x_labels_major_count\": null, \"pretty_print\": false, \"tooltip_border_radius\": 0, \"interpolate\": null, \"js\": [\"//kozea.github.io/pygal.js/2.0.x/pygal-tooltips.min.js\"], \"y_labels\": null, \"stroke_style\": null, \"print_labels\": false, \"interpolation_precision\": 250, \"x_title\": null, \"value_formatter\": null, \"logarithmic\": false, \"max_scale\": 16, \"print_zeroes\": true, \"no_data_text\": \"No data\", \"truncate_legend\": null, \"x_labels_major_every\": null, \"secondary_range\": null, \"legend_box_size\": 12, \"no_prefix\": false, \"stroke\": true, \"x_value_formatter\": null, \"include_x_axis\": false, \"range\": null, \"truncate_label\": null, \"margin_top\": null, \"margin_left\": null, \"show_x_labels\": true, \"margin_bottom\": null, \"inverse_y_axis\": false, \"margin\": 20, \"stack_from_top\": false, \"print_values_position\": \"center\"}</script><script type=\"text/javascript\" xlink:href=\"//kozea.github.io/pygal.js/2.0.x/pygal-tooltips.min.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><title>0.0</title></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><title>10.0</title></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><title>20.0</title></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><title>30.0</title></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><title>40.0</title></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><title>50.0</title></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><title>60.0</title></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><title>70.0</title></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><title>80.0</title></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><title>90.0</title></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><title>100.0</title></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><desc class=\"x_label\">2002</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><desc class=\"x_label\">2003</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><desc class=\"x_label\">2004</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><desc class=\"x_label\">2005</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><desc class=\"x_label\">2006</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><desc class=\"x_label\">2007</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><desc class=\"x_label\">2008</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><desc class=\"x_label\">2009</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><desc class=\"x_label\">2010</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><desc class=\"x_label\">2011</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><desc class=\"x_label\">2012</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><desc class=\"x_label\">2002</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><desc class=\"x_label\">2003</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><desc class=\"x_label\">2004</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><desc class=\"x_label\">2005</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><desc class=\"x_label\">2006</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><desc class=\"x_label\">2007</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><desc class=\"x_label\">2008</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><desc class=\"x_label\">2009</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><desc class=\"x_label\">2010</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><desc class=\"x_label\">2011</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><desc class=\"x_label\">2012</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><desc class=\"x_label\">2002</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><desc class=\"x_label\">2003</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><desc class=\"x_label\">2004</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><desc class=\"x_label\">2005</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><desc class=\"x_label\">2006</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><desc class=\"x_label\">2007</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><desc class=\"x_label\">2008</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><desc class=\"x_label\">2009</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><desc class=\"x_label\">2010</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><desc class=\"x_label\">2011</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><desc class=\"x_label\">2012</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><desc class=\"x_label\">2002</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><desc class=\"x_label\">2003</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><desc class=\"x_label\">2004</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><desc class=\"x_label\">2005</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><desc class=\"x_label\">2006</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><desc class=\"x_label\">2007</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><desc class=\"x_label\">2008</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><desc class=\"x_label\">2009</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><desc class=\"x_label\">2010</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><desc class=\"x_label\">2011</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><desc class=\"x_label\">2012</desc></g></g></g><g class=\"plot text-overlay\" transform=\"translate(140, 46)\"><g class=\"series serie-0 color-0\"/><g class=\"series serie-1 color-1\"/><g class=\"series serie-2 color-2\"/><g class=\"series serie-3 color-3\"/></g><g class=\"plot tooltip-overlay\" transform=\"translate(140, 46)\"><g class=\"tooltip\" style=\"opacity: 0\" transform=\"translate(0 0)\"><rect class=\"tooltip-box\" height=\"0\" rx=\"0\" ry=\"0\" width=\"0\"/><g class=\"text\"/></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"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "execution_count": 5,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "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()))"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {
    "collapsed": true
   },
   "outputs": [],
   "source": []
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {
    "collapsed": true
   },
   "outputs": [],
   "source": []
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 2",
   "language": "python",
   "name": "python2"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 2
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython2",
   "version": "2.7.8"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 0
}
