Skip to content

Instantly share code, notes, and snippets.

@michalskop

michalskop/distribution.svg

Last active August 29, 2015 14:04
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 michalskop/2cd5a32915568728adba to your computer and use it in GitHub Desktop.
Save michalskop/2cd5a32915568728adba to your computer and use it in GitHub Desktop.
Download ZIP
CZ: Salary distribution (FontAwesome chart)
Display the source blob
Display the rendered blob
Raw
distribution.svg
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="650" height="345" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"><![CDATA[
.axis path, .axis line { fill: none; stroke: rgb(0, 0, 0); shape-rendering: crispedges; }
line { stroke: rgb(255, 0, 0); stroke-width: 1px; }]]></style></defs><g transform="translate(20,20)"><g class="x axis" transform="translate(0,295)"><g class="tick" transform="translate(0,0)" style="opacity: 1;"><line y2="6" x2="0"></line><text y="9" x="0" dy=".71em" style="text-anchor: middle;">0</text></g><g class="tick" transform="translate(80,0)" style="opacity: 1;"><line y2="6" x2="0"></line><text y="9" x="0" dy=".71em" style="text-anchor: middle;">20,000</text></g><g class="tick" transform="translate(160,0)" style="opacity: 1;"><line y2="6" x2="0"></line><text y="9" x="0" dy=".71em" style="text-anchor: middle;">40,000</text></g><g class="tick" transform="translate(240,0)" style="opacity: 1;"><line y2="6" x2="0"></line><text y="9" x="0" dy=".71em" style="text-anchor: middle;">60,000</text></g><g class="tick" transform="translate(320,0)" style="opacity: 1;"><line y2="6" x2="0"></line><text y="9" x="0" dy=".71em" style="text-anchor: middle;">80,000</text></g><g class="tick" transform="translate(400,0)" style="opacity: 1;"><line y2="6" x2="0"></line><text y="9" x="0" dy=".71em" style="text-anchor: middle;">100,000</text></g><g class="tick" transform="translate(480,0)" style="opacity: 1;"><line y2="6" x2="0"></line><text y="9" x="0" dy=".71em" style="text-anchor: middle;">120,000</text></g><g class="tick" transform="translate(560,0)" style="opacity: 1;"><line y2="6" x2="0"></line><text y="9" x="0" dy=".71em" style="text-anchor: middle;">140,000</text></g><path class="domain" d="M0,6V0H600V6"></path><text x="600" dx=".71em" dy="-.5em" style="text-anchor: end;">Plat (Kč)</text></g><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="34" y="295"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="34" y="284.31159420289856"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="34" y="273.6231884057971"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="34" y="262.9347826086956"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="34" y="252.2463768115942"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="34" y="241.55797101449275"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="41.724000000000004" y="230.8695652173913"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="43.251999999999995" y="295"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="44.36" y="284.31159420289856"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="45.268" y="273.6231884057971"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="46.059999999999995" y="262.9347826086956"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="46.772" y="252.2463768115942"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="47.428" y="241.55797101449275"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="48.036" y="220.18115942028984"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="48.611999999999995" y="209.4927536231884"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="49.156" y="198.80434782608694"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="49.675999999999995" y="188.1159420289855"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="50.18" y="230.8695652173913"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="50.664" y="177.42753623188406"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="51.132000000000005" y="166.7391304347826"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="51.592" y="295"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="52.035999999999994" y="156.05072463768116"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="52.471999999999994" y="284.31159420289856"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="52.900000000000006" y="145.3623188405797"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="53.315999999999995" y="273.6231884057971"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="53.727999999999994" y="134.67391304347828"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="54.135999999999996" y="262.9347826086956"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="54.532000000000004" y="123.98550724637681"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="54.928" y="252.2463768115942"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="55.316" y="113.29710144927535"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="55.704" y="241.55797101449275"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="56.084" y="220.18115942028984"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="56.464000000000006" y="102.6086956521739"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="56.836" y="209.4927536231884"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="57.208" y="198.80434782608694"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="57.576" y="91.92028985507244"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="57.943999999999996" y="188.1159420289855"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="58.308" y="230.8695652173913"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="58.672" y="177.42753623188406"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="59.032" y="81.231884057971"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="59.392" y="166.7391304347826"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="59.752" y="295"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="60.108000000000004" y="156.05072463768116"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="60.464000000000006" y="70.54347826086956"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="60.81999999999999" y="284.31159420289856"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="61.172" y="145.3623188405797"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="61.524" y="273.6231884057971"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="61.879999999999995" y="134.67391304347828"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="62.232000000000006" y="262.9347826086956"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="62.584" y="123.98550724637681"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="62.936" y="252.2463768115942"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="63.288000000000004" y="59.855072463768124"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="63.64" y="113.29710144927535"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="63.992000000000004" y="241.55797101449275"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="64.344" y="220.18115942028984"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="64.696" y="102.6086956521739"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="65.048" y="209.4927536231884"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="65.404" y="198.80434782608694"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="65.756" y="91.92028985507244"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="66.112" y="188.1159420289855"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="66.464" y="230.8695652173913"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="66.82000000000001" y="177.42753623188406"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="67.18" y="81.231884057971"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="67.536" y="166.7391304347826"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="67.896" y="295"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="68.256" y="156.05072463768116"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="68.616" y="70.54347826086956"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="68.97999999999999" y="284.31159420289856"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="69.344" y="145.3623188405797"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="69.708" y="273.6231884057971"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="70.072" y="134.67391304347828"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="70.44" y="262.9347826086956"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="70.812" y="123.98550724637681"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="71.17999999999999" y="252.2463768115942"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="71.556" y="59.855072463768124"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="71.928" y="113.29710144927535"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="72.304" y="241.55797101449275"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="72.684" y="220.18115942028984"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="73.064" y="209.4927536231884"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="73.448" y="198.80434782608694"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="73.832" y="102.6086956521739"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="74.22" y="188.1159420289855"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="74.60799999999999" y="230.8695652173913"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="75" y="177.42753623188406"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="75.39200000000001" y="91.92028985507244"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="75.788" y="166.7391304347826"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="76.188" y="295"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="76.592" y="156.05072463768116"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="76.99600000000001" y="284.31159420289856"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="77.4" y="145.3623188405797"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="77.812" y="273.6231884057971"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="78.224" y="134.67391304347828"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="78.64" y="262.9347826086956"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="79.06" y="123.98550724637681"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="79.484" y="252.2463768115942"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="79.908" y="81.231884057971"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="80.33999999999999" y="241.55797101449275"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="80.77199999999999" y="220.18115942028984"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="81.208" y="209.4927536231884"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="81.64800000000001" y="198.80434782608694"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="82.096" y="113.29710144927535"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="82.544" y="188.1159420289855"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="82.996" y="230.8695652173913"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="83.452" y="177.42753623188406"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="83.91199999999999" y="166.7391304347826"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="84.376" y="295"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="84.848" y="156.05072463768116"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="85.32400000000001" y="284.31159420289856"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="85.8" y="145.3623188405797"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="86.284" y="273.6231884057971"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="86.776" y="262.9347826086956"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="87.268" y="134.67391304347828"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="87.768" y="252.2463768115942"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="88.276" y="123.98550724637681"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="88.784" y="241.55797101449275"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="89.304" y="220.18115942028984"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="89.824" y="209.4927536231884"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="90.352" y="198.80434782608694"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="90.888" y="188.1159420289855"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="91.432" y="230.8695652173913"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="91.97999999999999" y="177.42753623188406"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="92.536" y="295"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="93.09599999999999" y="166.7391304347826"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="93.66799999999999" y="284.31159420289856"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="94.244" y="156.05072463768116"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="94.828" y="273.6231884057971"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="95.42399999999999" y="262.9347826086956"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="96.02399999999999" y="252.2463768115942"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="96.63199999999999" y="145.3623188405797"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="97.252" y="241.55797101449275"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="97.88" y="220.18115942028984"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="98.51599999999999" y="209.4927536231884"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="99.164" y="198.80434782608694"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="99.82" y="230.8695652173913"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="100.488" y="188.1159420289855"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="101.168" y="295"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="101.856" y="284.31159420289856"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="102.556" y="177.42753623188406"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="103.268" y="273.6231884057971"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="103.996" y="262.9347826086956"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="104.732" y="252.2463768115942"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="105.484" y="241.55797101449275"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="106.24799999999999" y="220.18115942028984"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="107.028" y="209.4927536231884"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="107.824" y="230.8695652173913"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="108.632" y="198.80434782608694"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="109.45599999999999" y="295"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="110.3" y="284.31159420289856"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="111.16" y="188.1159420289855"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="112.04" y="273.6231884057971"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="112.93599999999999" y="262.9347826086956"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="113.852" y="252.2463768115942"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="114.79199999999999" y="241.55797101449275"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="115.75200000000001" y="220.18115942028984"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="116.736" y="230.8695652173913"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="117.74000000000001" y="295"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="118.772" y="284.31159420289856"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="119.83200000000001" y="209.4927536231884"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="120.916" y="273.6231884057971"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="122.032" y="262.9347826086956"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="123.176" y="252.2463768115942"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="124.356" y="241.55797101449275"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="125.568" y="230.8695652173913"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="126.816" y="295"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="128.1" y="284.31159420289856"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="129.428" y="273.6231884057971"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="130.8" y="262.9347826086956"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="132.216" y="252.2463768115942"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="133.684" y="241.55797101449275"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="135.2" y="295"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="136.776" y="284.31159420289856"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="138.412" y="273.6231884057971"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="140.112" y="262.9347826086956"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="141.88400000000001" y="252.2463768115942"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="143.732" y="295"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="145.66" y="284.31159420289856"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="147.68" y="273.6231884057971"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="149.8" y="262.9347826086956"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="152.024" y="295"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="154.368" y="284.31159420289856"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="156.844" y="273.6231884057971"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="159.46399999999997" y="262.9347826086956"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="162.248" y="295"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="165.212" y="284.31159420289856"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="168.38400000000001" y="273.6231884057971"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="171.792" y="295"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="175.472" y="284.31159420289856"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="179.46800000000002" y="273.6231884057971"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="183.832" y="295"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="188.63199999999998" y="284.31159420289856"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="193.96800000000002" y="295"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="199.952" y="284.31159420289856"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="206.75599999999997" y="295"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="214.61599999999999" y="284.31159420289856"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="223.892" y="295"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="235.148" y="295"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="249.36" y="295"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="268.416" y="295"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="296.76" y="295"></text><text font-family="FontAwesome" font-size="15" fill="green" text-anchor="middle" x="349.672" y="295"></text><text font-family="FontAwesome" font-size="15" fill="black" text-anchor="middle" title="soudce okres, 30 let" x="241.6" y="262.9347826086956"></text><text font-family="FontAwesome" font-size="15" fill="black" text-anchor="middle" title="soudce okres, 45" x="350" y="262.9347826086956"></text><text font-family="FontAwesome" font-size="15" fill="black" text-anchor="middle" title="soudce okres, 60 let" x="404" y="262.9347826086956"></text><text font-family="FontAwesome" font-size="15" fill="black" text-anchor="middle" title="samosoudce kraj, 60 let" x="463.59999999999997" y="262.9347826086956"></text><text font-family="FontAwesome" font-size="15" fill="black" text-anchor="middle" title="soudce Nejvyšší soud" x="489.2" y="262.9347826086956"></text><text font-family="FontAwesome" font-size="15" fill="black" text-anchor="middle" title="předseda sen. Nejvyšší" x="528" y="262.9347826086956"></text><text font-size="15" transform="rotate(-45,241.6,246.90217391304347)" x="241.6" y="246.90217391304347">soudce okres, 30 let</text><text font-size="15" transform="rotate(-45,350,246.90217391304347)" x="350" y="246.90217391304347">soudce okres, 45</text><text font-size="15" transform="rotate(-45,404,246.90217391304347)" x="404" y="246.90217391304347">soudce okres, 60 let</text><text font-size="15" transform="rotate(-45,463.59999999999997,246.90217391304347)" x="463.59999999999997" y="246.90217391304347">samosoudce kraj, 60 let</text><text font-size="15" transform="rotate(-45,489.2,246.90217391304347)" x="489.2" y="246.90217391304347">soudce Nejvyšší soud</text><text font-size="15" transform="rotate(-45,528,246.90217391304347)" x="528" y="246.90217391304347">předseda sen. Nejvyšší</text><text font-size="20" font-family="sans-serif" fill="green" x="16" y="27.78985507246375"> = 0.5 % zaměstnanců (~20 000 lidí)</text><text font-size="25" fill="green" font-family="FontAwesome" x="0" y="27.78985507246375"></text><line x1="83.452" x2="83.452" y1="295" y2="49.16666666666666" fill="green"></line><text font-size="13" font-family="sans-serif" fill="red" x="100" y="91.92028985507244" transform="rotate(-90,100,91.92028985507244)">median</text></g></svg>
Raw
fitting.r
# fitting log-normal distribution
# http://stats.stackexchange.com/a/30827
library("rriskDistributions")
get.lnorm.par(p=c(0.074,0.228,0.485,0.743,0.897),q=c(3407,7267,12363,19188,29683))
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!--<script src="d3.v3.js"></script>-->
<script src="http://d3js.org/d3.v3.min.js"></script>
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"> <!-- note: http://stackoverflow.com/questions/20032426/fontawesome-doesnt-display-in-firefox -->
<style type="text/css">
.axis path,
.axis line {
fill: none;
stroke: #000;
shape-rendering: crispEdges;
}
line {
stroke:rgb(255,0,0);
stroke-width:1
}
</style>
</head>
<body>
<div id="chart"></div>
<script>
var margin = {top: 20, right: 30, bottom: 30, left: 20},
width = 650 - margin.left - margin.right;
var
xScale = d3.scale.linear()
.domain([0, 150000])
.range([0, width]);
var rawd = [8500,8500,8500,8500,8500,8500,10431,10813,11090,11317,11515,11693,11857,12009,12153,12289,12419,12545,12666,12783,12898,13009,13118,13225,13329,13432,13534,13633,13732,13829,13926,14021,14116,14209,14302,14394,14486,14577,14668,14758,14848,14938,15027,15116,15205,15293,15381,15470,15558,15646,15734,15822,15910,15998,16086,16174,16262,16351,16439,16528,16616,16705,16795,16884,16974,17064,17154,17245,17336,17427,17518,17610,17703,17795,17889,17982,18076,18171,18266,18362,18458,18555,18652,18750,18848,18947,19047,19148,19249,19350,19453,19556,19660,19765,19871,19977,20085,20193,20302,20412,20524,20636,20749,20863,20978,21094,21212,21331,21450,21571,21694,21817,21942,22069,22196,22326,22456,22588,22722,22858,22995,23134,23274,23417,23561,23707,23856,24006,24158,24313,24470,24629,24791,24955,25122,25292,25464,25639,25817,25999,26183,26371,26562,26757,26956,27158,27364,27575,27790,28010,28234,28463,28698,28938,29184,29435,29693,29958,30229,30508,30794,31089,31392,31704,32025,32357,32700,33054,33421,33800,34194,34603,35028,35471,35933,36415,36920,37450,38006,38592,39211,39866,40562,41303,42096,42948,43868,44867,45958,47158,48492,49988,51689,53654,55973,58787,62340,67104,74190,87418];
icon = {'width': 8, 'height': 15};
llevel = [];
llevel[0] = xScale(rawd[0]);
data = [{'x': rawd[0],'y': 0}];
//create data(x,y)
s = 0;
for (key in rawd) {
if (key > 0) {
newlevel = true;
for (lkey in llevel) {
if (llevel[lkey] < (xScale(rawd[key]) - icon['width'])) {
llevel[lkey] = xScale(rawd[key]);
newlevel = false;
if (data.length%2) s ='male'; else s = 'female';
item = {
'x': rawd[key],
'y': parseInt(lkey),
'sex': s
};
data.push(item);
break;
}
}
if (newlevel) {
llevel.push(xScale(rawd[key]));
if (data.length%2) s ='male'; else s = 'female';
item = {
'x': rawd[key],
'y': parseInt(parseInt(lkey)+1),
'sex': s
};
data.push(item)
}
}
}
//width 500, height 250, modulo 20, size 40
var height = llevel.length * icon['height'] - margin.top - margin.bottom;
var svg = d3.select("#chart").append("svg")
.attr("width", width + margin.left + margin.right)
.attr("height", height + margin.top + margin.bottom)
.append("g")
.attr("transform", "translate(" + margin.left + "," + margin.top + ")");
var yScale = d3.scale.linear()
.domain([0, llevel.length*1.2])
.range([height, 0]);
var xAxis = d3.svg.axis()
.scale(xScale)
.orient("bottom");
svg.append("g")
.attr("class", "x axis")
.attr("transform", "translate(0," + height + ")")
.call(xAxis)
.append("text")
.attr("x", xScale(150000))
.attr("dx", ".71em")
.attr("dy", "-.5em")
.style("text-anchor", "end")
.text("Plat (Kč)");
var icons = svg.selectAll(".icon")
.data(data)
.enter().append("text")
.attr('font-family', 'FontAwesome')
.attr('font-size', icon['height'])
.attr('fill', 'green')
.attr('text-anchor',"middle")
.attr('title',function(d) {return d.name;})
.attr('x',function(d) {return xScale(d.x);})
.attr('y',function(d) {return yScale(d.y);})
.text(function(d) {if (d.sex == 'female') return '\uf182'; else return '\uf183'; });
data2 = [
{'x':60400,'y':0,'sex':'female','name':'soudce okres, 30 let'},
{'x':87500,'y':0,'sex':'male','name':'soudce okres, 45 let'},
{'x':101000,'y':0,'sex':'female','name':'soudce okres, 60 let'},
{'x':115900,'y':0,'sex':'male','name':'samosoudce kraj, 60 let'},
//{'x':117200,'y':0,'sex':'female','name':'předseda senátu, kraj'},
//{'x':130100,'y':0,'sex':'female','name':'předseda senátu, vrchní soud'},
{'x':122300,'y':0,'sex':'female','name':'soudce Nejvyšší soud'},
{'x':132000,'y':0,'sex':'male','name':'předseda sen. Nejvyšší'}
]
var icons2 = svg.selectAll(".icon2")
.data(data2)
.enter().append("text")
.attr('font-family', 'FontAwesome')
.attr('font-size', icon['height'])
.attr('fill', 'black')
.attr('text-anchor',"middle")
.attr('title',function(d) {return d.name;})
.attr('x',function(d) {return xScale(d.x);})
.attr('y',function(d) {return yScale(d.y+3);})
.text(function(d) {if (d.sex == 'female') return '\uf182'; else return '\uf183'; });
var texts2 = svg.selectAll(".text2")
.data(data2)
.enter().append("text")
//.attr('text-anchor',"middle")
//.attr('font-family', 'sans-serif')
.attr('font-size',15)
.attr("transform", function(d) {return "rotate(-45,"+xScale(d.x)+","+yScale(d.y+4.5)+")";})
.attr('x',function(d) {return xScale(d.x);})
.attr('y',function(d) {return yScale(d.y+4.5);})
.text(function(d) {return d.name});
svg.append("text")
.attr('font-size',20)
.attr('font-family', 'sans-serif')
.attr('fill', 'green')
.attr('x',function(d) {return 2*icon.width + xScale(0);})
.attr('y',function(d) {return yScale(llevel.length+2);})
.text(' = 0.5 % zaměstnanců (~20 000 lidí)');
svg.append("text")
.attr('font-size',25)
.attr('fill', 'green')
.attr('font-family', 'FontAwesome')
.attr('x',function(d) {return xScale(0);})
.attr('y',function(d) {return yScale(llevel.length+2);})
.text('\uf183');
svg.append('line')
.attr('x1',xScale(20863))
.attr('x2',xScale(20863))
.attr('y1',yScale(0))
.attr('y2',yScale(llevel.length))
.attr('fill', 'green');
svg.append("text")
.attr('font-size',13)
.attr('font-family', 'sans-serif')
.attr('fill', 'red')
.attr('x',function(d) {return xScale(25000);})
.attr('y',function(d) {return yScale(llevel.length-4);})
.attr("transform", function(d) {return "rotate(-90,"+xScale(25000)+","+yScale(llevel.length-4)+")";})
.text('median');
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment