chart-svg-0.6.0.0: other/cubic.svg
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="450" height="300" viewBox="-0.7559 -0.5017 1.5059 1.0028"><style>svg {
color-scheme: light dark;
}
{
.canvas g, .title g, .axisbar g, .ticktext g, .tickglyph g, .ticklines g, .legendContent g text {
fill: rgb(5%, 5%, 5%);
}
.ticklines g, .tickglyph g, .legendBorder g {
stroke: rgb(5%, 5%, 5%);
}
.legendBorder g {
fill: rgb(94%, 94%, 94%);
}
}
@media (prefers-color-scheme:dark) {
.canvas g, .title g, .axisbar g, .ticktext g, .tickglyph g, .ticklines g, .legendContent g text {
fill: rgb(94%, 94%, 94%);
}
.ticklines g, .tickglyph g, .legendBorder g {
stroke: rgb(94%, 94%, 94%);
}
.legendBorder g {
fill: rgb(5%, 5%, 5%);
}
}
svg { font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
ticktext { font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
</style><g class="chart"><g class="cubic"><g stroke-width="0.0100" stroke="rgb(0%, 0%, 0%)" stroke-opacity="0" fill="rgb(96%, 60%, 92%)" fill-opacity="0.2"><path d="M -0.7394,0.4846 C 0.1950,0.4846 -0.7394,-0.4167 0.1950,-0.4167"/></g><g stroke-width="0.0020" stroke="rgb(53%, 51%, 28%)" stroke-opacity="1.0" fill="none"><polyline points="-0.7394,0.4846 -0.7119,0.4844 -0.6855,0.4836 -0.6602,0.4823 -0.6360,0.4804 -0.6128,0.4781 -0.5906,0.4753 -0.5694,0.4720 -0.5491,0.4683 -0.5298,0.4640 -0.5114,0.4594 -0.4939,0.4543 -0.4773,0.4488 -0.4615,0.4429 -0.4466,0.4366 -0.4324,0.4299 -0.4191,0.4228 -0.4065,0.4154 -0.3947,0.4075 -0.3835,0.3994 -0.3731,0.3909 -0.3633,0.3821 -0.3542,0.3730 -0.3458,0.3635 -0.3379,0.3538 -0.3306,0.3438 -0.3239,0.3335 -0.3177,0.3230 -0.3120,0.3122 -0.3068,0.3012 -0.3021,0.2900 -0.2978,0.2785 -0.2940,0.2668 -0.2906,0.2550 -0.2875,0.2429 -0.2848,0.2307 -0.2824,0.2183 -0.2804,0.2058 -0.2786,0.1931 -0.2772,0.1803 -0.2759,0.1674 -0.2749,0.1543 -0.2741,0.1412 -0.2735,0.1280 -0.2730,0.1147 -0.2727,0.1014 -0.2724,0.0879 -0.2723,0.0745 -0.2722,0.0610 -0.2722,0.0475 -0.2722,0.0340 -0.2722,0.0205 -0.2722,0.0070 -0.2721,-0.0065 -0.2720,-0.0200 -0.2717,-0.0334 -0.2714,-0.0467 -0.2709,-0.0600 -0.2703,-0.0733 -0.2695,-0.0864 -0.2685,-0.0994 -0.2672,-0.1123 -0.2657,-0.1251 -0.2640,-0.1378 -0.2619,-0.1503 -0.2596,-0.1627 -0.2569,-0.1749 -0.2538,-0.1870 -0.2504,-0.1989 -0.2466,-0.2105 -0.2423,-0.2220 -0.2376,-0.2332 -0.2324,-0.2443 -0.2267,-0.2550 -0.2205,-0.2656 -0.2138,-0.2758 -0.2065,-0.2858 -0.1986,-0.2956 -0.1901,-0.3050 -0.1810,-0.3141 -0.1713,-0.3229 -0.1608,-0.3314 -0.1497,-0.3396 -0.1379,-0.3474 -0.1253,-0.3548 -0.1119,-0.3619 -0.0978,-0.3686 -0.0829,-0.3749 -0.0671,-0.3808 -0.0505,-0.3864 -0.0330,-0.3914 -0.0146,-0.3961 0.0047,-0.4003 0.0250,-0.4040 0.0462,-0.4073 0.0684,-0.4101 0.0916,-0.4125 0.1159,-0.4143 0.1411,-0.4156 0.1675,-0.4164 0.1950,-0.4167"/></g><g stroke-width="0.0030" stroke="rgb(2%, 29%, 48%)" stroke-opacity="1.0" fill="rgb(2%, 73%, 80%)" fill-opacity="0.2"><rect width="0.0300" height="0.0300" x="-0.7544" y="0.4696"/><rect width="0.0300" height="0.0300" x="0.1800" y="-0.4317"/></g><g stroke-width="0.0030" stroke="rgb(2%, 29%, 48%)" stroke-opacity="1.0" fill="rgb(2%, 73%, 80%)" fill-opacity="0.2"><circle cx="0.1950" cy="0.4846" r="0.0150"/><circle cx="-0.7394" cy="-0.4167" r="0.0150"/></g><g stroke-width="0.0020" stroke="rgb(40%, 40%, 40%)" stroke-opacity="1.0" fill="rgb(2%, 73%, 80%)" fill-opacity="0.05"><rect width="0.9344" height="0.9013" x="-0.7394" y="-0.4167"/></g></g></g><g class="hud"><g class="legend"><g class="padding"></g><g class="padding"></g><g class="frame"><g stroke-width="0.0008" stroke="rgb(5%, 5%, 5%)" stroke-opacity="1.0" fill="rgb(5%, 5%, 5%)" fill-opacity="0"><rect width="0.4929" height="0.4244" x="0.2539" y="-0.3415"/></g></g><g class="legendContent"><g stroke-width="0.0" stroke="none" fill="rgb(5%, 5%, 5%)" fill-opacity="1.0" font-size="0.0322" text-anchor="start"><text x="0.2700" y="0.0456">Bounding Box</text></g><g stroke-width="0.0016" stroke="rgb(40%, 40%, 40%)" stroke-opacity="1.0" fill="rgb(2%, 73%, 80%)" fill-opacity="0.05"><rect width="0.0322" height="0.0466" x="0.6657" y="0.0107"/></g><g stroke-width="0.0" stroke="none" fill="rgb(5%, 5%, 5%)" fill-opacity="1.0" font-size="0.0322" text-anchor="start"><text x="0.2700" y="-0.0289">Path Control Point</text></g><g stroke-width="0.0005" stroke="rgb(2%, 29%, 48%)" stroke-opacity="1.0" fill="rgb(2%, 73%, 80%)" fill-opacity="0.2"><circle cx="0.6818" cy="-0.0405" r="0.0161"/></g><g stroke-width="0.0" stroke="none" fill="rgb(5%, 5%, 5%)" fill-opacity="1.0" font-size="0.0322" text-anchor="start"><text x="0.2700" y="-0.1033">Path Endpoints</text></g><g stroke-width="0.0005" stroke="rgb(2%, 29%, 48%)" stroke-opacity="1.0" fill="rgb(2%, 73%, 80%)" fill-opacity="0.2"><rect width="0.0322" height="0.0322" x="0.6657" y="-0.1311"/></g><g stroke-width="0.0" stroke="none" fill="rgb(5%, 5%, 5%)" fill-opacity="1.0" font-size="0.0322" text-anchor="start"><text x="0.2700" y="-0.1778">Path Chord</text></g><g stroke-width="0.0013" stroke="rgb(53%, 51%, 28%)" stroke-opacity="1.0" fill="none"><polyline points="0.6657,-0.1895 0.7301,-0.1895"/></g><g stroke-width="0.0" stroke="none" fill="rgb(5%, 5%, 5%)" fill-opacity="1.0" font-size="0.0322" text-anchor="start"><text x="0.2700" y="-0.2523">Path Fill</text></g><g stroke-width="0.0322" stroke="rgb(0%, 0%, 0%)" stroke-opacity="0" fill="rgb(96%, 60%, 92%)" fill-opacity="0.2"><path d="M 0.6657,-0.2484 Q 0.7301,-0.2019 0.6979,-0.2950"/></g></g></g><g class="title"><g stroke-width="0.0" stroke="none" fill="rgb(5%, 5%, 5%)" fill-opacity="1.0" font-size="0.0300" text-anchor="middle"><text x="0" y="-0.4777">CubicPosition (Point 0 0) (Point 1 1) (Point 1 0) (Point 0 1)</text></g></g></g></svg>