chart-svg-0.6.1.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.5021 1.5059 1.0036"><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.4850 C 0.1950,0.4850 -0.7394,-0.3976 0.1950,-0.3976"/></g><g stroke-width="0.0020" stroke="rgb(53%, 51%, 28%)" stroke-opacity="1.0" fill="none"><polyline points="-0.7394,0.4850 -0.7119,0.4847 -0.6855,0.4839 -0.6602,0.4826 -0.6360,0.4808 -0.6128,0.4786 -0.5906,0.4758 -0.5694,0.4726 -0.5491,0.4689 -0.5298,0.4648 -0.5114,0.4602 -0.4939,0.4553 -0.4773,0.4499 -0.4615,0.4441 -0.4466,0.4379 -0.4324,0.4313 -0.4191,0.4244 -0.4065,0.4171 -0.3947,0.4095 -0.3835,0.4015 -0.3731,0.3932 -0.3633,0.3845 -0.3542,0.3756 -0.3458,0.3664 -0.3379,0.3569 -0.3306,0.3471 -0.3239,0.3370 -0.3177,0.3267 -0.3120,0.3161 -0.3068,0.3053 -0.3021,0.2943 -0.2978,0.2831 -0.2940,0.2717 -0.2906,0.2601 -0.2875,0.2483 -0.2848,0.2363 -0.2824,0.2242 -0.2804,0.2119 -0.2786,0.1995 -0.2772,0.1869 -0.2759,0.1743 -0.2749,0.1615 -0.2741,0.1487 -0.2735,0.1357 -0.2730,0.1227 -0.2727,0.1096 -0.2724,0.0965 -0.2723,0.0833 -0.2722,0.0701 -0.2722,0.0569 -0.2722,0.0437 -0.2722,0.0304 -0.2722,0.0172 -0.2721,0.0040 -0.2720,-0.0092 -0.2717,-0.0223 -0.2714,-0.0354 -0.2709,-0.0484 -0.2703,-0.0613 -0.2695,-0.0742 -0.2685,-0.0869 -0.2672,-0.0996 -0.2657,-0.1121 -0.2640,-0.1245 -0.2619,-0.1368 -0.2596,-0.1489 -0.2569,-0.1609 -0.2538,-0.1727 -0.2504,-0.1843 -0.2466,-0.1958 -0.2423,-0.2070 -0.2376,-0.2180 -0.2324,-0.2288 -0.2267,-0.2393 -0.2205,-0.2497 -0.2138,-0.2597 -0.2065,-0.2695 -0.1986,-0.2790 -0.1901,-0.2883 -0.1810,-0.2972 -0.1713,-0.3058 -0.1608,-0.3141 -0.1497,-0.3221 -0.1379,-0.3298 -0.1253,-0.3371 -0.1119,-0.3440 -0.0978,-0.3506 -0.0829,-0.3567 -0.0671,-0.3625 -0.0505,-0.3679 -0.0330,-0.3729 -0.0146,-0.3775 0.0047,-0.3816 0.0250,-0.3852 0.0462,-0.3885 0.0684,-0.3912 0.0916,-0.3935 0.1159,-0.3953 0.1411,-0.3966 0.1675,-0.3973 0.1950,-0.3976"/></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.4700"/><rect width="0.0300" height="0.0300" x="0.1800" y="-0.4126"/></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.4850" r="0.0150"/><circle cx="-0.7394" cy="-0.3976" 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.8826" x="-0.7394" y="-0.3976"/></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.5181" x="0.2539" y="-0.4152"/></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.0437">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.0456" x="0.6657" y="0.0209"/></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.0521">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.0521" 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.1478">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.1639"/></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.2435">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.2435 0.7301,-0.2435"/></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.3392">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.3240 Q 0.7301,-0.2785 0.6979,-0.3696"/></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.4781">CubicPosition (Point 0 0) (Point 1 1) (Point 1 0) (Point 0 1)</text></g></g></g></svg>