examples/charts/mixed_shapes.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 height="600" version="1.1" width="800" xmlns="http://www.w3.org/2000/svg"><g><rect fill="#f9f9f9" height="600" width="800" x="0" y="0" /><g transform="translate(40 40)"><g transform="translate(32 0)"><text fill="#333" font-family="Monaco" font-size="16" x="0" y="0">Mixed shapes</text><g transform="translate(0 20)"><g transform="translate(0 0)"><rect fill="#e41a1c" height="10" width="10" x="0" y="-10" /><text fill="#666" font-family="Monaco" font-size="14" x="14" y="0">Unnamed series</text></g><g transform="translate(158 0)"><rect fill="#377eb8" height="10" width="10" x="0" y="-10" /><text fill="#666" font-family="Monaco" font-size="14" x="14" y="0">Unnamed series</text></g></g></g><g transform="translate(0 38)"><g transform="translate(32 0)"><g class="axis bottom"><g class="tick"><line stroke="#eee" stroke-width="1" x1="172.00" x2="172.00" y1="0" y2="464.0" /><text dy="1em" fill="#9c9c9c" font-family="Monaco" text-anchor="middle" x="172.00" y="468.0">2.5</text></g><g class="tick"><line stroke="#eee" stroke-width="1" x1="344.0" x2="344.0" y1="0" y2="464.0" /><text dy="1em" fill="#9c9c9c" font-family="Monaco" text-anchor="middle" x="344.0" y="468.0">5</text></g><g class="tick"><line stroke="#eee" stroke-width="1" x1="516.00" x2="516.00" y1="0" y2="464.0" /><text dy="1em" fill="#9c9c9c" font-family="Monaco" text-anchor="middle" x="516.00" y="468.0">7.5</text></g><g class="tick"><line stroke="#eee" stroke-width="1" x1="688" x2="688" y1="0" y2="464.0" /><text dy="1em" fill="#9c9c9c" font-family="Monaco" text-anchor="middle" x="688" y="468.0">10</text></g><g class="tick"><line stroke="#a8a8a8" stroke-width="1" x1="0" x2="0" y1="0" y2="464.0" /><text dy="1em" fill="#9c9c9c" font-family="Monaco" text-anchor="middle" x="0" y="468.0">0</text></g></g><g class="axis left"><g class="tick"><line stroke="#eee" stroke-width="1" x1="-4" x2="688.0" y1="345.00" y2="345.00" /><text dy="0.32em" fill="#9c9c9c" font-family="Monaco" text-anchor="end" x="-8" y="345.00">2.5</text></g><g class="tick"><line stroke="#eee" stroke-width="1" x1="-4" x2="688.0" y1="230.0" y2="230.0" /><text dy="0.32em" fill="#9c9c9c" font-family="Monaco" text-anchor="end" x="-8" y="230.0">5</text></g><g class="tick"><line stroke="#eee" stroke-width="1" x1="-4" x2="688.0" y1="115.00" y2="115.00" /><text dy="0.32em" fill="#9c9c9c" font-family="Monaco" text-anchor="end" x="-8" y="115.00">7.5</text></g><g class="tick"><line stroke="#eee" stroke-width="1" x1="-4" x2="688.0" y1="0" y2="0" /><text dy="0.32em" fill="#9c9c9c" font-family="Monaco" text-anchor="end" x="-8" y="0">10</text></g><g class="tick"><line stroke="#a8a8a8" stroke-width="1" x1="-4" x2="688.0" y1="460" y2="460" /><text dy="0.32em" fill="#9c9c9c" font-family="Monaco" text-anchor="end" x="-8" y="460">0</text></g></g><g><g class="series lines"><path d="M 0 414.0 L 137.6 230.0 L 275.2 276.0 L 550.4 322.0" fill="none" stroke="#e41a1c" stroke-width="2" /></g><g class="series dots"><circle cx="68.8" cy="322.0" fill="#377eb8" r="3" /><circle cx="137.6" cy="230.0" fill="#377eb8" r="3" /><circle cx="412.8" cy="46.0" fill="#377eb8" r="3" /><circle cx="688" cy="276.0" fill="#377eb8" r="3" /></g></g></g></g></g></g></svg>