target/assets/custom_ticks.svg

<svg class="poloto" width="800" height="500" viewBox="0 0 800 500" xmlns="http://www.w3.org/2000/svg">
	<style>
.poloto{
  stroke-linecap:round;
  stroke-linejoin:round;
  font-family:Roboto,sans-serif;
  font-size:16px;
}
.poloto_background{fill:AliceBlue;}
.poloto_scatter{stroke-width:7}
.poloto_line{stroke-width:2}
.poloto_text{fill: black;}
.poloto_name{font-size:24px;dominant-baseline:auto;text-anchor:middle;}
.poloto_where{dominant-baseline:middle;text-anchor:start}
.poloto_text.poloto_legend{font-size:20px;dominant-baseline:middle;text-anchor:start;}
.poloto_text.poloto_ticks.poloto_y{dominant-baseline:middle;text-anchor:end}
.poloto_text.poloto_ticks.poloto_x{dominant-baseline:auto;text-anchor:middle}
.poloto_imgs.poloto_ticks{stroke: black;stroke-width:3;fill:none;stroke-dasharray:none}
.poloto_grid{stroke:gray;stroke-width:0.5}

.poloto0.poloto_stroke{stroke:blue;}
.poloto1.poloto_stroke{stroke:red;}
.poloto2.poloto_stroke{stroke:green;}
.poloto3.poloto_stroke{stroke:gold;}
.poloto4.poloto_stroke{stroke:aqua;}
.poloto5.poloto_stroke{stroke:lime;}
.poloto6.poloto_stroke{stroke:orange;}
.poloto7.poloto_stroke{stroke:chocolate;}
.poloto0.poloto_fill{fill:blue;}
.poloto1.poloto_fill{fill:red;}
.poloto2.poloto_fill{fill:green;}
.poloto3.poloto_fill{fill:gold;}
.poloto4.poloto_fill{fill:aqua;}
.poloto5.poloto_fill{fill:lime;}
.poloto6.poloto_fill{fill:orange;}
.poloto7.poloto_fill{fill:chocolate;}
	</style>
	<circle r="1e5" class="poloto_background" fill="white"/>
	<g id="poloto_plot0" class="poloto_plot poloto_imgs poloto_histo poloto0 poloto_fill">
		<rect x="150.00" y="400.00" width="17.833333333333343" height="0"/>
		<rect x="170.83" y="400.00" width="17.833333333333314" height="0"/>
		<rect x="191.67" y="400.00" width="17.833333333333343" height="0"/>
		<rect x="212.50" y="400.00" width="17.833333333333314" height="0"/>
		<rect x="233.33" y="400.00" width="17.833333333333343" height="0"/>
		<rect x="254.17" y="387.14" width="17.833333333333343" height="12.857142857142833"/>
		<rect x="275.00" y="378.57" width="17.833333333333314" height="21.428571428571445"/>
		<rect x="295.83" y="378.57" width="17.833333333333314" height="21.428571428571445"/>
		<rect x="316.67" y="357.14" width="17.83333333333337" height="42.85714285714283"/>
		<rect x="337.50" y="314.29" width="17.833333333333314" height="85.71428571428572"/>
		<rect x="358.33" y="185.71" width="17.833333333333314" height="214.28571428571428"/>
		<rect x="379.17" y="142.86" width="17.83333333333337" height="257.1428571428571"/>
		<rect x="400.00" y="100.00" width="17.833333333333314" height="300"/>
		<rect x="420.83" y="185.71" width="17.833333333333314" height="214.28571428571428"/>
		<rect x="441.67" y="228.57" width="17.83333333333337" height="171.42857142857142"/>
		<rect x="462.50" y="254.29" width="17.833333333333314" height="145.71428571428572"/>
		<rect x="483.33" y="254.29" width="17.833333333333314" height="145.71428571428572"/>
		<rect x="504.17" y="314.29" width="17.83333333333337" height="85.71428571428572"/>
		<rect x="525.00" y="357.14" width="17.833333333333258" height="42.85714285714283"/>
		<rect x="545.83" y="314.29" width="17.83333333333337" height="85.71428571428572"/>
		<rect x="566.67" y="357.14" width="17.83333333333337" height="42.85714285714283"/>
		<rect x="587.50" y="382.86" width="17.833333333333258" height="17.142857142857167"/>
		<rect x="608.33" y="391.43" width="17.83333333333337" height="8.571428571428555"/>
	</g>
	<text class="poloto_text poloto_name poloto_title" x="400.00" y="37.50">title</text>
	<text class="poloto_text poloto_name poloto_x" x="400.00" y="481.25">x</text>
	<text class="poloto_text poloto_name poloto_y" x="37.50" y="250.00" transform="rotate(-90,37.50,250.00)">y</text>
	<text class="poloto_text poloto_ticks poloto_y">
		<tspan x="135.00" y="400.00">0</tspan>
		<tspan x="135.00" y="314.29">20</tspan>
		<tspan x="135.00" y="228.57">40</tspan>
		<tspan x="135.00" y="142.86">60</tspan>
	</text>
	<g class="poloto_imgs poloto_ticks poloto_y" stroke="black">
		<line x1="150.00" x2="144.00" y1="400.00" y2="400.00"/>
		<line x1="150.00" x2="144.00" y1="314.29" y2="314.29"/>
		<line x1="150.00" x2="144.00" y1="228.57" y2="228.57"/>
		<line x1="150.00" x2="144.00" y1="142.86" y2="142.86"/>
	</g>
	<text class="poloto_text poloto_ticks poloto_x">
		<tspan x="150.00" y="430.00">0 hr</tspan>
		<tspan x="275.00" y="430.00">6 hr</tspan>
		<tspan x="400.00" y="430.00">12 hr</tspan>
		<tspan x="525.00" y="430.00">18 hr</tspan>
		<tspan x="650.00" y="430.00">24 hr</tspan>
	</text>
	<g class="poloto_imgs poloto_ticks poloto_x" stroke="black">
		<line x1="150.00" x2="150.00" y1="400.00" y2="405.00"/>
		<line x1="275.00" x2="275.00" y1="400.00" y2="405.00"/>
		<line x1="400.00" x2="400.00" y1="400.00" y2="405.00"/>
		<line x1="525.00" x2="525.00" y1="400.00" y2="405.00"/>
		<line x1="650.00" x2="650.00" y1="400.00" y2="405.00"/>
	</g>
	<path class="poloto_imgs poloto_ticks poloto_x" stroke="black" d=" M 150.00 400.00 L 650.00 400.00"/>
	<path class="poloto_imgs poloto_ticks poloto_y" stroke="black" style="stroke-dasharray:10.714285714285714;stroke-dashoffset:-0;" d=" M 150.00 400.00 L 150.00 100.00"/>
</svg>