An Ultimate Guide for non-WLJS or non-WL users

The idea of programmatically generating slides and graphics for presentations, reports, or lecture notes is far from new. Today, you can do this using Python, HTML, JSX, Julia, and more. Most of these tools follow a similar concept—combining declarative markup like Markdown and HTML. We’ll follow a similar path but add support for dynamic elements, reusable components, and event bindings. Sounds complicated? Actually, the goal is to simplify.

⚠️ Heads-up: This approach involves traditional text-based programming.

⚠️ Warning: Lots of images ahead. It is about presentations 😄

using GeoData, surface plot, and a bunch of other beautiful stuff

Have you ever played Outer Wilds? The planets there are incredibly beautiful. This actually became the main motivation to create my own simple model of a planet, using real geographical elevation data and a bit of Wolfram Language magic.

A game running in the notebook? Ha?! 🐺👾

I was playing recently too much of Nier:Automata and decided to recreate a hacking mode in WLJS Notebook & Wolfram Language

Sorry for not posting a source code, I will make a blog post later on it

It is also possible to combine your custom input element with traditional dynamics. For instance you want to create multiple input fields, which are synchronised with each other or using some equation.

Point charges plot using a brand-new Tube

See more here

Can you image Graphics to be that fast? 🌊 No raster images was used

Each block is

Translate[{Opacity[life], RGBColor[life, 0, 1-life], Rectangle[{-1,-1}, {1,1}]}, t]

Please see FrontProxy in the documentation for more information.

Learning Fraunhofer diffraction with Wolfram Language and WLJS Notebook

We refined our Graphics3D to support different material parameters

A tandem of RevealJS and Wolfram Language made using Graphics3D and Path-tracing

How to make simple counter animation for slides

You've likely seen videos featuring animated bar charts with a timeline, where the bars dynamically shift and overtake each other

Another raster animation. Now without OpenCL, pure WL and Compile

A GPU is also a great tool for general-purpose computations. There are a few ways to couple it with Wolfram Language:

• CUDALink
• OpenCLLink
• LibraryLink

The first option requires hardware from Nvidia, which is a massive drawback considering there are many other processors on the market capable of crunching numbers. The last option allows integrating any dynamic library written in C/Rust (probably there are other bindings as well) into our Kernel, but the amount of effort required to write a general-purpose GPU library and deal with cross-platform issues is quite cumbersome and defeats the whole purpose of using WL here.

We will go with the most cross-platform and hardware-agnostic solution: OpenCL 🚅

By simply computing the covariance matrix and finding its eigenvectors and -values, you can determine the principal axes and the corresponding lengths of the ellipse.

Using Wolfram Language and WLJS

In this notebook we will apply some optimizations to the code, expand the resolution and switch to immediate mode of graphics rendering.