vercel-labs / vercel-labs/json-render

Benchmark Comparison: JSONL vs. TOON output for json-render efficiency

Open
#33 1 comment 3 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
16.8k
Forks
901
Avg merge
3h 14m
Merged PRs (30d)
4

Description

Hi @ctate and team,

I've been experimenting with json-render and ran a benchmark comparing the default JSONL format to TOON.

Key findings from the benchmark:

  • Cost savings: Up to 89% reduction in cost with TOON.
  • Latency improvement: 74% faster response times.
  • Trade-offs: TOON doesn't support streaming/hot-loading out of the box, which I know is core to json-render's demo. However, I've mitigated this by implementing a polling mechanism that loads updates every X ms once the full TOON output is translated to JSONL. This allows for efficient batch processing while simulating incremental updates. For non-streaming use cases or with adaptations like this, the efficiency gains are massive.

I documented the full benchmark in my repo here. It includes the code, raw data, and charts for reproducibility.

Additionally, I've shared two demo videos in this tweet comparing JSONL and TOON outputs for the same prompt "Create a UI to modify users data (picture,username, descripcion, mail)" . They highlight the practical differences in cost and time.

I'm sharing this not as a proposal to change the project (unless it aligns with your vision), but to spark a discussion. Maybe it could inspire an optional mode or further optimizations? I'd love to hear your thoughts on this.

Thanks for the great work on json-render!

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the linked benchmark repository and review its code, raw data, and charts comparing JSONL with TOON. The issue does not name project files or tests; a useful next step would require a concrete decision about an optional output mode or optimization, with benchmarks demonstrating the intended result.

Written by the indexing model from the issue text.

Assessment

Tech stack
json, typescript
Domain
performance
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.