Skip to content

Instantly share code, notes, and snippets.

@rvagg
Created March 4, 2011 03:30
Show Gist options
  • Select an option

  • Save rvagg/854124 to your computer and use it in GitHub Desktop.

Select an option

Save rvagg/854124 to your computer and use it in GitHub Desktop.
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" height="14.629999999999997cm" width="16cm"
viewBox="0 0 453.6 414.7604999999999" font-family="sans-serif,sans" text-rendering="auto" preserveAspectRatio="xMidYMid meet" zoomAndPan="magnify"
fill="black" stroke-width="0" letter-spacing="-0.05em" font-size="9pt">
<g>
<text x="258.69375" y="6.75" font-style="italic" text-anchor="middle" font-size="8pt">Percentage of recommended daily intake</text>
<text x="99.22500000000001" y="17.8875" font-weight="bold" text-anchor="middle">0%</text>
<text x="258.69375" y="17.8875" font-weight="bold" text-anchor="middle">100%</text>
<text x="418.1625" y="17.8875" font-weight="bold" text-anchor="middle">200%</text>
<rect x="99.22500000000001" y="21.262500000000003" width="318.9375" height="392.364" fill="none" stroke-width="1.1340000000000001" stroke="rgb(0, 103, 177)" />
<line x1="178.95937500000002" y1="21.262500000000003" x2="178.95937500000002" y2="413.62649999999996" fill="none" stroke-opacity="0.5"
stroke-width="0.28350000000000003" stroke="rgb(0, 103, 177)" />
<line x1="338.428125" y1="21.262500000000003" x2="338.428125" y2="413.62649999999996" fill="none" stroke-opacity="0.5" stroke-width="0.28350000000000003"
stroke="rgb(0, 103, 177)" />
<line x1="258.69375" y1="21.262500000000003" x2="258.69375" y2="413.62649999999996" fill="none" stroke-width="1.1340000000000001" stroke="rgb(0, 103, 177)" />
<!-- Digestible Energy -->
<text x="93.55499999999999" y="33.709500000000006" font-weight="bold" text-anchor="end">Digestible Energy</text>
<rect y="25.373250000000002" x="99.792" width="213.70778178729194" height="9.9225" fill="rgb(204, 102, 153)" fill-opacity="0.925" />
<text x="316.33478178729194" y="33.709500000000006" fill="rgb(150, 39, 78)" font-size="9pt">134%</text>
<!-- Crude Protein -->
<text x="93.55499999999999" y="50.71950000000001" font-weight="bold" text-anchor="end">Crude Protein</text>
<rect y="42.383250000000004" x="99.792" width="232.42650203611453" height="9.9225" fill="rgb(102, 204, 102)" fill-opacity="0.925" />
<text x="335.0535020361145" y="50.71950000000001" fill="rgb(39, 150, 39)" font-size="9pt">146%</text>
<!-- Lysine -->
<text x="93.55499999999999" y="67.72949999999999" font-weight="bold" text-anchor="end">Lysine</text>
<rect y="59.393249999999995" x="99.792" width="205.79402474412964" height="9.9225" fill="rgb(102, 204, 102)" fill-opacity="0.925" />
<text x="308.4210247441297" y="67.72949999999999" fill="rgb(39, 150, 39)" font-size="9pt">130%</text>
<!-- Calcium -->
<text x="93.55499999999999" y="84.73949999999999" font-weight="bold" text-anchor="end">Calcium</text>
<rect y="76.40325" x="99.792" width="199.78126592523887" height="9.9225" fill="rgb(102, 204, 102)" fill-opacity="0.925" />
<text x="302.4082659252389" y="84.73949999999999" fill="rgb(39, 150, 39)" font-size="9pt">126%</text>
<!-- Phosphorus -->
<text x="93.55499999999999" y="101.7495" font-weight="bold" text-anchor="end">Phosphorus</text>
<rect y="93.41325" x="99.792" width="297.8963420230318" height="9.9225" fill="rgb(102, 204, 102)" fill-opacity="0.925" />
<text x="400.5233420230318" y="101.7495" fill="rgb(39, 150, 39)" font-size="9pt">187%</text>
<!-- Copper -->
<text x="93.55499999999999" y="118.7595" font-weight="bold" text-anchor="end">Copper</text>
<rect y="110.42325000000001" x="99.792" width="94.3993311438174" height="9.9225" fill="rgb(204, 102, 153)" fill-opacity="0.925" />
<text x="197.0263311438174" y="118.7595" fill="rgb(150, 39, 78)" font-size="9pt">59.4%</text>
<!-- Zinc -->
<text x="93.55499999999999" y="135.76949999999997" font-weight="bold" text-anchor="end">Zinc</text>
<rect y="127.43324999999999" x="99.792" width="104.43215314047575" height="9.9225" fill="rgb(204, 102, 153)" fill-opacity="0.925" />
<text x="207.05915314047573" y="135.76949999999997" fill="rgb(150, 39, 78)" font-size="9pt">65.7%</text>
<!-- Selenium -->
<text x="93.55499999999999" y="152.7795" font-weight="bold" text-anchor="end">Selenium</text>
<rect y="144.44325000000003" x="99.792" width="130.27849447507762" height="9.9225" fill="rgb(204, 102, 153)" fill-opacity="0.925" />
<text x="232.90549447507763" y="152.7795" fill="rgb(150, 39, 78)" font-size="9pt">82%</text>
<!-- Manganese -->
<text x="93.55499999999999" y="169.7895" font-weight="bold" text-anchor="end">Manganese</text>
<rect y="161.45325000000003" x="99.792" width="145.40985650830513" height="9.9225" fill="rgb(102, 204, 102)" fill-opacity="0.925" />
<text x="248.0368565083051" y="169.7895" fill="rgb(39, 150, 39)" font-size="9pt">91.5%</text>
<!-- Iodine -->
<text x="93.55499999999999" y="186.7995" font-weight="bold" text-anchor="end">Iodine</text>
<rect y="178.46325000000002" x="99.792" width="176.6627647588844" height="9.9225" fill="rgb(102, 204, 102)" fill-opacity="0.925" />
<text x="279.2897647588844" y="186.7995" fill="rgb(39, 150, 39)" font-size="9pt">111%</text>
<!-- Iron -->
<text x="93.55499999999999" y="203.80949999999999" font-weight="bold" text-anchor="end">Iron</text>
<rect y="195.47325" x="99.792" width="317.80350000000004" height="9.9225" fill="rgb(102, 204, 102)" fill-opacity="0.925" />
<text x="420.4305" y="203.80949999999999" fill="rgb(39, 150, 39)" font-size="9pt">654%</text>
<!-- Sodium -->
<text x="93.55499999999999" y="220.81949999999998" font-weight="bold" text-anchor="end">Sodium</text>
<rect y="212.48325" x="99.792" width="170.68199340568793" height="9.9225" fill="rgb(102, 204, 102)" fill-opacity="0.925" />
<text x="273.30899340568794" y="220.81949999999998" fill="rgb(39, 150, 39)" font-size="9pt">107%</text>
<!-- Chloride -->
<text x="93.55499999999999" y="237.8295" font-weight="bold" text-anchor="end">Chloride</text>
<rect y="229.49325" x="99.792" width="201.8855039765815" height="9.9225" fill="rgb(102, 204, 102)" fill-opacity="0.925" />
<text x="304.5125039765815" y="237.8295" fill="rgb(39, 150, 39)" font-size="9pt">127%</text>
<!-- Magnesium -->
<text x="93.55499999999999" y="254.83950000000002" font-weight="bold" text-anchor="end">Magnesium</text>
<rect y="246.50325" x="99.792" width="317.80350000000004" height="9.9225" fill="rgb(102, 204, 102)" fill-opacity="0.925" />
<text x="420.4305" y="254.83950000000002" fill="rgb(39, 150, 39)" font-size="9pt">251%</text>
<!-- Potassium -->
<text x="93.55499999999999" y="271.84950000000003" font-weight="bold" text-anchor="end">Potassium</text>
<rect y="263.51325" x="99.792" width="317.80350000000004" height="9.9225" fill="rgb(102, 204, 102)" fill-opacity="0.925" />
<text x="420.4305" y="271.84950000000003" fill="rgb(39, 150, 39)" font-size="9pt">450%</text>
<!-- Vitamin A -->
<text x="93.55499999999999" y="288.8595" font-weight="bold" text-anchor="end">Vitamin A</text>
<rect y="280.52325" x="99.792" width="158.90175000000002" height="9.9225" fill="rgb(102, 204, 102)" fill-opacity="0.925" />
<text x="261.52875" y="288.8595" fill="rgb(39, 150, 39)" font-size="9pt">100%</text>
<!-- Vitamin E -->
<text x="93.55499999999999" y="305.8695" font-weight="bold" text-anchor="end">Vitamin E</text>
<rect y="297.53325" x="99.792" width="317.80350000000004" height="9.9225" fill="rgb(102, 204, 102)" fill-opacity="0.925" />
<text x="420.4305" y="305.8695" fill="rgb(39, 150, 39)" font-size="9pt">257%</text>
<!-- Vitamin B1 -->
<text x="93.55499999999999" y="322.8795" font-weight="bold" text-anchor="end">Vitamin B1</text>
<rect y="314.54325" x="99.792" width="46.63541612940104" height="9.9225" fill="rgb(204, 102, 153)" fill-opacity="0.925" />
<text x="149.26241612940103" y="322.8795" fill="rgb(150, 39, 78)" font-size="9pt">29.3%</text>
<!-- Vitamin B2 -->
<text x="93.55499999999999" y="339.8895" font-weight="bold" text-anchor="end">Vitamin B2</text>
<rect y="331.55325" x="99.792" width="317.80350000000004" height="9.9225" fill="rgb(102, 204, 102)" fill-opacity="0.925" />
<text x="420.4305" y="339.8895" fill="rgb(39, 150, 39)" font-size="9pt">358%</text>
<!-- Niacin -->
<text x="93.55499999999999" y="356.89950000000005" font-weight="bold" text-anchor="end">Niacin</text>
<rect y="348.56325000000004" x="99.792" width="317.80350000000004" height="9.9225" fill="rgb(102, 204, 102)" fill-opacity="0.925" />
<text x="420.4305" y="356.89950000000005" fill="rgb(39, 150, 39)" font-size="9pt">242%</text>
<!-- Vitamin B5 -->
<text x="93.55499999999999" y="373.90950000000004" font-weight="bold" text-anchor="end">Vitamin B5</text>
<rect y="365.57325000000003" x="99.792" width="317.80350000000004" height="9.9225" fill="rgb(102, 204, 102)" fill-opacity="0.925" />
<text x="420.4305" y="373.90950000000004" fill="rgb(39, 150, 39)" font-size="9pt">612%</text>
<!-- Vitamin B6 -->
<text x="93.55499999999999" y="390.9195" font-weight="bold" text-anchor="end">Vitamin B6</text>
<rect y="382.58325" x="99.792" width="317.80350000000004" height="9.9225" fill="rgb(102, 204, 102)" fill-opacity="0.925" />
<text x="420.4305" y="390.9195" fill="rgb(39, 150, 39)" font-size="9pt">406%</text>
<!-- Folic Acid -->
<text x="93.55499999999999" y="407.9295" font-weight="bold" text-anchor="end">Folic Acid</text>
<rect y="399.59325" x="99.792" width="111.68727421517123" height="9.9225" fill="rgb(204, 102, 153)" fill-opacity="0.925" />
<text x="214.31427421517125" y="407.9295" fill="rgb(150, 39, 78)" font-size="9pt">70.3%</text>
</g>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment