frontend rendering

ByteFE

May 7, 2024 · Frontend Development

Optimizing Frontend Interactive Rendering with WebAssembly and WebGL: Architecture, Performance, and Practical Applications

This article explores the integration of WebAssembly and WebGL to build a high-performance frontend rendering engine, detailing architectural design, benchmark results, Lottie animation optimization, and a novel frame-difference sprite sheet technique that significantly reduces resource size while enhancing interactive capabilities.

Lottie AnimationSprite Sheet CompressionWebAssembly

0 likes · 11 min read

Optimizing Frontend Interactive Rendering with WebAssembly and WebGL: Architecture, Performance, and Practical Applications

ByteDance Data Platform

Jul 18, 2022 · Big Data

Unlocking Real‑Time Data Quality: ByteDance’s Dynamic Exploration Solution

This article explains how ByteDance’s dynamic data exploration tool improves data quality assurance by replacing time‑consuming SQL validation with real‑time, sample‑based profiling, detailing its problem background, core features, technical architecture, front‑end rendering techniques, operation‑stack management, and future enhancements.

Big DataSQL generationdata exploration

0 likes · 13 min read

Unlocking Real‑Time Data Quality: ByteDance’s Dynamic Exploration Solution

ByteFE

Mar 15, 2021 · Frontend Development

Advanced Line Rendering and Animation Techniques in Canvas for Data Visualization

This article provides a comprehensive guide to rendering and animating lines in the Canvas API for data visualization, detailing the mathematical foundations of polylines and cubic Bezier curves, segment-based drawing algorithms, spline interpolation methods, and optimized animation synchronization techniques.

Animation TechniquesBezier CurvesData Visualization

0 likes · 16 min read

Advanced Line Rendering and Animation Techniques in Canvas for Data Visualization