fix: remove white outline from chart datapoints (#63)

* fix: remove white outline from chart datapoints

Remove the white stroke around scatter plot datapoints for a cleaner
look. Set stroke to 'none' and stroke-width to 0 for both normal
and hover states.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

* style: fix formatting in footer.tsx

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

* Update chart-rendering.ts

---------

Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: functionstackx

packages/app/src/components/footer/footer.tsx

@@ -64,8 +64,8 @@ export const Footer = () => {
               className="text-sm text-muted-foreground max-w-xs text-center md:text-left"
             >
               Continuous open-source inference benchmarking. Real-world, reproducible, auditable
-              performance data trusted by trillion dollar AI infrastructure operators like
-              OpenAI, Oracle, Microsoft, etc.
+              performance data trusted by trillion dollar AI infrastructure operators like OpenAI,
+              Oracle, Microsoft, etc.
             </p>
           </div>
 

packages/app/src/lib/chart-rendering.test.ts

@@ -45,7 +45,7 @@ describe('SHAPE_CONFIG', () => {
 
   it('hover sizes are larger than normal sizes', () => {
     expect(HOVER_POINT_SIZE).toBeGreaterThan(POINT_SIZE);
-    expect(HOVER_STROKE_WIDTH).toBeGreaterThan(STROKE_WIDTH);
+    expect(HOVER_STROKE_WIDTH).toBeGreaterThanOrEqual(STROKE_WIDTH);
     expect(SHAPE_CONFIG.default.hover.r).toBeGreaterThan(SHAPE_CONFIG.default.normal.r);
   });
 });

packages/app/src/lib/chart-rendering.ts

@@ -3,10 +3,10 @@ import type * as d3 from 'd3';
 import { formatNumber } from '@/lib/utils';
 
 // Point shape constants
-export const POINT_SIZE = 4; // Base size (radius for circle, half-width/height for rectangle)
+export const POINT_SIZE = 3.5; // Base size (radius for circle, half-width/height for rectangle)
 export const HOVER_POINT_SIZE = 6; // Hover size
-export const STROKE_WIDTH = 1.5; // Normal stroke width
-export const HOVER_STROKE_WIDTH = 2; // Hover stroke width
+export const STROKE_WIDTH = 0; // Normal stroke width
+export const HOVER_STROKE_WIDTH = 0; // Hover stroke width
 export const HIT_AREA_RADIUS = 12; // Invisible hit area for easier interaction
 
 // Triangle path for BF16 precision

packages/app/src/lib/d3-chart/layers/scatter-points.ts

@@ -53,7 +53,7 @@ export function renderScatterPoints<T extends { precision: string; x: number; y:
       .append(shapeConfig.type)
       .attr('class', 'visible-shape')
       .attr('fill', config.getColor(d))
-      .attr('stroke', 'white')
+      .attr('stroke', 'none')
       .attr('cursor', 'pointer') as d3.Selection<
       SVGCircleElement | SVGRectElement | SVGPathElement,
       unknown,