mm

holtzy · Oct 22, 2024 · 32f052a · 32f052a
1 parent 2a6643b
commit 32f052a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/pages/course/svg/path-element.tsx b/pages/course/svg/path-element.tsx
@@ -201,7 +201,7 @@ export default function Home() {
         happens.
       </p>
       <div className="full-bleed my-4 max-w-7xl mx-auto">
-        <CodeSandbox vizName="exercise/SvgCurveArc" />
+        <CodeSandbox vizName="SvgCurveArc" />
       </div>
       {/* -
       -

diff --git a/viz/SvgCurveArc/Graph.tsx b/viz/SvgCurveArc/Graph.tsx
@@ -1,8 +1,10 @@
 export const Graph = () => {
   return (
     <svg width={500} height={300}>
-      <path d="C 20 30, 40 50, 60 70" stroke="blue" />
-      <path d="A 130 130 0 0 1 170 170" stroke="red" />
+      <svg width={500} height={300}>
+        <path d="M 20 30 C 40 50, 60 70, 80 30" stroke="blue" fill="none" />
+        <path d="M 130 130 A 30 30 0 0 1 170 170" stroke="red" fill="none" />
+      </svg>
     </svg>
   );
 };