OpenRouter LLM API Pricing Updated

100%

OpenRouter LLM API Pricing Updated

✓ Published0🌍 Public

Last edited Feb 18, 2025

Created on Feb 18, 2025

One hundred forty-four LLM bars charted by cost-per-token, colored by provider with a Tableau10 legend, and sorted ascending. Prices come from openrouter.ai/docs/models, with free, beta, dated, and extended versions filtered out. The chart uses D3's `scaleBand`, `scaleLinear`, and a custom `selectTicks` algorithm for axis gap-filling, while `data.json` supplies structured model metadata.

AI-generated description

LLM Model pricing data from https://openrouter.ai/docs/models

MIT Licensed

Similar vizzes

Loading thumbnail…

OpenRouter LLM API Pricing

This visualization compares LLM API pricing from OpenRouter, showing the completion cost per million tokens for various models as horizontal bars. Each bar is colored by the model's author, with well-known organizations like OpenAI, Anthropic, and Google distinguished from others. The chart filters out free, beta, and dated models to focus on current paid offerings. The visualization uses D3.js with a linear scale for the x-axis and band scale for model names. A custom `selectTicks` algorithm intelligently places axis tick marks to avoid overcrowding. Model authors are mapped to a Tableau10 color scale, with a color legend showing the mapping. The data comes from OpenRouter's model documentation.

CCurran Kelleher

90% match

Loading thumbnail…

Fork of OpenRouter LLM API Pricing

This horizontal bar chart compares completion costs for LLM models from OpenRouter, priced per million tokens, using a quantile color scale to categorize models into budget, standard, and premium tiers. It uses D3’s `scaleBand`, `scaleLinear`, and `scaleQuantile` to position bars and compute tiers, while `colorLegend.js` builds a legend with `scaleOrdinal` and `schemeTableau10` for provider colors. The `selectTicks.js` module implements a custom tick-selection algorithm for the x-axis, and tooltips reveal model details. Data comes from the included `data.csv` file.

NNita

87% match

Loading thumbnail…

OpenRouter Data

A scatter plot maps the OpenRouter model catalog, with each point representing a model positioned by context length and pricing per million tokens. The visualization uses a logarithmic scale for pricing to accommodate the wide range from free models to premium tiers, while color coding distinguishes model providers and point size reflects context window capacity. Built with D3.js, the plot reads from a JSON snapshot of the OpenRouter API, fetched via curl on February 21, 2025, and renders interactive tooltips showing model names, descriptions, and tokenizer details on hover.

CCurran Kelleher

78% match

Loading thumbnail…

Aider Models in OpenRouter

This scatter plot compares usage and cost of AI models listed on OpenRouter as of July 2025, with tokens on the x-axis and price per million tokens on the y-axis. Data is loaded from a CSV and visualized using D3 v7 with `d3.forceSimulation` to position labels, preventing overlap, and `d3.axisBottom`/`axisLeft` for axes. The chart highlights that Claude Sonnet 4 and Gemini 2.5 Pro lead in usage, DeepSeek V3 0324 offers low cost with substantial use, while Claude Opus appears too expensive for widespread adoption.

CCurran Kelleher

72% match

Loading thumbnail…

Large Language Model API Pricing (October 2024)

This horizontal bar chart compares the cost per million output tokens for chat models from four API providers: Together AI, DeepInfra, OpenAI, and Anthropic, with bars colored by provider and labeled with their exact price. The visualization uses D3.js, employing a symlog scale for the x-axis to handle the wide range of prices, and custom tick selection logic to place readable axis labels. Data is sourced from a Google Sheet and filtered to chat-type models, with bars sorted by ascending price.

CCurran Kelleher

67% match

Loading thumbnail…

Chat Model Pricing Across Providers

This horizontal bar chart compares the cost per million output tokens for chat models across Together AI, DeepInfra, OpenAI, and Anthropic. The visualization uses D3’s `scaleBand` for the categorical y-axis and a linear `scaleLinear` x-axis, with bars colored by provider via `scaleOrdinal`. Model prices come from a CSV dataset, listing endpoints from Together AI and DeepInfra, while axis labels and a color legend clarify the mapping.

CCurran Kelleher

65% match

Loading thumbnail…

Large Language Model API Pricing vs Web Dev Performance

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.

CCurran Kelleher

63% match

Loading thumbnail…

Chat Model Pricing in Together.ai

This visualization displays the cost per million tokens for various chat models offered by Together.ai, using data scraped from their serverless endpoints pricing page. Prices are sorted in ascending order across a horizontal bar chart, with the most expensive models at the top. The code uses D3's `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` APIs to render the chart, filtering the raw CSV data to include only chat models with numeric pricing. Each bar's width reflects the parsed price value, and axis labels are formatted as currency.

CCurran Kelleher

60% match