fix: jsx compatible camelCase syntax in svg (#3816)

d3 · Jan 29, 2024 · 9f9d468 · 9f9d468
1 parent cb875ee
commit 9f9d468
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/docs/getting-started.md b/docs/getting-started.md
@@ -295,8 +295,8 @@ export default function LinePlot({
   const line = d3.line((d, i) => x(i), y);
   return (
     <svg width={width} height={height}>
-      <path fill="none" stroke="currentColor" stroke-width="1.5" d={line(data)} />
-      <g fill="white" stroke="currentColor" stroke-width="1.5">
+      <path fill="none" stroke="currentColor" strokeWidth="1.5" d={line(data)} />
+      <g fill="white" stroke="currentColor" strokeWidth="1.5">
         {data.map((d, i) => (<circle key={i} cx={x(i)} cy={y(d)} r="2.5" />))}
       </g>
     </svg>
@@ -334,8 +334,8 @@ export default function LinePlot({
     <svg width={width} height={height}>
       <g ref={gx} transform={`translate(0,${height - marginBottom})`} />
       <g ref={gy} transform={`translate(${marginLeft},0)`} />
-      <path fill="none" stroke="currentColor" stroke-width="1.5" d={line(data)} />
-      <g fill="white" stroke="currentColor" stroke-width="1.5">
+      <path fill="none" stroke="currentColor" strokeWidth="1.5" d={line(data)} />
+      <g fill="white" stroke="currentColor" strokeWidth="1.5">
         {data.map((d, i) => (<circle key={i} cx={x(i)} cy={y(d)} r="2.5" />))}
       </g>
     </svg>