images/latest/barChartStacked.svg

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="vectual" width="400px" height="300px" viewBox="0 0 400 300"><style>
/*===== SVG =====*/
svg.vectual{display:inline-block}

.vectual_background{fill:rgb(50, 50, 50)}

.vectual_title{font-size:20px;font-family:Arial, sans-serif;fill:white}

/*===== Inline =====*/
svg.vectual_inline{display:inline-block}

.vectual_inline_sparkline{fill:none;stroke:rgb(200, 200, 200);stroke-width:0.8}

.vectual_inline_sparkline_min{fill:red}

.vectual_inline_sparkline_max{fill:green}

/*===== Pie =====*/
.vectual_pie_sector_path{stroke:white}

.vectual_pie_text{font-family:Arial, sans-serif;font-weight:100}

.vectual_pie_text_single{stroke:black;fill:white}

/*===== Coordinate =====*/
.vectual_coordinate_axis_x{stroke:white;stroke-width:2}

.vectual_coordinate_labels_x{font-size:10px;line-height:12px;font-family:Arial, sans-serif;font-weight:100;fill:white}

.vectual_coordinate_lines_x{stroke:grey;stroke-width:1}

.vectual_coordinate_axis_y{stroke:white;stroke-width:2}

.vectual_coordinate_labels_y{fill:white;font-family:Arial, sans-serif;font-size:10px;font-weight:100;line-height:12px;text-anchor:end}

.vectual_coordinate_lines_y{stroke:grey;stroke-width:1}

/*===== Bar =====*/
.vectual_bars{fill:#9dfff9;stroke:gray}

/*Colors created with https://coolors.co*/
.vectual_bars0, .vectual_color_0{fill:#9dfff9;stroke:none}
.vectual_bars1, .vectual_color_1{fill:#ffc1cf;stroke:none}
.vectual_bars2, .vectual_color_2{fill:#e8ffb7;stroke:none}
.vectual_bars3, .vectual_color_3{fill:#f5c396;stroke:none}
.vectual_bars4, .vectual_color_4{fill:#93e5ab;stroke:none}
.vectual_bars5, .vectual_color_5{fill:#d3a588;stroke:none}
.vectual_bars6, .vectual_color_6{fill:#7f96ff;stroke:none}
.vectual_bars7, .vectual_color_7{fill:#f2f79e;stroke:none}
.vectual_bars8, .vectual_color_8{fill:#dbb3b1;stroke:none}
.vectual_bars9, .vectual_color_9{fill:#9ed67f;stroke:none}

/*===== Line =====*/
.vectual_line_line{fill:none;stroke:rgb(96, 255, 0);stroke-width:3;stroke-linejoin:round}

.vectual_line_dot{fill:rgb(96, 255, 0);stroke:rgb(96, 255, 0);stroke-width:0}

/*===== Scatter =====*/
.vectual_scatter_dot{fill:rgb(255, 0, 0);stroke:rgb(255, 0, 0)}

/*===== Tagcloud =====*/
.vectual_tagcloud_text{font-weight:500;font-family:Arial, sans-serif;fill:white}

/*===== Table =====*/
.vectual_table{background:none;font:200 12px/12px Arial, sans-serif;margin:10px 0 0 0}

.vectual_table th{background:rgb(150, 180, 180);padding:2px}

.vectual_table td{padding:2px}

.vectual_table tr:nth-child(odd){background-color:rgb(120, 120, 120)}

.vectual_table tr:nth-child(even){background-color:rgb(180, 180, 180)}

/*===== Map =====*/

/*Circles around small countries.*/
/*Change opacity to 1 to display all circles.*/
.vectual .circlexx{opacity:0;fill:#e0e0e0;stroke:#000000;stroke-width:0.5}

/*Smaller circles around French DOMs and Chinese SARs. Change opacity to 1 to display all subnational circles.*/
.vectual .subxx{opacity:0;stroke-width:0.3}

/*Circles around small, unrecognized countries. Change opacity to 1 to display all circles.*/
.vectual .unxx{opacity:0;fill:#e0e0e0;stroke:#000000;stroke-width:0.3}

/*Circles around small countries, but with no permanent residents. Change opacity to 1 to display all circles.*/
.vectual .noxx{opacity:0;fill:#e0e0e0;stroke:#000000;stroke-width:0.5}

/*land*/
.vectual .landxx{fill:rgb(230, 230, 230);stroke:rgb(50, 50, 50);stroke-width:0.5;fill-rule:evenodd}

/*Styles for coastlines of islands with no borders*/
.vectual .coastxx{fill:rgb(230, 230, 230);stroke:#ffffff;stroke-width:0.3;fill-rule:evenodd}

/*Styles for nations with limited recognition*/
.vectual .limitxx{fill:rgb(230, 230, 230);stroke:#ffffff;stroke-width:0;fill-rule:evenodd}

/*Styles for nations with no permanent population.*/
.vectual .antxx{fill:rgb(230, 230, 230);stroke:#ffffff;stroke-width:0;fill-rule:evenodd}

/*Ocean*/
.vectual .oceanxx{opacity:1;color:blue;fill:#ffffff;stroke:#000;stroke-width:0.5;stroke-miterlimit:1}
</style><rect class="vectual_background" width="400" height="300" rx="10" ry="10"></rect><g transform="translate(38,240)"><g><g><line class="vectual_coordinate_axis_y" x1="0" y1="5" x2="0" y2="-192"></line><text class="vectual_coordinate_labels_x" transform="rotate(40,0,10)" x="0" y="10">2020-W52-5</text></g><g><line class="vectual_coordinate_lines_y" x1="31.09090909090909" y1="5" x2="31.09090909090909" y2="-192"></line><text class="vectual_coordinate_labels_x" transform="rotate(40,31.09090909090909,10)" x="31.09090909090909" y="10">2020-W52-6</text></g><g><line class="vectual_coordinate_lines_y" x1="62.18181818181818" y1="5" x2="62.18181818181818" y2="-192"></line><text class="vectual_coordinate_labels_x" transform="rotate(40,62.18181818181818,10)" x="62.18181818181818" y="10">2020-W52-7</text></g><g><line class="vectual_coordinate_lines_y" x1="93.27272727272727" y1="5" x2="93.27272727272727" y2="-192"></line><text class="vectual_coordinate_labels_x" transform="rotate(40,93.27272727272727,10)" x="93.27272727272727" y="10">2020-W53-1</text></g><g><line class="vectual_coordinate_lines_y" x1="124.36363636363636" y1="5" x2="124.36363636363636" y2="-192"></line><text class="vectual_coordinate_labels_x" transform="rotate(40,124.36363636363636,10)" x="124.36363636363636" y="10">2020-W53-2</text></g><g><line class="vectual_coordinate_lines_y" x1="155.45454545454544" y1="5" x2="155.45454545454544" y2="-192"></line><text class="vectual_coordinate_labels_x" transform="rotate(40,155.45454545454544,10)" x="155.45454545454544" y="10">2020-W53-3</text></g><g><line class="vectual_coordinate_lines_y" x1="186.54545454545453" y1="5" x2="186.54545454545453" y2="-192"></line><text class="vectual_coordinate_labels_x" transform="rotate(40,186.54545454545453,10)" x="186.54545454545453" y="10">2020-W53-4</text></g><g><line class="vectual_coordinate_lines_y" x1="217.63636363636363" y1="5" x2="217.63636363636363" y2="-192"></line><text class="vectual_coordinate_labels_x" transform="rotate(40,217.63636363636363,10)" x="217.63636363636363" y="10">2020-W53-5</text></g><g><line class="vectual_coordinate_lines_y" x1="248.72727272727272" y1="5" x2="248.72727272727272" y2="-192"></line><text class="vectual_coordinate_labels_x" transform="rotate(40,248.72727272727272,10)" x="248.72727272727272" y="10">2020-W53-6</text></g><g><line class="vectual_coordinate_lines_y" x1="279.8181818181818" y1="5" x2="279.8181818181818" y2="-192"></line><text class="vectual_coordinate_labels_x" transform="rotate(40,279.8181818181818,10)" x="279.8181818181818" y="10">2020-W53-7</text></g><g><line class="vectual_coordinate_lines_y" x1="310.9090909090909" y1="5" x2="310.9090909090909" y2="-192"></line><text class="vectual_coordinate_labels_x" transform="rotate(40,310.9090909090909,10)" x="310.9090909090909" y="10">2021-W01-1</text></g><g><line class="vectual_coordinate_axis_x" x1="-5" y1="0" x2="342" y2="0"></line><text class="vectual_coordinate_labels_y" x="-10.26" y="3">0</text></g><g><line class="vectual_coordinate_lines_x" x1="-5" y1="-15.867768595041323" x2="342" y2="-15.867768595041323"></line><text class="vectual_coordinate_labels_y" x="-10.26" y="-12.867768595041323">10</text></g><g><line class="vectual_coordinate_lines_x" x1="-5" y1="-31.735537190082646" x2="342" y2="-31.735537190082646"></line><text class="vectual_coordinate_labels_y" x="-10.26" y="-28.735537190082646">20</text></g><g><line class="vectual_coordinate_lines_x" x1="-5" y1="-47.603305785123965" x2="342" y2="-47.603305785123965"></line><text class="vectual_coordinate_labels_y" x="-10.26" y="-44.603305785123965">30</text></g><g><line class="vectual_coordinate_lines_x" x1="-5" y1="-63.47107438016529" x2="342" y2="-63.47107438016529"></line><text class="vectual_coordinate_labels_y" x="-10.26" y="-60.47107438016529">40</text></g><g><line class="vectual_coordinate_lines_x" x1="-5" y1="-79.33884297520662" x2="342" y2="-79.33884297520662"></line><text class="vectual_coordinate_labels_y" x="-10.26" y="-76.33884297520662">50</text></g><g><line class="vectual_coordinate_lines_x" x1="-5" y1="-95.20661157024793" x2="342" y2="-95.20661157024793"></line><text class="vectual_coordinate_labels_y" x="-10.26" y="-92.20661157024793">60</text></g><g><line class="vectual_coordinate_lines_x" x1="-5" y1="-111.07438016528926" x2="342" y2="-111.07438016528926"></line><text class="vectual_coordinate_labels_y" x="-10.26" y="-108.07438016528926">70</text></g><g><line class="vectual_coordinate_lines_x" x1="-5" y1="-126.94214876033058" x2="342" y2="-126.94214876033058"></line><text class="vectual_coordinate_labels_y" x="-10.26" y="-123.94214876033058">80</text></g><g><line class="vectual_coordinate_lines_x" x1="-5" y1="-142.8099173553719" x2="342" y2="-142.8099173553719"></line><text class="vectual_coordinate_labels_y" x="-10.26" y="-139.8099173553719">90</text></g><g><line class="vectual_coordinate_lines_x" x1="-5" y1="-158.67768595041323" x2="342" y2="-158.67768595041323"></line><text class="vectual_coordinate_labels_y" x="-10.26" y="-155.67768595041323">100</text></g><g><line class="vectual_coordinate_lines_x" x1="-5" y1="-174.54545454545456" x2="342" y2="-174.54545454545456"></line><text class="vectual_coordinate_labels_y" x="-10.26" y="-171.54545454545456">110</text></g><g><line class="vectual_coordinate_lines_x" x1="-5" y1="-190.41322314049586" x2="342" y2="-190.41322314049586"></line><text class="vectual_coordinate_labels_y" x="-10.26" y="-187.41322314049586">120</text></g></g><g><g class="vectual_bars vectual_bars0"><rect x="5" height="79.33884297520662" width="21.763636363636362" transform="translate(0,-79.33884297520662)"><title>2020-12-25T12:00:00.000Z: 50</title></rect><rect x="36" height="50.77685950413223" width="21.763636363636362" transform="translate(0,-50.77685950413223)"><title>2020-12-26T12:00:00.000Z: 32</title></rect><rect x="67" height="17.454545454545453" width="21.763636363636362" transform="translate(0,-17.454545454545453)"><title>2020-12-27T12:00:00.000Z: 11</title></rect><rect x="98" height="36.49586776859504" width="21.763636363636362" transform="translate(0,-36.49586776859504)"><title>2020-12-28T12:00:00.000Z: 23</title></rect><rect x="129" height="20.62809917355372" width="21.763636363636362" transform="translate(0,-20.62809917355372)"><title>2020-12-29T12:00:00.000Z: 13</title></rect><rect x="160" height="109.48760330578513" width="21.763636363636362" transform="translate(0,-109.48760330578513)"><title>2020-12-30T12:00:00.000Z: 69</title></rect><rect x="191" height="41.25619834710744" width="21.763636363636362" transform="translate(0,-41.25619834710744)"><title>2020-12-31T12:00:00.000Z: 26</title></rect><rect x="222" height="55.53719008264463" width="21.763636363636362" transform="translate(0,-55.53719008264463)"><title>2021-01-01T12:00:00.000Z: 35</title></rect><rect x="253" height="88.85950413223141" width="21.763636363636362" transform="translate(0,-88.85950413223141)"><title>2021-01-02T12:00:00.000Z: 56</title></rect><rect x="284" height="53.9504132231405" width="21.763636363636362" transform="translate(0,-53.9504132231405)"><title>2021-01-03T12:00:00.000Z: 34</title></rect><rect x="315" height="103.14049586776859" width="21.763636363636362" transform="translate(0,-103.14049586776859)"><title>2021-01-04T12:00:00.000Z: 65</title></rect></g><g class="vectual_bars vectual_bars1"><rect x="5" height="79.33884297520662" width="21.763636363636362" transform="translate(0,-158.67768595041323)"><title>2020-12-25T12:00:00.000Z: 50</title></rect><rect x="36" height="25.388429752066116" width="21.763636363636362" transform="translate(0,-76.16528925619835)"><title>2020-12-26T12:00:00.000Z: 16</title></rect><rect x="67" height="46.01652892561984" width="21.763636363636362" transform="translate(0,-63.47107438016529)"><title>2020-12-27T12:00:00.000Z: 29</title></rect><rect x="98" height="14.28099173553719" width="21.763636363636362" transform="translate(0,-50.77685950413223)"><title>2020-12-28T12:00:00.000Z: 9</title></rect><rect x="129" height="7.933884297520661" width="21.763636363636362" transform="translate(0,-28.561983471074385)"><title>2020-12-29T12:00:00.000Z: 5</title></rect><rect x="160" height="55.53719008264463" width="21.763636363636362" transform="translate(0,-165.02479338842977)"><title>2020-12-30T12:00:00.000Z: 35</title></rect><rect x="191" height="92.03305785123968" width="21.763636363636362" transform="translate(0,-133.28925619834712)"><title>2020-12-31T12:00:00.000Z: 58</title></rect><rect x="222" height="20.62809917355372" width="21.763636363636362" transform="translate(0,-76.16528925619835)"><title>2021-01-01T12:00:00.000Z: 13</title></rect><rect x="253" height="39.66942148760331" width="21.763636363636362" transform="translate(0,-128.52892561983472)"><title>2021-01-02T12:00:00.000Z: 25</title></rect><rect x="284" height="60.29752066115702" width="21.763636363636362" transform="translate(0,-114.24793388429752)"><title>2021-01-03T12:00:00.000Z: 38</title></rect><rect x="315" height="69.81818181818181" width="21.763636363636362" transform="translate(0,-172.95867768595042)"><title>2021-01-04T12:00:00.000Z: 44</title></rect></g><g class="vectual_bars vectual_bars2"><rect x="5" height="19.041322314049587" width="21.763636363636362" transform="translate(0,-177.71900826446281)"><title>2020-12-25T12:00:00.000Z: 12</title></rect><rect x="36" height="19.041322314049587" width="21.763636363636362" transform="translate(0,-95.20661157024793)"><title>2020-12-26T12:00:00.000Z: 12</title></rect><rect x="67" height="19.041322314049587" width="21.763636363636362" transform="translate(0,-82.51239669421489)"><title>2020-12-27T12:00:00.000Z: 12</title></rect><rect x="98" height="19.041322314049587" width="21.763636363636362" transform="translate(0,-69.81818181818181)"><title>2020-12-28T12:00:00.000Z: 12</title></rect><rect x="129" height="19.041322314049587" width="21.763636363636362" transform="translate(0,-47.603305785123965)"><title>2020-12-29T12:00:00.000Z: 12</title></rect><rect x="160" height="19.041322314049587" width="21.763636363636362" transform="translate(0,-184.06611570247935)"><title>2020-12-30T12:00:00.000Z: 12</title></rect><rect x="191" height="19.041322314049587" width="21.763636363636362" transform="translate(0,-152.3305785123967)"><title>2020-12-31T12:00:00.000Z: 12</title></rect><rect x="222" height="19.041322314049587" width="21.763636363636362" transform="translate(0,-95.20661157024793)"><title>2021-01-01T12:00:00.000Z: 12</title></rect><rect x="253" height="19.041322314049587" width="21.763636363636362" transform="translate(0,-147.5702479338843)"><title>2021-01-02T12:00:00.000Z: 12</title></rect><rect x="284" height="19.041322314049587" width="21.763636363636362" transform="translate(0,-133.28925619834712)"><title>2021-01-03T12:00:00.000Z: 12</title></rect><rect x="315" height="19.041322314049587" width="21.763636363636362" transform="translate(0,-192)"><title>2021-01-04T12:00:00.000Z: 12</title></rect></g></g></g><text class="vectual_title" x="20" y="25" style="font-size:15px">Stacked Bar Chart</text></svg>