nit fixes

Author: gazcn007

README.md

@@ -62,10 +62,10 @@ export const GraphExample = () => {
 This project uses Node.js v16.10.0 for development.
 
 ### Available Scripts
-- `yarn start` - Runs Storybook for development
-- `yarn build` - Builds the package
-- `yarn test` - Runs tests
-- `yarn lint` - Runs linter
+- `npm start` - Runs Storybook for development
+- `npm run build` - Builds the package
+- `npm run test` - Runs tests
+- `npm run lint` - Runs linter
 
 ### Publishing
 1. Bump version:

src/algorithms/ManhattanDistance/ManhattanDistance.tsx

@@ -231,6 +231,7 @@ function CityMapDiagram({
               cx={pixelPos.x}
               cy={pixelPos.y}
               opacity={0.8}
+              //@ts-ignore
               title={friend.id}
             />
             <text

src/components/CycleFlow/CycleFlow.tsx

@@ -106,7 +106,6 @@ export const CycleFlow: React.FC<CycleFlowProps> = ({
     const path = `M ${source.x} ${source.y} A ${radius} ${radius} 0 ${largeArc} ${sweep} ${target.x} ${target.y}`;
 
     // Calculate the midpoint of the arc for label placement
-    const midAngle = (sourceAngle + targetAngle) / 2;
     const bulgeRatio = 0.15; // Controls how far the label sits from the direct line
     const midDistance = distance * bulgeRatio;
 

src/visualizations/Globe/GlobeMap.stories.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { GlobeMap } from './GlobeMap';
 
 export default {
-  title: 'Visualizations/GlobeMap',
+  title: 'Visualizations/Map Modules',
   component: GlobeMap,
   parameters: {
     docs: {

src/visualizations/Timeline/Timeline.tsx

@@ -68,7 +68,6 @@ const Timeline = ({ width = 1000, height = 500, events }: TimelineProps) => {
       </defs>
       {/* Main Timeline Line */}
       <animated.line
-        // @ts-expect-error animated.line doesn't recognize SVG line attributes
         x1={50}
         y1={lineY}
         y2={lineY}