DOCSEARCHbyAlgolia
Submit Docs

WLJS Notebook

website·Indexed 32 days ago

https://wljs.io/

An open-source notebook interface and IDE that integrates live code from Wolfram Language, JavaScript, and other languages. It features a Notebook API for programmatic manipulation of cells and windows, support for Markdown, HTML, and WLX, and specialized tools for building live presentations with dynamic content.

Tokens
614.7K
Snippets
5.1K
Records
5.8K
Agent score
64%

What's inside WLJS

  1. Overview of WLJS Notebook IDE

    WLJS is a free and open-source notebook interface (IDE) that combines live code from Wolfram Language, JavaScript, and other languages. It is designed for research, experiments, and creating web-publishable interactive reports. Key features include:

    • GUI building blocks for user input/output.
    • Support for Markdown (narrative text) and a subset of LaTeX (equations).
    • Ability to run expressions in the browser even without a kernel, thanks to its own standard libraries and runtime.
    • Compatibility with the freeware Wolfram Engine.
    • Support for interactive elements like Graphics, Graphics3D, Sound, Image3D, Manipulate, and Animate.

  2. Overview of Wolfram Paclets in WLJS

    Paclets are the canonical format for distributing libraries (packages) for Wolfram Language interpreters, including Wolfram Engine, WolframScript, and Mathematica. WLJS Notebook supports paclets distributed for Mathematica, though some visual glitches or issues with Dynamic may occur due to differences in frontend implementations.

  3. Introduction to WLX syntax and usage

    WLX is a hybrid of Wolfram Language (WL) and HTML/XML. It allows you to write WL using XML tags and build HTML templates using Wolfram Expressions. To use WLX, type .wlx in the first line of an input cell and start writing WLX on a new line.

    Key syntax rules:

    • Case Sensitivity: Wolfram expressions must start with a capital letter (e.g., <Div>), while plain HTML tags must be lowercase (e.g., <div>).
    • Root Element: Keep only one or zero root elements in a cell.
    • Closing Tags: All XML tags must be explicitly closed (e.g., <img src="..."/>).
    .wlx
<Now/>

  4. Use NetPairEmbeddingOperator for similarity and metric learning

    The NetPairEmbeddingOperator[net] is used for similarity learning and metric learning tasks. It takes a pair of arrays, embeds them into a vector space using the specified net, and outputs the distance between the resulting embeddings. You can customize the distance calculation using the DistanceFunction option.
    (* Basic usage with a single linear layer *}
NetPairEmbeddingOperator[LinearLayer[10]]

(* Usage with a NetChain and CosineDistance *}
NetPairEmbeddingOperator[NetChain[{LinearLayer[20], Ramp, LinearLayer[10]}], 
  DistanceFunction -> CosineDistance]

(* Usage with a pre-defined encoder and EuclideanDistance *}
NetPairEmbeddingOperator[encoder, "DistanceFunction" -> EuclideanDistance]

  5. Render Wolfram Expressions using EditorView

    The EditorView component renders Wolfram Expressions as they appear in a code editor. It accepts a string or an Offload object representing the expression. It can also accept complete cell objects such as ExpressionCell, Cell, or TextCell (including Section types).

    Performance Warning: EditorView is computationally expensive due to the number of decoration widgets. Do not use it for rapidly changing data; use TextView instead.

    EditorView[expr_String | expr_Offload, opts___]

(* Examples with cell objectsが)
EditorView[ExpressionCell[expr, "Input"]]
EditorView[Cell[expr_String, "Input"]]
EditorView[TextCell[expr_String]]
EditorView[TextCell[expr_String, "Section"]]

  6. Use TeXFormAsync for non-blocking TeX form processing

    TeXFormAsync is the non-blocking variant of TeXForm. Unlike the synchronous version, TeXFormAsync returns a Promise, allowing for asynchronous processing of TeX forms without blocking the execution thread.

  7. Use MeshPhongMaterial for simplified Phong lighting

    MeshPhongMaterial implements a simplified Phong reflection model for lighting, providing a balance between visual quality and performance for 3D materials.
    MeshPhongMaterial[]

  8. WLJS Backend Architecture

    The backend consists of:

    • Wolfram Engine: Handles logic and acts as the TCP/HTTP/WebSocket server.
    • libuv: Provides cross-platform socket support.
    • WLX: A server-side rendering template engine (similar to JSX).

  9. Use ChoiceDialogAsync for asynchronous user choices

    ChoiceDialogAsync is the asynchronous version of the ChoiceDialog component. Unlike the standard ChoiceDialog, it returns a Promise, allowing developers to await the user's selection in an asynchronous workflow.

  10. Represent a power series using SeriesData

    The SeriesData function represents a power series in the variable x centered about the point x0. It is defined by the coefficients ai, the minimum and maximum indices (nmin, nmax), and a denominator den.
    SeriesData[x, x0, {a0, a1, ...}, nmin, nmax, den]

  11. Use PredictorFunction to predict numerical values

    PredictorFunction[...] is a function generated by the Predict command. It is used to predict numerical values based on patterns learned from provided training data.
    (* Create a predictor using training data pairs {input -> output} *}
p = Predict[{1 -> 2, 2 -> 4, 3 -> 6}];

(* Use the predictor function to predict the value for input 4 *}
p[4]
(* Output: 8. *)

  12. Expand expressions with ComplexExpand

    Use ComplexExpand to expand expressions by making assumptions about whether variables are real or complex. By default, ComplexExpand[expr] assumes all variables in the expression are real. To specify that certain variables are complex, provide a list of those variables as the second argument: ComplexExpand[expr, {x1, x2, ...}].
    (* Expand assuming all variables are real *)
ComplexExpand[Re[a + b I]]
(* Output: a *

(* Expand assuming variable z is complex *)
ComplexExpand[Abs[z]^2, {z}]
(* Output: Re[z]^2 + Im[z]^2 *