Skip to main content
100%

RequireJSUserScript

✓ Published0🌍 Public
Aabernier
Last edited Feb 24, 2012
Created on Feb 12, 2012

This example shows a UserScript that loads RequireJS into a page and uses it to manage modular dependencies for greeting and logging. The script injects the RequireJS library from GitHub, then executes a callback that configures the module base URL and loads an `index` module. That module depends on `greetings` and jQuery, and `greetings` depends on `speech`, demonstrating asynchronous dependency resolution via `require.config` and `define`.

AI-generated description

Similar vizzes

Loading thumbnail…

JS in HTML

This example demonstrates how JavaScript modules and dependencies are handled within an HTML page, highlighting the contrast between traditional script tags and ES6 module imports. It shows the console output of a string concatenated from variables exported across separate files, including `GetRekt.js` and `lmfao.js`, using named exports. The code uses ES6 `import` and `export` statements, which are bundled by Vizhub’s internal Rollup process when the file is named `index.js`. It visualizes the concept of topological sorting for script dependencies, though the actual rendering is limited to a plain HTML text display.

JJaga-droid
61% match
Loading thumbnail…

JS in HTML

This example demonstrates a minimal HTML page that uses an external JavaScript module to log a message to the browser console. The page structure is defined in `index.html` with a CSS class for a large, centered text element, while the interactive behavior is handled by `index.js`. The script imports a dependency from `something.js` and calls `console.log` to output "Hello JavaScript!". The example serves as a basic starter template for separating markup from script logic, though the displayed message relies on the imported module’s implementation.

Wwspwll@gmail.com
59% match
Loading thumbnail…

JS en HTML

This example demonstrates a minimal HTML page that includes D3 v7 and logs a greeting message to the browser console, showing how to mix ES modules with a classic script. The `index.js` module imports a string from `something.js` using an ES module `export` and logs it alongside a D3 selection check, while `script.js` logs a simple "Hola mundo!" message. The page loads D3 from a CDN via the `d3.min.js` script tag and relies on `d3.select` to confirm the library is available.

SSergio
58% match
Loading thumbnail…

JS modules Learner

This example demonstrates the JavaScript module system for importing and exporting variables between files. It shows how to share constants (`aThing`, `someThing`) across script files and how to load D3’s `select` API. The page renders a static HTML message with an inline `<style>` rule for large centered text, then logs imported values and the D3 `select` object to the console. It uses `d3.v7` from a CDN and relies on the browser’s native ES module support.

KKamalabot
58% match
Loading thumbnail…

JS in HTML

This example demonstrates how JavaScript modules can be seamlessly integrated into an HTML page using D3 v6. The page displays the text "Hello HTML" in large type, while the accompanying JavaScript logs greetings and exports to the browser console. It uses D3’s `select` import and modular exports from custom `something.js` and `thing.js` files, showcasing ES module syntax and dependency chaining. The rendering approach is simple static HTML with a CDN-hosted D3 script.

CCurran Kelleher
57% match
Loading thumbnail…

Native ES6 Modules Test

This example tests native ES6 module support in browsers without a bundler. It imports a constant from `bar.js` and logs it using `console.log`, while also demonstrating an import map that aliases `./utils.mjs` to an inline data URL for a logging function. The code uses the native `type="module"` script tag and the browser’s import map API, with a React starter link for comparison.

CCurran Kelleher
56% match
Loading thumbnail…

Gist 7ce9df53ac9ec00419634ca3f9e3f772

This example demonstrates a minimal JavaScript module that exports both a default function and a named export. The default function logs and returns a greeting string, while the named export `doStuff` logs a message when invoked. The code uses standard ES module syntax with `export default` and `export const`, and relies on the console API for output. It shows the basic structure of a reusable module, highlighting how default and named exports are defined and accessed. No external libraries or rendering are involved.

Aabernier
56% match
Loading thumbnail…

JS in HTML

This example demonstrates a minimal HTML page that displays a large, centered "Hello HTML!" message and relies on an external JavaScript file to log a string to the console. The setup uses plain HTML and CSS for structure and styling, while `index.js` imports a constant from `something.js` via ES modules and calls `console.log` to output the combined text. The code highlights the basic integration of JavaScript modules within an HTML document, showing how a static web page can incorporate client-side logic through separate script files.

Pplueckeb@rptu.de
55% match