Skip to main content
SimilarExport ZIP
100%

Chat Model Pricing Across Providers

✓ Published1🌍 Public
CCurran Kelleher
Last edited Oct 3, 2024
Created on Oct 3, 2024

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.

AI-generated description

From https://api.together.xyz/models

MIT Licensed

Similar vizzes

Loading thumbnail…

Chat Model Pricing in Together & DeepInfra

A horizontal bar chart compares the price per million tokens for chat models offered by Together AI and DeepInfra. Each bar represents a model, and its length corresponds to the price, while color distinguishes the provider. The chart uses D3.js APIs including `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom`, and it filters the data to only show chat-type models. The data is sourced from the Together and DeepInfra model pricing lists.

CCurran Kelleher
92% 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
90% 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
87% 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
67% match
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
67% 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
66% match
Loading thumbnail…

OpenRouter LLM API Pricing Updated

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.

CCurran Kelleher
65% 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
63% match