🏔️ 3D Surface Plotter

Biểu đồ mặt trực quan hóa một hàm của hai biến, z = f(x, y), dưới dạng trường độ cao: với mỗi điểm trên mặt phẳng x/y, hàm cho ra một độ cao z, và khi nối các độ cao đó lại ta được một lưới mượt lơ lửng trong 3D. Màu sắc thường mã hóa độ cao, giúp các đỉnh và thung lũng nổi bật ngay từ cái nhìn đầu tiên. Đây là cách tự nhiên để hình dung địa hình, nhiệt độ trên một tấm phẳng, hoặc hình dạng của một mặt yên ngựa toán học.

Công cụ tính một lưới điểm (tối đa 40×40) bằng cách đánh giá hàm của bạn trên toàn miền, sau đó xoay chúng bằng hai góc bạn điều khiển, chiếu các điểm đã xoay xuống 2D bằng phép chiếu đẳng phối đơn giản, và sắp xếp các mặt từ xa đến gần để các mặt gần che các mặt xa hơn - thuật toán họa sĩ kinh điển. Mọi thứ đều được vẽ bằng canvas HTML thuần túy: không có WebGL hay three.js, nên công cụ nhỏ gọn và không phụ thuộc thư viện ngoài.

Trình phân tích whitelist tùy chỉnh sẽ đọc công thức của bạn - không có JavaScript eval - nên chỉ chấp nhận các hàm đã liệt kê (sin, cos, tan, sqrt, abs, exp, log, pow), các hằng số pi và e, cùng hai biến x và y. Mọi thứ khác sẽ bị từ chối trước khi chạy. Điểm bắt đầu tốt là các mẫu có sẵn, chẳng hạn sin(x)*cos(y) cho một trường sóng lăn hoặc x^2 - y^2 cho mặt yên ngựa cổ điển.