Примеры MathBox | MathBox Examples

Эта веб-страница содержит коллекцию интерактивных математических визуализаций, созданных с использованием MathBox: библиотеки для рендеринга математических диаграмм презентационного качества в браузере с использованием WebGL, построенной на основе Three.js и ShaderGraph. В большинстве примеров также используется dat.gui для пользовательского интерфейса.

This webpage contains a collection of interactive mathematical visualizations built using MathBox: a library for rendering presentation-quality math diagrams in a browser using WebGL, built on top of Three.js and ShaderGraph. Most examples also utilize dat.gui for the user interface.
Эта коллекция размещена на GitHub.

This collection is hosted at GitHub.
Последнее обновление: 18 июня 2016 г.

Last updated: 18 June 2016.



Введение в MathBox | MathBox Introduction

Показывает, как построить график двумерной функции y = f(x) в MathBox.

Illustrates how to create a graph of a 2D function y = f(x) in MathBox.




Демонстрация dat.gui | dat.gui Demo

Показывает, как настроить различные типы данных с помощью dat.gui: числа, ползунки чисел, текст, логические значения, цвета, списки, функции и папки.

Illustrates how to set up the different data types using dat.gui: numbers, number sliders, text, booleans, colors, lists, functions, and folders.




Интеграция MathBox с dat.gui | Integrating MathBox with dat.gui

График двумерной функции y = f(x). Новые возможности:

Graph of a 2D function y = f(x). New features:




График двумерной функции | 2D Function Graph

График двумерной функции y = f(x). Новые возможности:

Graph of a 2D function y = f(x). New features:




График двумерной неявной кривой | 2D Implicit Curve Graph

График двумерной кривой, заданной неявно уравнением f(x,y) = g(x,y). Использует алгоритм «марширующих квадратов» для аппроксимации кривой. Включает в себя множество предустановленных уравнений.

Graph of a 2D curve defined implicitly by f(x,y) = g(x,y). Uses the marching squares algorithm to approximate the curve. Includes a variety of preset equations.




График трехмерной функции | 3D Function Graph

График трехмерной функции z = f(x, y). Включает регулируемые параметры, различные цветовые схемы, а также опциональную каркасную модель и затенение.

Graph of a 3D function z = f(x, y). Includes adjustable parameters, various color schemes, and optional wireframe and shading.




Производные в 3D | 3D Derivatives

График 3D-функции z = f(x,y). Координаты точки вводятся в виде текста. Включает необязательные графики частных производных по x и y, касательной плоскости, производных по направлению и градиента в заданной точке.

Graph of a 3D function z = f(x,y). Coordinates of a point entered as text. Includes optional graphs of x- and y- partial derivatives, tangent plane, directional derivatives, and the gradient at the given point.




Поверхности в 3D | Surfaces in 3D

График 2D-поверхности (x,y,z) = (f(u,v), g(u,v), h(u,v)) в 3D.

Graph of a 2D surface (x,y,z) = (f(u,v), g(u,v), h(u,v)) in 3D.




Кривые в 3D | Curves in 3D

График кривой (x,y,z) = (f(t), g(t), h(t)) в 3D. Для большей наглядности отображает трубку переменного размера/цвета вокруг кривой.

Graph of a curve (x,y,z) = (f(t), g(t), h(t)) in 3D. Plots a variable size/color tube around the curve for easier visibility.