Skip to main content
100%

Gist 7ce9df53ac9ec00419634ca3f9e3f772

✓ Published0🌍 Public
Aabernier
Last edited Sep 15, 2018
Created on Sep 15, 2018

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.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist afb2c61a5f1e80066b6beb25830811f4

This example demonstrates a minimal JavaScript module that exports a function returning the number 42. It shows the basic structure of an ES6 module using the `export default` syntax. The code relies on JavaScript’s module system and contains no external libraries or data sources. The visualization simply renders a fixed constant value, with no dynamic behavior, animation, or DOM interaction. It serves as a placeholder or starting point for integrating a data-driven chart or graph in a larger application.

KKristinHenry
76% match
Loading thumbnail…

Named and Default export

This example demonstrates the difference between named and default exports in ES6 JavaScript modules, showing how both can be imported together in a React context. The code defines `foo.js` with named exports `foo` and `bar`, plus a default export function, then imports them in `index.js` using mixed import syntax. It uses template literals to log the exported values and imports D3's `select` API to verify the library loads. The rendered page is a minimal HTML document with large centered text, displaying "Hello HTML" without any visualization or data rendering.

AAndrea Mignone
72% match
Loading thumbnail…

Gist c08148f7d8bbb51cfe324a768ab83e43

This example logs the string “hello world” to the console, demonstrating a minimal JavaScript execution. The code uses the native `console.log` API to output the text, with no data source or rendering involved. It serves as a basic illustration of a program’s entry point, showing the simplest possible interaction between code and output.

Aamazingandyyy
68% match
Loading thumbnail…

Gist baa8565f0ec238a1d9fccefd15baf53a

This example demonstrates a minimal JavaScript module system in action, showing how a Car class with a color property and a counter is imported and used. The code defines a Car constructor function that initializes a red car by default, with a `roule` method that increments the counter by the given kilometers. A separate file requires the Car module, creates a green car instance named titine, and calls `roule(5)` to add five kilometers to its counter. The example relies on Node.js’s `require` and `module.exports` APIs to handle module loading and export.

Aabernier
67% match
Loading thumbnail…

Gist e8ba8b98cbdee1807cd1

This example creates a simple test function that logs "test" to the console. It defines `testFun()` and immediately invokes it, demonstrating basic JavaScript function declaration and execution. The visualization relies on standard JavaScript syntax rather than external libraries or data sources, showing a minimal code execution pattern with console output.

OOrkish
66% match
Loading thumbnail…

js in html

This example demonstrates a minimal HTML page that imports and logs a JavaScript module. It uses ES6 module syntax with `import` and `export` to load a constant value from a separate file. The page displays the text "Hello HTML!" in a large, centered message using inline CSS styling. The code shows how to structure a basic project with separate JavaScript files and the browser's module support.

FFrancisco Ibelles
65% 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
64% match
Loading thumbnail…

Gist d4a6d55663d524237c14

This example demonstrates a JavaScript module that automatically instruments an object’s methods to log their arguments and return values to the browser console. It uses the `underscore` library to chain through the object’s functions, wrapping each method with `console.group` and `console.log` calls. The wrapper takes a module and an identifier, replacing each original method with a logging version that preserves the original behavior. The code shows the pattern for debugging or tracing method calls in a modular JavaScript application.

TThomasG77
63% match