> ## Documentation Index > Fetch the complete documentation index at: https://docs.into.space/llms.txt > Use this file to discover all available pages before exploring further. # Leverage > How leverage multiplies your exposure export const LeverageImpactChart = () => { const [hoveredLine, setHoveredLine] = useState(null); const [mousePos, setMousePos] = useState(null); const [isTouching, setIsTouching] = useState(false); const [isVisible, setIsVisible] = useState(false); const svgRef = useRef(null); const containerRef = useRef(null); useEffect(() => { const observer = new IntersectionObserver(([entry]) => { if (entry.isIntersecting) { setIsVisible(true); } }, { threshold: 0.2 }); if (containerRef.current) { observer.observe(containerRef.current); } return () => observer.disconnect(); }, []); const generateLeverageData = leverage => { const points = []; const entryPrice = 15; for (let i = 0; i <= 100; i++) { const marketProb = i; const newPrice = marketProb; const profitPerShare = newPrice - entryPrice; const returnPercent = profitPerShare / entryPrice * 100; const leveragedReturn = returnPercent * leverage; const svgX = 80 + marketProb / 100 * 480; const svgY = 320 - leveragedReturn / 800 * 280; points.push({ marketProb, pnl: Math.round(leveragedReturn), svgX, svgY, leverage }); } return points; }; const leverageLines = [{ leverage: 1, color: '#FFFFFF', label: 'No Leverage' }, { leverage: 3, color: '#8CC9F0', label: '3× Leverage' }, { leverage: 5, color: '#5AB4E8', label: '5× Leverage' }, { leverage: 10, color: '#2C9EDD', label: '10× Leverage' }]; const allLines = leverageLines.map(line => { const points = generateLeverageData(line.leverage); return { ...line, points, pathData: points.map((p, i) => `${i === 0 ? 'M' : 'L'} ${p.svgX} ${p.svgY}`).join(' ') }; }); const updateInteraction = (clientX, clientY) => { if (!svgRef.current) return; const rect = svgRef.current.getBoundingClientRect(); const svgX = (clientX - rect.left) / rect.width * 600; const svgY = (clientY - rect.top) / rect.height * 400; if (svgX >= 80 && svgX <= 560 && svgY >= 40 && svgY <= 320) { if (!isTouching) { setMousePos({ x: svgX, y: svgY }); } const marketProb = Math.round((svgX - 80) / 480 * 100); let closestLine = null; let minDistance = Infinity; allLines.forEach(line => { if (line.points[marketProb]) { const distance = Math.abs(svgY - line.points[marketProb].svgY); if (distance < minDistance && distance < 50) { minDistance = distance; closestLine = { ...line, point: line.points[marketProb] }; } } }); setHoveredLine(closestLine); } else { if (!isTouching) { setMousePos(null); } setHoveredLine(null); } }; const handleMouseMove = e => { if (!isTouching) { updateInteraction(e.clientX, e.clientY); } }; const handleMouseLeave = () => { if (!isTouching) { setMousePos(null); setHoveredLine(null); } }; const handleTouchStart = e => { e.preventDefault(); setIsTouching(true); const touch = e.touches[0]; updateInteraction(touch.clientX, touch.clientY); }; const handleTouchMove = e => { e.preventDefault(); const touch = e.touches[0]; updateInteraction(touch.clientX, touch.clientY); }; const handleTouchEnd = () => { setIsTouching(false); setMousePos(null); setTimeout(() => { if (isTouching === false) { setHoveredLine(null); } }, 3000); }; const getTooltipProps = line => { if (!line || !line.point) return {}; let x = line.point.svgX - 60; let y = line.point.svgY - 60; if (x < 10) x = 10; if (x > 470) x = 470; if (y < 10) y = line.point.svgY + 20; return { x, y }; }; const tooltipProps = getTooltipProps(hoveredLine); return

Leverage Impact on PnL

Market Example: US Government Shutdown

{} {} {mousePos && } {} {} {} {} {[...allLines].reverse().map((line, index) => { const gradientId = `gradient${line.leverage}x`; const areaPath = `${line.pathData} L 560 320 L 80 320 Z`; const originalIndex = allLines.length - 1 - index; const drawDelay = originalIndex === 3 ? 1.0 : originalIndex * 0.4; return ; })} {} {allLines.map((line, index) => { const breakevenPoint = line.points[15]; const isHovered = hoveredLine && hoveredLine.leverage === line.leverage; return ; })} {} {allLines.map((line, index) => {line.points.filter((_, i) => i % 2 === 0).map((point, i) => )} )} {} 0 15 20 40 60 80 100 {} 0 200 400 600 800 {} Market Probability (%) PnL of Margin (%) {} {leverageLines.map((line, index) => {line.label} )} Entry {} {hoveredLine && hoveredLine.point && {hoveredLine.point.marketProb}% probability {hoveredLine.label} {hoveredLine.point.pnl > 0 ? '+' : ''}{hoveredLine.point.pnl}% PnL }
; }; Leverage allows you to amplify your potential returns when trading on Space. Instead of paying the full amount for your position upfront, you can use a fraction of the total value as collateral - giving you exposure to a larger position size. With each prediction you choose the price and amount of shares you wish to buy. With leverage, you're able to buy more shares with your capital and gain greater exposure to the market. Leverage Pn **Example Market:** *"Will the U.S. government shut down before the end of the year?"*\ **Current Market Probability:** 15% (YES shares priced at \$0.15) * You decide to buy 1,000 YES shares at \$0.15. * Without leverage, that costs \$150. * With 5× leverage, you only need to deposit \$30 as margin (20% of the position value). * If the market shifts to 30% (\$0.30), your position doubles in value - now worth \$300, giving you a \$150 profit on just \$30 margin (500% ROE). * But if the odds fall to ≈13.33% (≈\$0.13), your position would be liquidated.