import { motion } from 'framer-motion'; interface IsotypeProps { theme: Record; mode?: 'story' | 'slideshow' | 'thumbnail'; } export default function JapaneseDenimPrices({ theme, mode = 'story' }: IsotypeProps) { // Data points representing approximate prices of Japanese selvedge denim over time const dataPoints = [ { year: 1980, price: 45 }, { year: 1985, price: 65 }, { year: 1990, price: 85 }, { year: 1995, price: 120 }, { year: 2000, price: 180 }, { year: 2005, price: 250 }, { year: 2010, price: 320 }, { year: 2015, price: 380 }, { year: 2020, price: 420 }, { year: 2024, price: 450 }, ]; const maxPrice = 500; const chartHeight = 192; // h-48 in pixels // Create SVG path for the line const createPath = () => { const width = 600; const stepX = width / (dataPoints.length - 1); return dataPoints.map((point, i) => { const x = i * stepX; const y = chartHeight - (point.price / maxPrice) * chartHeight; return i === 0 ? `M ${x} ${y}` : `L ${x} ${y}`; }).join(' '); }; return (

Japanese Selvedge Denim Price Evolution

{/* Y-axis labels */}

$500 $250 $0

{/* Chart area */}

{/* X-axis labels */}

{dataPoints.map((point, i) => ( i % 2 === 0 ? {point.year} : ))}

$45

1980 baseline

→

$450

2024 average

10x increase over 44 years • Artisanal production & vintage shuttle looms

); } export const metadata = { title: 'Japanese Selvedge Denim Prices', tags: ['data-viz', 'fashion', 'economics', 'trends', 'denim'], };

Selvedge price trend