Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Large Language Model API Pricing vs Web Dev Performance

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

3c4b1e2fdffc4d56a87b06619550dcac

Open

Large Language Model API Pricing vs Web Dev Performance

0 stars1🌍 Public
CCurran Kelleher
Last edited Nov 20, 2025
Created on Nov 19, 2025

This interactive scatter plot compares the cost of API calls against web development performance scores for various large language models. Each circle represents a model, colored by provider (OpenAI, Anthropic, Google, or Other), with cross-hair lines and a dashed trend line revealing the cost-performance trade-off. Hovering over a provider in the legend highlights that provider’s models. Built with React, D3.js 7, and SVG, it reads pricing data from OpenRouter and performance benchmarks from LMArena.

AI-generated description

LLM Pricing Visualization

A D3.js visualization comparing Large Language Model API pricing against web development performance benchmarks.

Features

  • Interactive scatter plot showing pricing vs performance
  • Line of best fit visualization
  • Color-coded by provider (OpenAI, Anthropic, Google, Other)
  • Responsive design with automatic resizing
  • Grid lines and axis labels for easy reading

Data

  • data.csv - LLM pricing information (prompt and completion costs)
  • webDevScores.csv - Web development performance scores