Named and Default export

100%

Named and Default export

✓ Published0🌍 Public

Last edited Apr 23, 2021

Created on Apr 23, 2021

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.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Ep6

This example demonstrates how modular JavaScript code can be assembled using ES6 imports and exports, alongside a direct integration of the D3.js library (v7). The visualization outputs a simple text string built from a constant defined in a separate module, while also logging the imported `select` function from D3 to the console. It contrasts an "old school approach" with a React-based starter template, highlighting different methods for structuring D3 projects. The code relies on D3's distribution from unpkg and does not render any graphical charts, serving only as a code-level illustration.

JJun Alvarado

76% match

Loading thumbnail…

JS outside HTML

A minimal HTML page demonstrates the separation of JavaScript logic from markup by importing a constant from an external module and logging it to the console. The example uses D3’s `select` function to highlight how modern JavaScript modules can be combined with D3 in a plain HTML environment. The page loads D3 v7 via a CDN script tag, while the application code imports from `./something.js` using the `import` statement, showcasing a React-free workflow that still leverages D3’s utilities.

ММаксим Грязнов

71% match

Loading thumbnail…

JS in HTML

This example shows a minimal setup for using D3 within an HTML page with JavaScript modules. It demonstrates how to import functions from D3 and from a local module, logging both a custom string and the `select` function to the browser console. The code uses D3 v7 via a CDN link, React is referenced only in the README, and the visible behavior is limited to console output with no visualization rendered.

MMatthew Bruffey

70% match

Loading thumbnail…

Fork of HTML Starter

This example demonstrates a minimal HTML page that combines CSS styling with JavaScript logic, displaying a large “Hello HTML!” message. The code imports a named export (`something`) from a local module and logs it alongside the `d3.select` function, showing how to integrate D3.js v7 in a browser environment. The page loads D3 from a CDN and uses basic DOM manipulation via `d3.select`, illustrating a simple entry point for mixing vanilla JavaScript with D3’s selection API. It does not include any data visualization or complex interactions.

Llukasilg.sol@gmail.com

70% match

Loading thumbnail…

JS in HTML

This example demonstrates how JavaScript can be imported and executed within an HTML document, with D3.js loaded via a CDN. The HTML file includes an empty body and a stylesheet, while the JavaScript imports `select` from D3 and logs it to the console, alongside a separate `script.js` that logs 'Hello'. A custom module `something.js` exports a string, showing ES module imports in action. The example highlights module structure and console output rather than visual rendering, using `d3.select` implicitly for demonstration.

JJavan Friedel

69% 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

69% match

Loading thumbnail…

JS in HTML

This example shows a minimal HTML page that combines plain text with the D3.js library, serving as a bare-bones starting point for web-based visualizations. The page renders the text “Hello HTML!” using CSS for styling with a large font size and center alignment. The HTML file loads D3 v7 via a CDN script tag, while a separate JavaScript file imports a named export from another module and logs both that imported value and the D3 object to the console. This illustrates basic module import and script loading patterns without any data or visual rendering.

Kkathrynrbernard

68% 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

68% match