deferred smileys

100%

deferred smileys

✓ Published0🌍 Public

Last edited Aug 2, 2011

Created on Aug 2, 2011

This example demonstrates a minimal asynchronous workflow using jQuery’s Deferred object. It schedules a two-second timeout, then resolves or rejects a promise based on the current timestamp: if `Date.now()` returns a truthy value (which it always does), the deferred resolves with a smiley `:)`; otherwise it rejects with `:(`. The chained `.then()` and `.fail()` callbacks log the resulting message to the console. The code uses `$.Deferred`, `setTimeout`, and promise methods to illustrate deferred handling, with no external data sources or rendering.

AI-generated description

Similar vizzes

Loading thumbnail…

D3 Starter - Asynchronus

This example demonstrates asynchronous programming in JavaScript using Promise objects and the `setTimeout` API, showing how to handle operations that take time to complete. The code defines a `waitSeconds` function that returns a Promise resolving after a specified delay, then chains `.then()` to log a message once the time has elapsed. Using D3 v6 loaded from a CDN, the page includes explanatory text about asynchronous versus synchronous behavior, with no data visualization or rendering involved—the focus is purely on illustrating the callback and Promise patterns.

Mmaxthamt

61% match

Loading thumbnail…

JavaScript Promises

This example demonstrates JavaScript Promise chains for handling asynchronous operations. It shows two scenarios: a primer where sequential API calls resolve and reject at different timeouts, and a currency conversion flow that fetches exchange rates from a simulated service before processing a card payment. The code uses native `Promise` objects, `setTimeout` for delays, and `.then()` callbacks to manage dependent operations. Data flows from mocked responses containing currency rates and payment statuses, with success and error paths logged to the console.

Aaanaedu

60% match

Loading thumbnail…

Gist 4ff85e89516594d9399c15b3c436878f

This example demonstrates JavaScript Promise patterns for asynchronous server communication, showing fetch(), .then(), .catch(), Promise.all/race, custom Promise construction, and async/await syntax. The code samples use the browser's built-in fetch() API against document.URL.toString() to simulate server checks, with console.log output for results and error handling. It also includes a setTimeout-based delay Promise example to illustrate timing control. The gist serves as educational reference material, contrasting Promise chains, custom Promise creation, and sugar-syntax async functions.

MMistyBlunch

58% match

Loading thumbnail…

make data async Fork of HTML Starter

This example demonstrates a minimal HTML page that displays a large, centered greeting message. It uses plain CSS for styling and JavaScript to define an asynchronous function that schedules a recurring interval. The page structure is built with standard HTML elements, and the script tag references an external JavaScript file. The visualization relies on basic DOM manipulation and the browser’s native `setInterval` API to manage timing, though no visual updates occur as a result. It serves as a simple template for integrating asynchronous logic with static content.

Ssunole896@yahoo.com

58% match

Loading thumbnail…

no smile smiley

A yellow smiley face with black outlines animates its eyebrows and mouth to express shifting emotions, using an SVG rendering with D3.js v5. The code creates the face via `d3.arc` for the eyebrows and simple circle/rect shapes, then applies chained `transition().duration(2000)` calls to move the eyebrow group upward and alter the mouth’s width. The expression shifts through two sequential states, with animated rotations and translations handling the directional cues.

TThijs Verhagen

58% match

Loading thumbnail…

smile.js!

A smiley face with animated eyebrows demonstrates basic DOM manipulation and SVG rendering in D3.js v5. The visualization constructs a red circle with a blue stroke, two eyes, rectangular eyebrows, and an arc-based mouth using D3 selection and shape-generating functions. The eyebrows move up and down via chained `transition` calls over five-second durations, showcasing D3's ability to animate SVG attributes. The code directly selects the SVG element, appends groups, and applies transforms to position facial features.

AAbhinav-Mullapudi

58% match

Loading thumbnail…

Let's make a face with D3.js!

This example demonstrates fundamental DOM manipulation with D3.js by constructing a smiley face in an SVG canvas, with animated eyebrows that respond to a timer. The code uses `d3.select` and `d3.append` to build the face’s elements, while `setTimeout` and a `render` function update the positions of the eyebrows over time. It also illustrates data-binding through a mutable `fruits` array, where elements are removed or change type, triggering re-renders that reflect those updates in the SVG. The example relies on D3 v5’s core selection and data-join methods rather than any external data source, focusing purely on interactive, time-driven graphic changes.

SShantanu Tripathi

58% match

Loading thumbnail…

Let's make a face with D3.js!

A smiley face drawn with D3.js demonstrates declarative DOM manipulation through basic SVG shapes, while animated eyebrows show how transitions update attributes over time. The code explicitly builds the face using `select`, `append`, and `attr` for circles, rectangles, and a mouth path via the `arc()` generator. Two chained `transition().duration(2000)` calls move the eyebrow group up and then back down, creating a repeated motion loop. The face is centered with a `g` transform, and all styling relies on inline attributes with yellow and black fills.

GGosroPoorheydar

58% match