IdeaWell

Project ideas from Hacker News discussions.

Show HN: ChartGPU – WebGPU-powered charting library (1M points at 60fps)

Original Article

Hacker News Discussion

📝 Discussion Summary (Click to expand)

Here are the four most prevalent themes from the Hacker News discussion about ChartGPU:

1. Performance and High-Point Rendering

The library is praised for its ability to render large datasets (millions of points) smoothly in the browser, positioning it as a significant advancement over traditional charting libraries. Specific benchmarks and hardware capabilities are frequently discussed.

"I'm getting 165 fps (screen refresh rate), 4.5-5.0 in GPU time and 1.0 - 1.2 in CPU time on a 9970x + RTX Pro 6000. Definitely the smoothest graph viewer I've used in a browser with that amount of data, nicely done!" — embedding-shape

"Just to emphasize how good the performance is, I get 34.7 FPS on the Million Points demo... with sampling disabled and fully zoomed out!!!" — zamadatix

2. WebGPU Browser Support and Fallback Concerns

A major theme is the current limitations of WebGPU support across browsers and operating systems. Users report issues with Firefox, Linux, and mobile devices, prompting calls for a fallback to WebGL or Canvas to ensure broader accessibility.

"Please support a fallback, ideally a 2D one too. WebGPU and WebGL are a privacy nightmare and the former is also highly experimental. I don't mind sub-60 FPS rendering, but I'd hate having to enable either of them just to see charts if websites were to adopt this library." — m132

"The biggest issue is MacOS users with newer Safari on older MacOS." — sroussey

3. Architectural Future and Feature Suggestions

Many comments focus on the library's future roadmap, specifically the request for rendering graph/network visualizations and full support for Web Workers (OffscreenCanvas) to handle heavy data processing off the main thread.

"Worker thread support via OffscreenCanvas is a great idea and WebGPU does support it. I haven't tested ChartGPU in a worker context yet, but the architecture should be compatible..." — huntergemmer

"I should be upfront though: ChartGPU is currently focused on traditional 2D charts... not graph/network visualization with nodes and edges. That said, the WebGPU rendering patterns would translate well to force-directed graphs." — huntergemmer

4. Validity of "AI-Generated" Project

A critical theme emerged questioning the authenticity and quality of the codebase, with users pointing to AI-related files in the repository and "LLM-style" writing in the comments as evidence that the project might be "AI slop" and unsuitable for production use.

"The code in the repo is pretty awful with zero abstraction of duplicated render pipeline building and ai slop comments all over the place like “last resort do this”. Do not use this for production code. Instead, prompt the ai yourself and use your own slop." — rustystump

"Given that the author's post and comments all sound like they were run through an LLM, I'm not at all surprised." — bobmoretti

🚀 Project Ideas

WebGPU Charting Fallback Engine

Summary

  • [Solves the WebGPU compatibility issue for users on browsers/OS combinations where WebGPU is not supported or enabled by default.]
  • [Provides a robust, performant 2D Canvas fallback for ChartGPU, ensuring accessibility for all users without degrading the experience for those with WebGPU.]

Details

Key Value
Target Audience Developers using ChartGPU for dashboards, financial tools, or public-facing web apps who cannot rely on WebGPU availability.
Core Feature A wrapper or plugin that automatically detects WebGPU support and switches to an optimized 2D Canvas rendering engine if missing.
Tech Stack Canvas API (2D Context), TypeScript, WebGPU (for detection logic).
Difficulty Medium
Monetization Revenue-ready: Core fallback is free, but "Premium Acceleration" tier unlocks advanced WebGL fallback for legacy devices.

Notes

  • [HN commenters like pier25 and m132 explicitly requested a fallback: "Shame there's not a webgl fallback though" and "Please support a fallback, ideally a 2D one too."]
  • [Addresses the "privacy nightmare" and "experimental" concerns raised by users like m132, making the library safe for broader adoption.]
  • [Broadens the potential user base significantly by removing the strict hardware/OS requirements that limit the current library.]

Real-Time Data Benchmarking Tool

Summary

  • [Solves the difficulty in objectively comparing charting performance across different hardware configurations.]
  • [Provides a standardized, automated benchmarking suite that users can run locally to generate shareable performance reports.]

Details

Key Value
Target Audience Power users, open-source maintainers, and enterprise teams evaluating ChartGPU vs. competitors (like uPlot).
Core Feature A CLI or web tool that runs automated rendering tests (load time, FPS, GPU/CPU time) and outputs a JSON/URL summary.
Tech Stack Node.js (CLI), WebGPU (via Puppeteer or headless Chrome), React (for web interface).
Difficulty Low
Monetization Hobby: Open source script.

Notes

  • [Inspired by embedding-shape's comment: "Would be great if you had a button there one can press, and it does a 10-15 second benchmark then print a min/max report."]
  • [Practical utility for the community to validate performance claims and compare hardware, fostering discussion.]
  • [Directly addresses the performance curiosity expressed by multiple HN users (e.g., zamadatix).]

Worker Thread Offscreen Canvas Adapter

Summary

  • [Solves the main thread blocking issue caused by heavy data munging before rendering, a pain point for complex dashboards.]
  • [Enables ChartGPU to run entirely in a Web Worker using OffscreenCanvas, keeping the UI thread responsive.]

Details

Key Value
Target Audience Developers building high-frequency trading dashboards or data-heavy applications (e.g., samradelie, pf1gura).
Core Feature An adapter wrapper that handles postMessage communication for data and events, exposing a ChartGPU instance inside a worker.
Tech Stack Web Workers, OffscreenCanvas API, Comlink (for RPC), TypeScript.
Difficulty Medium
Monetization Revenue-ready: Free library adapter, paid "Enterprise Support" for complex integration scenarios.

Notes

  • [Directly requested by samradelie: "Can ChartGPU support this?" regarding OffscreenCanvas and worker threads.]
  • [Solves the "expensive operation" of copying data between worker and main thread mentioned by pf1gura.]
  • [Enables "zero copy" transfer of large datasets, a massive performance win for real-time applications.]

Live Trading & Finance Plugin Suite

Summary

  • [Solves the lack of specialized financial charting primitives in high-performance libraries (e.g., Order Book Heatmaps).]
  • [Provides a paid plugin ecosystem for ChartGPU targeting the fintech sector, as suggested by PxldLtd.]

Details

Key Value
Target Audience Fintech developers, trading platforms, and quantitative analysts requiring specialized visualizations.
Core Feature Pre-built, GPU-accelerated components for Order Book Heatmaps, 3D Volatility Surfaces, Fibonacci Retracements, and Gann Fans.
Tech Stack ChartGPU (core), WGSL (shaders for custom viz), TypeScript.
Difficulty High
Monetization Revenue-ready: One-time purchase or subscription for the plugin bundle (e.g., "Finance Pro Pack").

Notes

  • [Leverages the explicit suggestion from PxldLtd: "Have you thought about leaning into some of the fintech space? They'd happily pay... look into Order Book Heatmaps... Integrating drawing tools like Fibonacci Retracements."]
  • [Taps into a lucrative market willing to pay for performance and specific tooling, addressing the developer's monetization question.]
  • [Expands the library's utility beyond generic charts into vertical-specific solutions.]

Read Later